<style media="all" data-href="http://www.birlasoft.com/sites/default/files/css/css_4n1Nero4g9o6hKlIiO5kvllbdAHLDfZ0K7fLklIPYng.css">@import url('https://fonts.googleapis.com/css?family=Open+Sans');

img {
	vertical-align:top;
}

.no-padding {
	padding:0;
}
.media .img-responsive {
	width:100%;
}
.mediafull .img-responsive {
	width:100%;

}
.white {
	color:#fff !important
}
.loader {
	position:absolute;
	left:0px;
	right:0;
	text-align:center;
	top:0;
	background:rgba(255, 255, 255, 0.8);
	width:100%;
	height:100%;
	z-index:99;
-webkit-transition:all .2s;
-moz-transition:all .2s;
-ms-transition:all .2s;
transition:all .2s;
}
.loader img {
	text-align:center;
	margin-top:15%;
}
.media {
	position:relative;
	vertical-align:top;
	margin:5px !important;

}
.media__image {
	display:block;
}
.media__body {
	background:rgba(176, 19, 39, 0.8);
	bottom:0;
	color:white;
	font-size:1em;
	left:0;
	opacity:0;
	overflow:hidden;
	padding:15px;
	position:absolute;
	text-align:center;
	top:0;
	right:0;
	-webkit-transition:0.6s;
	transition:0.6s;
}
.media__body:hover {
	opacity:1;
}
.media:hover img {
	transform:scale(1.15, 1.15);
	-webkit-transform:scale(1.15, 1.15);
	-moz-transform:scale(1.15, 1.15);
	-ms-transform:scale(1.15, 1.15);
	-o-transform:scale(1.15, 1.15);
	-webkit-transition:all 0.25s ease-in-out;
	-moz-transition:all 0.25s ease-in-out;
	-o-transition:all 0.25s ease-in-out;
	-ms-transition:all 0.25s ease-in-out;
	transition:all 0.25s ease-in-out;
}


.media-content {
    position: absolute;
    left: 20px;
    top: 40px;
    text-align: left;
}
.media-content h2 {
	margin-top:0;
	color:#fff
}
.media-content h3 {
    margin-bottom: 1.5em;
    color: #fff;
    font-size: 22px;
    line-height: 30px;
}

.media__body a.btn, .media__body a.btn:hover {
    font-size: 14px;
    background: none;
    color: #fff;
    border: 1px #fff solid;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 0px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    text-decoration: none;
    position: absolute;
    top: 82%;
    font-size: 14px;
    border-radius: 2px;
}

