html, body{overflow:inherit}
.section{float:left; width:100%; position:relative;}
.no_mrtop{margin:0px 0 0 0; position:relative; background-color:#fff;}
.inside_banner.top_banner{ margin:50px 0 0 0; background-color:#fff; position:relative;}
.slider_prev2{background:#ffffff url(../images/sprite.png) no-repeat -58px -76px; position:absolute; bottom:-80px; left:0; right:66px; margin:0 auto; width:39px; height:39px; text-indent:-20000px; cursor:pointer; border-radius:4px;}
.slider_next2{background:#ffffff url(../images/sprite.png) no-repeat -99px -76px; position:absolute; bottom:-80px; left:66px; right:0px; margin:0 auto; width:39px; height:39px; text-indent:-20000px; cursor:pointer; border-radius:4px;}

.slider_prevn{background:url(../images/sprite.png) no-repeat 0 -76px; position:absolute; top:50%; left:18%; width:22px; height:39px; text-indent:-20000px; cursor:pointer;}
.slider_nextn{background:url(../images/sprite.png) no-repeat -23px -76px; position:absolute; top:50%; right:18%; width:22px; height:39px; text-indent:-20000px; cursor:pointer;}


.inside_banner h3 {
    bottom: auto;
    position: relative;
    padding-bottom: 30px;
    font-family: 'uni_neuebook';
    font-weight: 400;
    font-size: 36px;
}

/*Inside section here*/
.inside_wrapper{float:left; width:100%; background:#ffffff url(../images/dots-bg.png) repeat-y center top; background-attachment:fixed; background-size:cover;}
.inside_container{margin:0 auto; max-width:1170px; width:80%;}
.heading_info{position:absolute; margin:0 auto; max-width:960px; width:80%; left:0; right:0; bottom:49px; text-align:center; font-family: 'uni_neuebook';}
.heading_info h2{ font-size:28px; color:#fff; font-weight:400; padding:0 0 20px;} 
.heading_info p{ font-size:18px; color:#fff; padding:15px 0 15px}
.heading_info .readmore{float:left; width:100%; text-align:center; margin:15px 0 0 0}
.heading_info .readmore.life_link{margin:15px 0 40px 0}
.heading_info a{border:1px solid #fff; padding:10px 20px; border-radius:3px; color:#fff; font-size:15px;}
.heading_info a i{padding:0 0 0 10px;}

/*--------carrer section--------*/
*{box-sizing:border-box}

/*----  carrer block section -----*/
.careers_container{margin:0px auto; max-width:1136px; text-align:center;}
.careers_container .row{float:left; width:100%; background-color:#fff; padding:60px 0 0px;}
.careers_container h3{font-family: 'uni_neuebook'; font-size:28px; font-weight:400;}
.careers_container h2{font-family: 'uni_neuebook'; color:#307ee2; font-size:28px; font-weight:400; padding:0 0 40px;}
.careers_container p{ font-size:18px; font-family: 'uni_neuebook'; padding:20px 15% 0px;}
.careers_container ul{float:left; width:100%; margin:30px 0 0 0; overflow:hidden; padding: 0 0 30px 0;}
.careers_container ul li{ float:left; width:33.33%; padding: 0 21px 0 21px; margin:0 0 20px}
.careers_container ul li .block_world{float:left; width:100%; background-color:#fff; -webkit-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.20);
-moz-box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.20);box-shadow: -1px 2px 5px 0px rgba(0,0,0,0.20);}
.careers_container ul li .block_world .thumb{position:relative; height:210px; overflow:hidden;}
.careers_container ul li .block_world .thumb span{position:absolute; z-index:1; left:0; bottom:0; background-color:rgba(3,3,82,0.80); padding:3px 16px; color:#ffffff; font-size:16px;}
.careers_container ul li .block_world .thumb img{width:100%; display:block; border:0px solid;}
.careers_container ul li .block_world .thumb_info{ float:left; width:100%; min-height:80px; color:#000000; font-size:16px; padding:16px 18px; font-family: 'uni_neuebook'; font-weight:300; }
.readmore_block{ text-align:center; float:left; width:100%; }
.readmore_block a{background-color:#3983e2; padding:10px 20px; color:#fff; border-radius:4px; font-size:16px; display:inline-block;}

/*----  slider Section -----*/

.bannerInfo {position: absolute;left: 50%;top: 42px;z-index: 5;font-family: 'uni_neuebook';}
.bannerInfo h3{background-color:#030352; margin:0px; padding:0px; font-size:48px; text-transform:uppercase; padding:15px 25px; border-radius:2px;}
.bannerInfo h3 span{font-family: 'uni_neueregular';}
.bannerInfo h4{background-color:#307ee2; margin:0px; padding:0px; font-size:22px;  padding:10px 15px; border-radius:2px; width:490px; color:#fff; font-family: 'uni_neuebook'; font-weight:400; position:absolute; right:-137px;}



/*----  tab design  -----*/
.product_service_menu{margin:40px auto 0; /*width:605px;*/width:456px; position:relative;}
.product_service_menu:after{position:absolute; content:""; width:1px; background-color:#919191; height:40px; top:0px; left:0;}
.product_service_menu:before{position:absolute; content:""; width:1px; background-color:#919191; height:40px; top:0px; right:0; display:none;}
.product_service_menu.volumes_tab{margin:40px 160px 0 20px}
.product_service_menu li{font-size:19px; cursor:pointer; color:#000; font-family: 'uni_neueregular'; padding:6px 0 10px; text-align:center;border-top:1px solid #919191; border-bottom:1px solid #919191; border-right:1px solid #919191; margin-bottom:12px; height:40px; font-weight:400;}
.product_service_menu li.is-active{color:#307ee2; position:relative; background-color:#307ee2; color:#fff; }
.product_service_menu li.is-active:before{position:absolute;  content:""; margin:0 auto; background-image: url(../images/pr_tab_downarrow.png); bottom:-11px; width:18px;  height:11px; left:0; right:0;}

.block_service{padding:0 12%; float:left; width:100%; margin:50px 0 100px 0;}
.block_service .left_sec{float:left; width:65%; padding:0 85px 0 0;}
.block_service .left_sec h3{ color:#030352; font-size:34px; font-family: 'uni_neueregular'; font-weight:400; text-align:left; margin:0px 0 20px; padding:0px 0 20px; position:relative;}
.block_service .left_sec h3:after{position:absolute; content:""; background-color:#fff; left:0; bottom:0px; background-color:#d6e5f9; height:5px; width:56px;}
.block_service .left_sec p{font-size:18px; line-height:24px;}
.block_service .right_sec{float:left; width:35%; padding:0 0px 0 0;}

.slider_prevn{background:url(../images/prev_arrow.png) no-repeat 0; position:absolute; top:125px; left:50px; width:17px; height:30px; text-indent:-20000px; cursor:pointer;}
.slider_nextn{background:url(../images/next_arrow.png) no-repeat 0px; position:absolute; top:125px; right:50px; width:17px; height:30px; text-indent:-20000px; cursor:pointer;}



/**======accordion======**/	
.accordion{height:100vh;overflow:hidden; margin:0px auto; background:#fff; padding:0 0px; text-align:left;}
.accordion ul li,.accordion ul li div a{height:100%;vertical-align:bottom;position:relative}
.accordion ul{width:100%;display:table;table-layout:fixed;margin:0;padding:0;height:100%}
.accordion ul li{display:table-cell;width:33.33%;background-repeat:no-repeat;background-position:center center;transition:all 1s ; -moz-transition:all 1s ; -webkit-transition:all 1s; -ms-transition:all 1s ;-o-transition:all 1s ; background-size:cover; cursor:pointer;}
.accordion ul li div{display:block;overflow:hidden;width:100%}
.accordion ul li div a{display:block;width:100%; height:50px;z-index:3;padding:15px 20px;box-sizing:border-box;color:#fff;text-decoration:none; -moz-transition:height .6s; -webkit-transition:height .6s; -ms-transition:height .6s; -o-transition:height .6s;transition:height .6s; background:rgba(2,2,58,0.60);font-family: 'uni_neuebook';}
.accordion ul li div a *{opacity:1;margin:0;width:100%;text-overflow:ellipsis;position:relative;z-index:5;white-space:nowrap;overflow:hidden;-webkit-transition:all .4s;transition:all .4s}
.accordion ul li div a h2{font-size:18px; line-height:16px; margin-bottom:10px; letter-spacing:1px; font-weight:400;}
.accordion ul li div a p{font-size:15px; font-family: 'uni_neueregular'; top:160px; opacity:0; visibility:hidden; }


.accordion ul li:nth-child(1){background-image:url(../images/slider1.jpg);}
.accordion ul li:nth-child(2){background-image:url(../images/slider2.jpg);}
/*.accordion ul li:nth-child(3){background-image:url(../images/slider3.jpg);}*/
.accordion ul li:nth-child(3){background-image:url(../images/slider4.jpg);}

.accordion ul:hover li{width:10%}
.accordion ul:hover li:hover{width:30%}
.accordion ul:hover li:hover a *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.accordion ul:hover li:hover a{ height:82px}
.accordion ul:hover li:hover h2{font-size:18px; line-height:18px; }
.accordion ul li h2 i{visibility:hidden}
.accordion ul:hover li:hover h2 i{background:url(../images/sprite.png) no-repeat 0px -127px; width:7px; height:12px; display:inline-block; visibility:visible;}
.accordion ul:hover li:hover p{top:0;opacity:1; visibility:visible;}







@media screen and (max-width:1700px) {
	.bannerInfo {left: 45%;}
	.bannerInfo h3 {font-size: 38px;}
	.bannerInfo h4 {width: 433px;right: -137px; font-size:16px;}


}
@media screen and (max-width:1180px){
.inside_container{width: 100%;}
.inside_banner.top_banner {margin: 0px 0 0 0;}
.banner{ opacity:1; margin-left:0px;}

.banner {float:none; width:100%; height:auto;}
.dsk_banner, .mobile-banner{ display:none !important; }
.tab_banner{ display:block !important; width:100%;}

#home_banner_slider li .imgHolder{ display:none;}
#home_banner_slider li .only-mobile{ display: block;}

#home_banner_slider {height: 453px;}
.inside_banner.top_banner {margin: 65px 0 0 0;}

.heading_info{width:100%;}
.bannerInfo {left: 47%;}
.bannerInfo h3 {font-size: 33px; padding: 11px 15px;}
.bannerInfo h4 {width: 337px;right: -67px; font-size:15px;}
}

@media screen and (max-width:999px){

.bannerInfo{left:18%;}
.our_world_container ul li .block_world .thumb{height:130px;}
.our_world_container ul li .block_world{min-height:260px;}
.footer_bottom .container .copyrights{width:50%; line-height:normal; padding-top:5px;}
.our_world_container ul {margin: 122px 0 0 0;}
.news_container .news_slider li .news_block {overflow: hidden;}


/**======accordion======**/	
.accordion{height:auto;}
.accordion ul{width:100%;display:block;}
.accordion ul li{display:block;width:100%; height:51px; border-bottom:1px solid #FFF;}
.accordion ul li div{display:block;overflow:hidden;width:100%; position:absolute; left:0; bottom:0px;}
.accordion ul li div a{background:#040351;}

.accordion ul:hover li{width:100%}
.accordion ul:hover li:hover{width:100%}
.accordion ul:hover li:hover a *{opacity:1;}
.accordion ul:hover li:hover a{ height:50px}
.accordion ul:hover li:hover h2{ line-height:16px; }
.accordion ul li h2 i{visibility:hidden}
.accordion ul:hover li:hover h2 i{visibility:hidden;}
.accordion ul:hover li:hover p{visibility:hidden;}

.accordion ul li.haActive{height:400px;}
.accordion ul li.haActive a *{opacity:1;-webkit-transform:translateX(0);transform:translateX(0);}
.accordion ul li.haActive a{ height:82px; background: rgba(2,2,58,0.60);}
.accordion ul li.haActive:hover a{ height:82px}
.accordion ul li.haActive h2, .accordion ul li.haActive:hover h2{font-size:18px; line-height:18px; }
.accordion ul li h2 i{visibility:hidden}
.accordion ul li.haActive h2 i, .accordion ul li.haActive:hover h2 i{background:url(../images/sprite.png) no-repeat 0px -127px; width:7px; height:12px; display:inline-block; visibility:visible;}
.accordion ul li.haActive p,.accordion ul li.haActive:hover p{top:0;opacity:1; visibility:visible;}

/*Products banner section start*/
.bannerInfo h4 {width: 359px; right: -49px; font-size: 16px;}
.slider_prevn, .slider_nextn{top:50%;}


}

@media screen and (max-width:680px){
.slider_prev{left:10px;}
.slider_next{right:10px;}
.only-mobile{ height:300px; background:#777;}
.only-mobile img{ height:100%;}
.bannerInfo{left:15%; top:56%;}

.width470{width:315px;}
.width435{width:192px;}

.banner1_text1{ left:0%; top:0px; height:56px; line-height:56px; font-size:30px;}
.banner1_text2{ left:150px; top:56px; width:0; height:36px;  line-height:36px; font-size:16px; }
.banner1_text3{ left:140px; top:72px; height:36px; }
.banner1_text1_final{width:315px;}
.banner1_text2_final{width:192px;}
.banner1_text3_final{width:108px;}

.banner1_text1_final2{width:0;  margin-left:250px;}
.banner1_text2_final2{width:0; margin-left:200px;}
.banner1_text3_final2{width:0; margin-left:108px;}

.banner2_text1{ left:0%; top:0px; height:36px; line-height:36px; font-size:18px;}
.banner2_text2{ left:70px; top:36px; width:0; height:36px;  line-height:36px; font-size:18px;}
.banner2_text3{ left:140px; top:72px; height:36px; }
.banner2_text1_final{width:250px;}
.banner2_text2_final{width:200px;}
.banner2_text3_final{width:108px;}

.banner2_text1_final2{width:0; margin-left:250px;}
.banner2_text2_final2{width:0;  margin-left:200px;}
.banner2_text3_final2{width:0; margin-left:108px;}

.banner3_text1{ left:0%; top:0px; height:36px; line-height:36px; font-size:18px;}
.banner3_text2{ left:70px; top:36px; width:0; height:36px;  line-height:36px; font-size:18px;}
.banner3_text3{ left:140px; top:72px; height:36px; }
.banner3_text1_final{width:250px;}
.banner3_text2_final{width:200px;}
.banner3_text3_final{width:108px;}

.banner3_text1_final2{width:0;  margin-left:250px;}
.banner3_text2_final2{width:0; margin-left:200px;}
.banner3_text3_final2{width:0; margin-left:108px;}

/*------css edited for tata motors-------*/

.footer_bottom .container .copyrights{width:100%; line-height:normal; padding-top:5px;}
#home_banner_slider > div li .hbs_info{ position:absolute; left:7%; bottom:12%; color:#FFF; font-size:28px; text-transform:uppercase; font-weight:700;}
#home_banner_slider > div li .hbs_info span{ display:block; font-size:15px; display:block; padding-top:15px; font-weight:400;}

.mobile-banner{ display: block !important; width:100%;}
.dsk_banner, .tab_banner{ display: none !important;}

/*Products banner section start*/
.block_service .left_sec {float: left; width: 100%; padding: 0 85px 0 0;}
.block_service .right_sec {width: 100%;padding: 25px 0px 0 0;}
.block_service .right_sec img{width:100%;}
}
@media screen and (max-width:500px){
	.inside_banner.top_banner {margin: 65px 0 0 0;}
.bannerInfo{left:25%; top: 25px;}
#home_banner_slider {height: 356px;}
.bannerInfo h3 {font-size: 20px;}
.bannerInfo h4 {width: 223px;right: -72px;font-size: 13px;}
.block_service .left_sec {float: left; width: 100%; padding: 0 0px 0 0;}
.slider_prevn{left:10px;}
.slider_nextn{right:10px;}
.product_service_menu {margin: 40px auto 0;width: 90%;}
.product_service_menu li{font-size: 16px;}
.block_service {margin: 50px 0 50px 0;}
.bannerInfo h3{padding: 5px 5px;}
.bannerInfo h4{padding: 5px 5px; right:0; width:auto;}
.bannerInfo h4 br {display:none}
}








@media screen and (max-width:400px){
.bannerInfo{left:10%;}
.banner1_text1_final{width:253px;}
.width470 {width: 253px;}
.banner1_text1 {line-height: 56px;font-size: 23px;}
.banner1_text2_final{width:151px;}
.width435{width: 151px;}
.banner1_text2 {height: 26px; line-height: 22px; left: 140px; font-size: 12px;}
.slider_prev{top:30%;}
.slider_next{top:30%;}

}
@media screen and (max-width:360px) {

.banner-dots{ position:relative; right:auto; bottom:auto; text-align:center; padding-bottom:32px;}



}




/*filter2*/
.filter2{display:block; margin:45px auto 0 auto; display:table;}
.filter2 ul{padding:0 0 0 0;}
.filter2 ul li{font-size:18px; line-height:31px; font-weight:normal; display:inline-block; padding:0 40px 0 0; width:auto;}
.filter2 ul li:last-child{padding:0 0 0 0;}
.filter2 ul li a{color:#fff; padding-left:40px; position:relative; display:inline-block;}
.filter2 ul li a:before{content:''; background:url(../images/radio-inactive-img2.png) no-repeat 0 0; width:31px; height:31px; position:absolute; left:0; top:0;}
.filter2 ul li a:hover:before{content:''; background:url(../images/radio-active-img2.png) no-repeat 0 0; width:31px; height:31px; position:absolute; left:0; top:0;}
.filter2 ul li a.active:before{content:''; background:url(../images/radio-active-img2.png) no-repeat 0 0; width:31px; height:31px; position:absolute; left:0; top:0;}

.filter2 h3{width:100%; font-size:28px; text-align:left; font-family:'uni_neueregular'; position:relative; cursor:pointer; color:#FFF; text-align:center; padding:20px 0;}

.news_head_box_mobile{display:none;}
@media screen and (max-width:900px){
.news_container .news_slider {
    margin:120px 0 0;
}
.news_head_box {
    top:25px;
}
.news_head_box_desktop{ display:none;}
.news_head_box_mobile{display:block;}
}

/*filter2*/