.modal-content {
	border-radius:0px;
}
.modal-body {
	padding:0px;
	overflow-x:hidden;
	overflow-y:auto;
	height:100% !important;
	background:#fff !important;
}
.modal-header {
	border:0px
}
.modal-header .close {
	color:#b01327;
	font-size:35px !important;
	opacity:1 !important;
	margin-top:-10px;
}
.modal-title {
	color:#b01327;
	text-transform:uppercase
}
.modal-body p {
	padding:7px 0 7px 0
}
.modal-body ul.list-light {
	margin-top:10px;
}
.modal-body ul li {
	margin-bottom:7px;
}
.modal-body li ul {
	margin:0px;
	padding:0px;
}
.modal-body li ul {
	margin-left:15px;
}
.modal-body li li {
	list-style-type:none;
	list-style:disc;
	padding-left:0px;
	margin-top:7px;
}
.vertical-alignment-helper {
	display:table;
	height:100%;
	width:100%;
	pointer-events:none;
}
.vertical-align-center {
	display:table-cell;
	vertical-align:middle;
	pointer-events:none;
}
.modal-content {
	width:inherit;
	height:inherit;
	margin:0 auto;
	pointer-events:all;
	text-align:left;
}
@media screen and (max-width:1024px) and (min-width:768px){
.whyus .support {
    background: #fff;
    padding: 15px;
    margin-bottom: 80px;
    min-height: 325px;
    border-bottom: 3px solid #b01327;
    position: relative;
}
}
@media screen and (max-width:1024px) and (min-width:992px){
.media-content h3 {
    margin-bottom: 1.5em;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.default > li > ul {
    position: absolute;
    color: #fff;
    z-index: 1;
    background: #da1f3d;
    width: 300px;
    top: 40px;
    left: -100PX;
}
.life-ACCITCY {
    background: rgba(176,19,39,0.95);
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0px;
    overflow: hidden;
    color: #fff;
}
}
@media screen and (max-width:991px) and (min-width:320px){
.media {
	position:relative;
	vertical-align:top;
	margin:5px !important;
	height:264px;
	overflow:hidden;
}
.mediafull .img-responsive {
	width:100%;
	height:100% !important;
}
.default > li > ul {
    position: absolute;
    color: #fff;
    z-index: 1;
    background: #da1f3d;
    width: 226px;
    top: 40px;
    left: 0px;
}
	
	
}
@media screen and (max-width:480px) {
.share-item {
width:100%;
margin-top:15px;
}
-toggle {
position:absolute;
top:16px;
z-index:9;
right:0px;
}
.our-team .social {
left:-20px;
}
.newstype ul li a h3 {
font-size:14px;
}

}
@media screen and (max-width:1200px) and (min-width:991px){
		.media-content {
    position: absolute;
    left: 20px;
    top: 20px;
    text-align: left;
}
	}
@media screen and (max-width:1200px) and (min-width:1025px){
	.media-content {
    position: absolute;
    left: 20px;
    top: 10px;
    text-align: left;
}
.media-content h3 {
    margin-bottom: 1.5em;
    color: #fff;
    font-size: 18px;
    line-height: 30px;
}
.life-ACCITCY {
    background: rgba(176,19,39,0.95);
    padding: 20px;
    position: absolute;
    left: 0;
    right: 0px;
    top: 0;
    bottom: 0px;
    overflow: hidden;
    color: #fff;
}
	}
@media screen and (max-width:767px) and (min-width:320px){
.zerotechDebt-m {
position:relative !important;
padding:15px 10px;
}
.our-zerotechDebt {
background-image:none !important;
height:auto !important;
}
.lightgrey-bg figure, .gray-light figure {
text-align:center
}
.map-point .content-text .centered-y h2 {
font-size:20px !important;
padding:0px;
margin:0px;
}
.distribution-map .map-point {
Background:#fff
}
.media-content h3 {
font-size:14px;
}
.page-title{
padding:100px 0 30px 0 !important;
}
-collapse -right > li:last-child {
padding-left:15px;
padding-right:15px;
}
.nav-collapse {
margin:7.5px auto;
padding:0;
}
.nav-collapse -form {
margin:0;
}
.nav-collapse>li {
float:none;
}
-default -nav > li:hover, -default -nav > li > a:hover, .dropdown-menu > li > a:hover {
background:#ddd;
border:0px;
}
.dropdown-menu li {
background:#fff;
padding:5px 10px;
}
.dropdown-menu {
border:0px;
box-shadow:none;
}
.dropdown-menu2 {
display:block !important;
width:100%;
}
.dropdown-menu > li > a {
padding:10px;
font-size:17px;
color:#777
}
-brand {
padding:0px 10px;
}
-brand img {
width:75%;
padding-left:10px;
margin-top:15px;
}
.video-section .pattern-overlay {
background-color:rgba(71, 71, 71, 0.33);
position:relative;
height:auto;
}
.content-section {
background:none
}
.owl-buttons, .hideBox {
display:none
}
.mobile-caption h2 {
color:#777;
font-size:25px;
margin-top:10px;
}
.mobile-caption h3 {
color:#777 !important;
font-size:20px;
}
.mobile-caption p a.btn-white {
background:#b01327;
color:#FFF
}
.hide-mobile {
display:none !important
}
.banner .caption h2 {
font-size:35px;
color:#777;
}
#edit-search-block-form--2 {
padding:6px 107px 6px 6px;
font-size:13px;
}
#search-block-form .container-inline #edit-actions, #search-block-form .container-inline #edit-actions--2 {
position:absolute;
right:0px;
top:0px;
z-index:99;
}
#search-block-form #edit-submit, #search-block-form #edit-submit--2 {
font-size:18px;
padding:3px 15px;
}
.searchbox {
padding:3px 0
}
.searchbox {
display:block !important;
top:80px !important;
}
.searchbox-input {
border:0;
outline:0;
background:#fff;
width:100%;
color:#000;
margin:0;
padding:5px 20px 5px 20px;
font-size:16px;
color:#777;
}
h2 {
font-size:20px;
margin-bottom:10px;
}
.media-content {
top:50px !important;
left:50px;
position:absolute;
text-align:left;
}
.media__body a.btn, .media__body a.btn:hover {
    font-size: 14px;
    background: none;
    color: #fff;
    border: 1px #fff solid;
    padding: 5px 10px;
    display: inline-block;
    border-radius: 0px;
    text-transform: uppercase;
    transition: all 0.5s ease;
    text-decoration: none;
    position: absolute;
    top: 82%;
    font-size: 14px;
    border-radius: 2px;
	margin-top:10px;
}
.life-ACCITCY h3, h2{
	margin:0;
	padding:7px 0;	
	}
.verticals h2, .service h2 {
margin-bottom:15px;
}
.about-container, .people-work {
background:none
}
.about-birlasoft {
margin:0px 0;
position:relative;
background:#b01327 !important
}
.about-container, .people-work {
background-image:none !important;
height:auto
}
.center-text {
text-align:center !important
}
.blog-caption {
padding:10px;
}
.blog-caption h2 {
padding-bottom:0px;
}
.pad {
padding:0px;
}
.sub-menu, .tm-contant:before, .tm-contant:after, #othermenu {
display:none
}
.flex {
display:block !important
}
.accordion-section-content h3, .services h2, .content h3 {
padding:0px 10px 10px 0px !important;
}
.tm-contant {
padding:5px 0px !important
}
.services .title, .title {
padding:0px 0px !important
}
ul.sf-menu.sf-accordion, .responsive-menu-block-wrapper {
display:block !important;
}
#horizontal-menu li {
float:none;
height:auto!important;
}
#horizontal-menu {
height:auto!important;
margin-left:0px!important;
}
#horizontal-menu > li {
background:none!important;
display:block;
text-transform:uppercase
}
.sf-hidden {
display:block!important;
position:relative!important;
left:auto;
top:auto;
}
.sub-nav {
display:block !important;
position:relative!important;
width:auto!important;
box-shadow:none!important;
border:0px!important;
float:none!important;
left:0px!important;
top:auto!important;
padding:0px !important
}
#horizontal-menu > li > a, #horizontal-menu > li:last-child > ul > li > a {
padding:7px 10px!important;
background:#CCC;
margin:0px;
border-bottom:1px #fff solid !important;
}
.sub-nav li a {
font-size:16px;
color:#777!important;
text-transform:uppercase
}
#horizontal-menu > li:last-child > ul.sub-nav > li > a {
font-size:17px!important;
color:#777!important;
text-transform:uppercase;
padding-left:13px!important;
}
-fixed-bottom -collapse, -fixed-top -collapse {
max-height:auto !important;
height:auto
}
-collapse {
float:none
}
.region-main-menu {
width:100%
}
.horizontal-menu > li {
display:block;
position:relative;
}
.horizontal-menu > li ul {
display:block;
position:relative;
margin-top:0px !important;
}
#search-block-form h2 {
display:none;
}
.tm-text span strong {
display:block;
font-size:18px;
}
#horizontal-menu > li > ul > li a {
background:#e5e3e3;
border-bottom:1px solid #FFF
}
.container > -collapse, .container > -header {
margin:0px;
padding:0px;
}
.nav-width, > .container {
padding-left:8px;
}
#horizontal-menu > li > ul {
width:100% !important;
}
.year, .month {
width:50% !important;
}
.padding {
padding:0px !important
}
.filter-news ul {
display:none
}
.filter-news ul li {
margin:10px 0 !important
}
.filter-news ul li a, .new-display .heading {
font-size:16px;
color:#3b475b;
text-decoration:none;
text-transform:uppercase;
}
.filter-news ul li a span {
color:#888989;
font-size:12px;
display:block;
}
.new-display {
padding-left:0px;
margin-top:15px;
}
.video-title {
font-size:20px;
padding-bottom:15px;
}
.twitter {
margin-bottom:20px;
}
.distribution-map .map-point {
position:relative;
left:50% !important;
top:auto !important;
margin-bottom:10px;
margin-bottom:10px;
width:320px;
height:40px;
opacity:1!important;
overflow:hidden;
border-radius:0px;
z-index:1 !important
}
.distribution-map .map-point .content-text {
opacity:1;
}
.map-point .content-text .centered-y h2 {
font-size:20px !important;
}
.distribution-map {
margin-top:0px;
}
.our-team .social {
left:-20px;
}
.ck-birla-outer {
margin-top:0px;
position:relative;
z-index:9
}
.filter, .video-item, .video-title, .share-item, .video-title ~ p {
padding-left:10px;
padding-right:10px;
}
.ck-birla-content {
margin-left:0px;
padding-left:0px;
padding-right:0px;
}
</style>
