body { 
	overflow-y: scroll !important; 
}
.search__color {
    display: block !important;
    opacity: 1 !important;
}
.mb15_col > [class*="col-"] {
	margin-bottom: 15px;
}
.mb20_col > [class*="col-"] {
	margin-bottom: 20px;
}
.mb30_col > [class*="col-"] {
	margin-bottom: 30px;
}
.dot_bg {
    background-color: #4c0519;
    background-position: center center;
    background-image: url(https://www.infosys.com/content/dam/infosys-web/en/careers/usa-2020/pattern_bg_half.png);
    background-size: 0.75%;
}
.eq_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.eq_height {
    position: relative;
    height: 100%;
    overflow: hidden;
    padding-bottom: 50px;
}
.grid_bg_gray .eq_height{
	background-color: #f2f2f2;
}
.grid_bg_gray .eq_height a {
	color: #000;
	display: block;
	height: 100%;
}
.grid_bg_gray .eq_height:hover > a {
	color: #007cc3;
} 
.box_ctrl {
	padding: 15px;
	clear: both;
}
.box_ctrl h3 {
    font-size: 20px;
	font-weight: 600;
	margin-bottom: 10px !important;
}
.box_ctrl p {
	font-weight: 300;
}
.ctrl_grid_p .box_ctrl p {
	margin-bottom: 5px !important;
}
.social_bottom {
	padding-bottom: 40px;
}
.social_icon {
	padding: 0px;
	list-style: none;
	position: absolute;
	bottom: 5px;
}
/* zoom effect */
.zoom_wrap {
	position: relative;
	overflow: hidden;
}
.img_wrap {
	float: left;
	width: 100%;
    position: relative;
    margin: 0 auto;
    overflow: hidden;
}
.zoom_wrap img {
  -webkit-transition: 0.4s ease;
  transition: 0.4s ease;
}
.zoom_wrap:hover img {
  -webkit-transform: scale(1.04);
  transform: scale(1.04);
}

.stories-items .zoom_text a {
    color: #FFFFFF !important;
    font-weight: 500;
    font-size: 20px;
}
.stories-items .zoom_text img {
    margin-top: 130px;
}
.stories-items .zoom_text p {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    padding: 20px;
    line-height: 25px;
}

#overview {
	position: relative;
}
#overview:before {
	position: absolute;
	z-index: -1;
	content: "";
	width: 100%;
	height: 600px;
	left: 0;
	top: 0;
	background-image: url(https://www.infosys.com/content/dam/infosys-web/en/careers/usa-2020/pattern-bg.png);
	background-repeat: no-repeat;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-ms-background-size: cover;
	background-size: cover;
	background-position: center center;	
}
.ctrl-loc-para .loc-cntry-txt span {
	padding: 0px 10px;
}

.ctrl-button-read .more {
	top: 295px !important;
}
.ctrl-button-read .more.readmore-top {
    top: 345px !important;
}
.bg-queries {
    background-color: #f2f2f2;
    color: #000;
    position: relative;
    height: 100%;
}
.bg-queries2 {
    background-color: #fff;
    color: #000;
    position: relative;
    height: 100%;
}
.pdg-queries {
	padding: 65px 15px 15px;
}

/*left side menu*/
.stick-left-nav-ul {
	padding-left: 20px;
	width: 95px;
}
.sticky-left-nav {
	position: fixed;
	width: 120px;
	background-color: transparent;
	z-index: 1;
}
.sticky-left-nav ul li {
	list-style: none;
	height: 60px;
	cursor: pointer;
	transition: all 0.3s ease-in-out;
}
.sticky-left-nav ul li a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
	content: "";
	display: block;
	width: 30px;
	height: 1px;
	opacity: 1;
	background-color: #fff;
	transition: all 0.3s ease-in-out;
}
.side-menu .sticky-left-nav ul li a::before {
	background-color: #fff;
}
.sticky-left-nav ul li.nav-active a::before, .side-menu .sticky-left-nav ul li.nav-active-menu a::before {
	width: 60px;
	height: 4px;
	opacity: 1;
}
.side-menu .sticky-left-nav ul li.nav-active-menu {
	margin-bottom: 30px !important;
}
.sticky-left-nav ul li a, .sticky-left-nav ul li a:hover, .sticky-left-nav ul li a:focus {
	text-decoration: none;
}
.sticky-left-nav ul li a span {
	display: block;
	color: #fff;
	opacity: 0;
	transition: opacity 0.3s ease-out;
	padding-top: 5px;
	font-size: 14px;
}
.side-menu .sticky-left-nav ul li a span {
	color: #fff;
	opacity: 1 !important;
}
.sticky-left-nav ul li.nav-active a span {
	opacity: 1;
}
.sticky-left-nav ul li.darkText a span {
	color: #7E7E7E !important;
}
.sticky-left-nav ul li.darkText a::before {
	background-color: #7E7E7E !important;
	opacity: 1;
}
/*change color*/
.scrollto-target-menu.changecolor a::before {
	background-color: #000 !important;
}
.scrollto-target-menu.changecolor a span {
	color: #000 !important;
}
.stories-txt {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.txt-blog h5 {
	margin-top: 10px !important;
	margin-bottom: 10px !important;
}
.insight-title {
    margin-top: 10px !important;
    margin-bottom: 10px !important;
}

/*--------------------------------------------------------------
# Font size CSS
--------------------------------------------------------------*/
.size-md-14 {
	font-size: 14px;
}
.size-md-20 {
	font-size: 20px;
}
.size-md-25 {
	font-size: 25px;
}
.size-md-28 {
	font-size: 28px;
}
.size-md-70 {
	font-size: 70px;
}

/*--------------------------------------------------------------
# Color CSS 
--------------------------------------------------------------*/

.white-color {
	color: #ffffff !important;
}
.black-color {
	color: #000000 !important;
}
.light-gray {
	color: #7E7E7E !important;
}

/*--------------------------------------------------------------
# Margin CSS
--------------------------------------------------------------*/

.m0 {
	margin: 0px;
}
.ml25 {
	margin-left: 25px;
}
.mt0 {
	margin-top: 0px;
}
.mt5 {
	margin-top: 5px;
}
.mt10 {
	margin-top: 10px;
}
.mt20 {
	margin-top: 20px;
}
.mt30 {
	margin-top: 30px;
}
.mt45 {
	margin-top: 45px;
}
.mt50 {
	margin-top: 50px;
}
.mt80 {
	margin-top: 80px;
}
.mt100 {
	margin-top: 100px;
}
.mt175 {
	margin-top: 175px;
}
.mb0 {
	margin-bottom: 0px !important;
}
.mb5 {
	margin-bottom: 5px;
}
.mb10 {
	margin-bottom: 10px;
}
.mb15 {
	margin-bottom: 15px;
}
.mb20 {
	margin-bottom: 20px;
}
.mb30 {
	margin-bottom: 30px !important;
}
.mb50 {
	margin-bottom: 50px !important;
}
.mb60 {
	margin-bottom: 60px;
}
.mtb30 {
	margin: 30px 0;
}
/*--------------------------------------------------------------
# Padding CSS
--------------------------------------------------------------*/

.p0 {
	padding: 0;
}
.p60 {
	padding: 60px;
}
.p15 {
	padding: 15px;
}
.p50 {
	padding: 50px;
}
.pt0 {
	padding-top: 0 !important;
}
.pt5 {
	padding-top: 5px;
}
.pt10 {
	padding-top: 10px;
}
.pt15 {
	padding-top: 15px;
}
.pt20 {
	padding-top: 20px;
}
.pt40 {
	padding-top: 40px;
}
.pt45 {
	padding-top: 45px;
}
.pt50 {
	padding-top: 50px;
}
.pt75 {
	padding-top: 75px;
}
.pb0 {
	padding-bottom: 0px;
}
.pb50 {
	padding-bottom: 50px;
}
.pb25 {
	padding-bottom: 25px;
}
.pb75 {
	padding-bottom: 75px !important;
}
.ptb50 {
	padding: 50px 0;
}
.ptb15 {
	padding: 15px 0;
}
.ptb75 {
	padding: 75px 0;
}
.ptb100 {
	padding: 100px 0 !important;
}
.plr5 {
	padding: 0 5px;
}

.row-eq-ht {
	overflow: hidden;
}
.col-eq-ht {
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

/*-- Insights --*/
.bg-color1 {
	overflow: hidden;
}
.bg-color1 > img.img-responsive {
	max-width: none;
	transform: translate3d(-40px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: calc(100% + 40px);
}
.bg-color1:hover > img.img-responsive {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
img.play-icon {
	width: 80px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
/*.txt-reseach {
	padding: 285px 25px 25px;
}*/
.txt-reseach {
	bottom: 0;
	padding: 0 25px 25px;
	position: absolute;
	width: 100%;
	z-index: 0;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.txt-reseach::before {
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 40%) no-repeat scroll 0 0;
	content: "";
	height: 250px;
	left: 0;
	position: absolute;
	top: -50px;
	width: 100%;
	z-index: -1;
}
.bg-color1:hover .txt-reseach {
	bottom: 20px;
}
.insight-title {
	font-size: 14px;
	letter-spacing: 1.5px;
	color: #B8B8B8;
	font-weight: 600;
	text-transform: uppercase;
}
.bg-blog, .bg-e, .bg-article, .bg-whitepaper, .bg-blog-segment, .bg-last {
	position: relative;
}
.bg-blog {
	background-color: #f8f8f8;
}
.bg-pressrelease {
	background-color: #963596;
}
.bg-article {
	background-color: #f16c51;
}
.bg-blog-segment {
	background-color: #0f9ffa;
}
.bg-whitepaper {
	overflow: hidden;
}
.bg-whitepaper .txt-section {
	background-color: rgba(6, 24, 56, 0.5);/* Fallback*/
	background: rgba(0, 0, 0, 0) linear-gradient(rgba(6, 24, 56, 0.5) 0%, rgba(255, 255, 255, 0.2) 50%);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.bg-whitepaper > img.img-whitepaper {
	max-width: none;
	transform: translate3d(-40px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	width: calc(100% + 40px);
}
.bg-whitepaper:hover > img.img-whitepaper {
	transform: translate3d(0px, 0px, 0px);
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.txt-whitepaper {
	/*padding-top: 331px;*/
	padding-top: 290px;
}
.bg-last {
	background-color: #DF9926;
}
.img-whitepaper {
	top: 0px;
	position: absolute;
	transition: all 0.5s ease 0s;
}
.txt-section {
	padding: 20px;
	position: relative;
}
.box-title {
	margin: 0px;
	font-size: 15px;
	letter-spacing: 1.5px;
	color: #bcb9b9;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.box-text {
	margin: 0px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	padding: 15px 0;
}
.bg-pressrelease:hover p.more, .bg-blog:hover p.more, .bg-article:hover p.more, .bg-last:hover p.more, .bg-blog-segment:hover p.more, .bg-twittercyan:hover p.more, .bg-darkblue:hover p.more, .bg-orange:hover p.more, .bg-light-grey:hover p.more {
	left: 30px;
}
.bg-whitepaper:hover p.white-download {
	left: 10px;
}
.more {
	position: absolute;
	top: 330px;
	font-size: 15px;
	text-transform: uppercase;
	font-weight: 900;
	left: 20px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.readmore-top {
	top: 355px !important;
}
.insight-email {
	margin-top: 0px;
	font-size: 28px;
	color: #000000;
	line-height: 32px;
	font-weight: 900;
}
.email-add-bg {
	margin-left: 15px;
	margin-right: 15px;
}
.email-add {
	width: 100%;
	background-color: transparent;
	border-color: transparent;
	border-bottom: 1px solid #ffffff;
	color: #ffffff !important;
	font-size: 16px;
	margin-top: 20px;
	letter-spacing: 1px;
	opacity: 0.7 !important;
	outline: none;
}
.getsmart {
	font-size: 14px;
	color: #000000;
	font-weight: 900;
	text-transform: uppercase;
	padding: 12px 30px;
	display: inline-block;
	margin-left: 15px;
	margin-top: 10px;
	background-color: #ffffff;
	outline: none;
	border: none;
}
.email-add-bg input::-webkit-input-placeholder {
 color: #ffffff !important;
}
.email-add-bg input:-moz-placeholder {
 color: #ffffff !important;
}
.email-add-bg input::-moz-placeholder {
 color: #ffffff !important;
}
.email-add-bg input:-ms-input-placeholder {
 color: #ffffff !important;
}
/*.vertical-line {
	text-align: center;
	margin: 0px;
}*/
.title-bg {
	margin: 0 auto;
	max-width: 850px;
	width: 100%;
}
.center-title {
	font-size: 80px;
	color: #000;
	text-align: center;
	font-weight: 900;
	line-height: 83px;
	padding-bottom: 10px;
}
.sub-title {
	font-size: 40px;
	color: #3F3F3F;
	font-weight: 300;
	line-height: 45px;
	text-align: center;
}
.gray-bg {
	background-color: #fbfbfb;
}
.violet-bg {
	background-color: #963596;
}
.blue-bg {
	background-color: #372261;
}
.yellow-bg {
	background-color: #DF9926;
}
.yellow-bg ul {
	padding: 0;
}
.yellow-bg ul > li {
	display: block;
	background-image: url(/SiteCollectionImages/18/right-chevron-black.svg);
	background-repeat: no-repeat;
	padding-left: 20px;
	background-position: 0 5px;
	margin-bottom: 10px;
}
.height-380 {
	min-height: 390px;
	position: relative;
	padding-bottom: 30px;
}
.padding-bottom-0 {
	padding-bottom: 0px;
}
img.video-img {
	position: absolute;
	width: 100%;
	height: 100%;
}
.inst-video-disc {
	width: 75%;
	position: absolute;
	left: 20px;
	bottom: 20px;
}
.insight-text {
	margin: 0px;
	font-size: 25px;
	color: #ffffff;
	font-weight: 400;
	line-height: 30px;
}
.corner-shape {
	width: 100%;
	height: auto;
	border-bottom: 170px solid #00B28F;
	border-right: 80px solid transparent;
	position: absolute;
	left: 0;
	bottom: 0;
}
.corner-shape-text {
	position: absolute;
	left: 20px;
	right: 20px;
}
.corner-shape-text p {
	margin: 0px;
}
.whitepaper {
	font-size: 18px;
	color: #ffffff;
	line-height: 24px;
	padding-top: 14px;/*width: 180px;*/
}
.white-download {
	font-size: 15px;
	color: #000000;
	font-weight: 900;
	text-transform: uppercase;
	/*padding-top: 48px;*/
	position: absolute;
	left: 0;
	top: 135px;
	-webkit-transition: all 0.5s ease 0s;
	-o-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.getinsight {
	width: 70%;
	font-size: 12px;
	color: #ffffff;
	margin-top: 10px;
	margin-left: 15px;
}
.see-more {
	text-align: center;
	margin-top: 50px;
}
.see-more a {
	font-size: 14px;
	color: #3F3F3F;
	text-transform: uppercase;
	padding: 20px 50px;
	display: inline-flex;
	border: 1px solid #7E7E7E;
}
.insight-btn {
	border: 1px solid #000 !important;
	color: #000 !important;
	min-width: 200px;
	padding-bottom: 15px !important;
	padding-top: 15px !important;
	text-transform: uppercase;
	margin: 0 auto !important;
	display: table !important;
	margin-top: 40px !important;
}
.insight-btn:hover {
	color: #fff !important;
}



.fixed-box {
	position: fixed;
	right: 0px;
	background-color: #f16c51;
	z-index: 1;
	bottom: 70px;
	/* padding: 20px 20px; */
	border-radius: 10px 0px 0px 10px;
	-webkit-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
	-moz-box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
	box-shadow: 0px 0px 5px 0px rgba(0,0,0,0.7);
}
.fixed-box-inner {
	width: 280px;
	padding: 20px 30px;
}
/* .fixed-box {
	position: fixed;
	right: 0px;
	max-width: 270px;
	background-color: #eac8a5;
	z-index: 999;
	bottom: 70px;
	padding: 15px 15px;
	border-radius: 10px 0px 0px 10px;
} */
.fixed-box .surveytex {
	color: #fff;
	transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	position: absolute;
	left: -13px;
	top: 42%;
	font-weight: 700;
	cursor: pointer;
}
.slide-arrow {
	font-size: 16px !important;
	color: #fff;
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
}
.fixed-box-inner .survey-done {
	font-size: 14px;
	color: #fff;
	cursor: pointer;
	display: none;
}
.survey-submit {
    border: 1px solid #fff;
    border-radius: 5px;
    font-size: 15px;
    color: #fff !important;
    padding: 2px 8px 4px;
    margin-top: 12px;
    display: inline-block;
}
.survey-submit:hover {
	background-color: #000;
    border: 1px solid #000;
}
.fixed-box-inner .survey-close {
	font-size: 16px;
	color: #fff;
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 15px;
	transition: all 0.3s ease-in-out;
}
.fixed-title {
	color: #fff;
	font-size: 16px;
	font-weight: 600;
	margin-bottom: 10px;
	line-height: normal;
}
.fix-list {
	margin: 0px;
	padding: 0px;
	list-style: none;
	clear: both;
}
.fix-list label {
	color: #fff;
	font-size: 16px;
	font-weight: 400;
	margin-bottom: 5px;
}
.fix-list input[type="radio"] {
	margin: 0px;
	margin-right: 5px;
}
.fixed-box.change-bg {
	padding-bottom: 25px;
	background-color: #222222;
}
.fixed-box.change-bg .surveytex {
    color: #fff;
}
.fixed-box.change-bg .survey-submit {
    border: 1px solid #000;
    color: #000 !important;
}
/* .fixed-box.change-bg .fixed-title {
    color: #000;
}
.fixed-box.change-bg .survey-submit:hover {
    color: #fff !important;
}
.fixed-box.change-bg .fixed-box-inner .survey-close {
	color: #000;
}
.fixed-box.change-bg .slide-arrow {
	color: #000;
} */

@-webkit-keyframes fade-In-Left {
	from {
		opacity:0;
		-webkit-transform: translatex(-10px);
		-moz-transform: translatex(-10px);
		-o-transform: translatex(-10px);
		transform: translatex(-10px);
	}
	to {
		opacity:1;
		-webkit-transform: translatex(0);
		-moz-transform: translatex(0);
		-o-transform: translatex(0);
		transform: translatex(0);
	}
}
@-moz-keyframes fade-In-Left {
	from {
		opacity:0;
		-webkit-transform: translatex(-10px);
		-moz-transform: translatex(-10px);
		-o-transform: translatex(-10px);
		transform: translatex(-10px);
	}
	to {
		opacity:1;
		-webkit-transform: translatex(0);
		-moz-transform: translatex(0);
		-o-transform: translatex(0);
		transform: translatex(0);
	}
}
@keyframes fade-In-Left {
	from {
		opacity:0;
		-webkit-transform: translatex(100px);
		-moz-transform: translatex(100px);
		-o-transform: translatex(100px);
		transform: translatex(100px);
	}
	to {
		opacity:1;
		-webkit-transform: translatex(0);
		-moz-transform: translatex(0);
		-o-transform: translatex(0);
		transform: translatex(0);
	}
}
.in-left {
	-webkit-animation-name: fade-In-Left;
	-moz-animation-name: fade-In-Left;
	-o-animation-name: fade-In-Left;
	animation-name: fade-In-Left;
	-webkit-animation-fill-mode: both;
	-moz-animation-fill-mode: both;
	-o-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: 1s;
	-moz-animation-duration: 1s;
	-o-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-delay: 1.5s;
	-moz-animation-delay: 1.5s;
	-o-animation-duration:1.5s;
	animation-delay: 1.5s;
}


.ctrl-txt {
	color: #fff;
	font-size: 18px;
	font-weight: 500;
}
.ctrl-txt span {
	margin-top: 10px;
}
.circle.expand {
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-moz-opacity: 0;
	-khtml-opacity: 0;
	opacity: 0;
}
#explore-life {
	padding: 80px 0px;
}


/* append css */
/* .showmobile li a {
	color: #7E7E7E;
	font-weight: 900;
	font-size: 23px;
	text-decoration: none;
} */

.list-title {
	font-size: 22px;
	font-weight: 600;
}
.career-list {
	padding: 0px;
}
.career-list li {
    list-style-type: none;
    padding-left: 0px;
    margin-bottom: 10px;
    font-weight: 400;
}
.career-list li a {
	color: #000000;
}

.stats [class*="col-"] {
    text-align: center;
    margin-bottom: 60px !important;
}

.circle-grid.circle-ctrl .eqh-box {
	padding: 20px 20px;
	padding-bottom: 0px;
	margin-bottom: 20px;
	border: 1px solid #b8b8b8;
}
.circle-grid.circle-ctrl .head-abtus {
    margin-bottom: 20px !important;
}


/* progress bar */
.survey-progress {
    float: left;
    width: 100%;
}
.progress-title {
	font-size: 14px;
	color: #ccc;
    font-weight: 600;
    margin-bottom: 3px;
}
.survey-progress .progress {
    float: left;
    width: 100%;
    height: 15px;
    margin-bottom: 5px;
	border-radius: 0px;
	background-color: #666;
	/* box-shadow: inset 0px 0px 3px 1px #b8b8b8;
	-webkit-box-shadow: inset 0px 0px 3px 1px #b8b8b8;
	-moz-box-shadow: inset 0px 0px 3px 1px #b8b8b8;
	-o-box-shadow: inset 0px 0px 3px 1px #b8b8b8; */
}
.bar-color-q1 {
	background: #963596;
	background: -webkit-linear-gradient(to right, #963596, #0f9ffa);
	background: -webkit-linear-gradient(left, #963596, #0f9ffa);
	background: linear-gradient(to right, #963596, #0f9ffa);
}
.bar-color-q2 {
	background: #f16c51;
	background: -webkit-linear-gradient(to right, #f16c51, #df9926);
	background: -webkit-linear-gradient(left, #f16c51, #df9926);
	background: linear-gradient(to right, #f16c51, #df9926);
}
.bar-color-q3 {
	background: #963596;
	background: -webkit-linear-gradient(to right, #963596, #f16c51);
	background: -webkit-linear-gradient(left, #963596, #f16c51);
	background: linear-gradient(to right, #963596, #f16c51);
}
.bar-color-q4 {
	background: #00b28f;
	background: -webkit-linear-gradient(to right, #00b28f, #963596);
	background: -webkit-linear-gradient(left, #00b28f, #963596);
	background: linear-gradient(to right, #00b28f, #963596);
}
.bar-color-q5 {
	background: #df9926;
	background: -webkit-linear-gradient(to right, #df9926, #00b28f);
	background: -webkit-linear-gradient(left, #df9926, #00b28f);
	background: linear-gradient(to right, #df9926, #00b28f);
}
.bar-color-q6 {
	background: #0f9ffa;
	background: -webkit-linear-gradient(to right, #0f9ffa, #f16c51);
	background: -webkit-linear-gradient(left, #0f9ffa, #f16c51);
	background: linear-gradient(to right, #0f9ffa, #f16c51);
}
.progress-val {
    float: right;
	font-size: 11px;
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
    padding-top: 1px;
}
.survey-progress .progress-bar {
    padding: 0px;
    text-align: left;
    line-height: 12px;
    -webkit-transition-duration: 2s;
    -moz-transition-duration: 2s;
    -o-transition-duration: 2s;
    transition-duration: 2s;
}

.learing-icon1 {
	width: 100px;
	margin-bottom: 10px;
}
.learing-icon2 {
	margin: 0 auto;
	width: 70px !important;
	margin-bottom: 10px;
}
.icon-title {
	font-size: 20px;
	margin-bottom: 10px !important;
}
.expert-name {
    font-size: 25px;
    color: #fff;
    font-weight: 700;
    margin-bottom: 5px !important;
}
.expert-text {
    margin-bottom: 0px;
    font-size: 16px;
    color: #fff;
    line-height: 21px;
    font-weight: 400;
}
.three-pillar {
	/* color: #fff;
	font-size: 30px;
	font-weight: 900; */
	position: absolute;
	top: 50%;
	left: 0;
	right: 0;
	transform: translateY(-50%);
	width: 100%;
	text-align: center;
	padding: 0px 10px;
}
.pillar-overlay {
    background-color: rgba(0, 0, 0, 0.6);
    width: 100%;
    height: 100%;
    left: 0;
    top: 0px;
    right: 0;
    bottom: 0;
    position: absolute;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -ms-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
}
.pillar-box:hover .pillar-overlay {
    background-color: rgba(245, 166, 35, 0.9);
}
.three-pillar h4 {
    color: #fff;
    font-size: 30px;
	font-weight: 900;
	margin-bottom: 10px !important;
}
.three-pillar p {
    color: #fff;
	font-size: 18px;
	font-weight: 600;
	line-height: normal;
}
.sust-para {
    font-size: 32px;
    color: #fff;
    font-weight: 300;
    margin: 20px 0;
    line-height: 1.3em;
}
.sust-pr {
    padding: 25px;
    background-color: #fff;
}
.sust-pr-para {
    font-size: 25px;
    line-height: 30px;
    font-weight: 400;
}
.view-more {
    background-color: #fff;
    color: #000 !important;
    padding: 8px 25px;
    border: 1px solid #FFF;
    text-transform: uppercase;
    font-size: 14px;
    font-weight: 600;
    display: inline-block;
    margin: 10px 0;
}
.view-more:hover {
    background-color: transparent;
    color: #FFFFFF !important;
}

.color-box {
	padding: 20px 20px;
	min-height: 320px;
}
.color-box-title {
    font-size: 14px;
    letter-spacing: 1.5px;
    color: #fff;
    font-weight: 600;
	text-transform: uppercase;
	margin-bottom: 40px;
}
.color-box-txt {
    font-size: 20px;
    color: #fff;
    font-weight: 400;
}
.color-box-btn {
    position: absolute;
	font-size: 15px;
	color: #fff;
    text-transform: uppercase;
    font-weight: 900;
	left: 20px;
	bottom: 15px;
	margin-bottom: 0;
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.color-box:hover .color-box-btn {
	left: 30px;
}


/* flip effect */
.flip-row [class*="col-"] {
	margin-bottom: 15px;
}
.flipbox {
	float: left;
	width: 100%;
	display: block;
	position: relative;
	overflow: hidden;
}
.flipbox .flip-back {
	position: absolute;
	top: 0px;
	left: 0px;
}
.flipbox .flip-front, .flipbox .flip-back {
	width: 100%;
	height: 200px;
	color: #ffffff;
	text-align: center;
	padding: 20px 15px;
	display: block;
	transition-duration: 1s;
	transition-property: transform, opacity;
	box-sizing: border-box;
}
.flipbox .flip-front {
	opacity: 1;
	transform: rotateY(0deg);
}
.flipbox .flip-back {
	opacity: 0;
	transform: rotateY(180deg);
}
.flipbox:hover .flip-front {
	opacity: 0;
	transform: rotateY(180deg);
}
.flipbox:hover .flip-back {
	opacity: 1;
	transform: rotateY(0deg);
}
.flip-front h3 {
	margin: 0 auto;
	max-width: 300px;
	width: 100%;
	font-size: 22px;
	color: #000;
	font-weight: 600;
	top: 46%;
	transform: translateY(-46%);
	-webkit-transform: translateY(-46%);
	position: absolute;
}
.flip-back h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px !important;
    line-height: inherit;
}
.flip-back p {
	font-size: 17px;
	margin-bottom: 5px;
}

.flip-front1 {
	background-color: #fbc2ba;
}
.flip-back1 {
	background-color: #f16c51;
}
.flip-front2 {
	background-color: #92d1ff;
}
.flip-back2 {
	background-color: #0f9ffa;
}
.flip-front3 {
	background-color: #eac8a5;
}
.flip-back3 {
	background-color: #df9926;
}
.flip-front4 {
	background-color: #a8d7cd;
}
.flip-back4 {
	background-color: #00b28f;
}
.flip-front5 {
	background-color: #d0b5d5;
}
.flip-back5 {
	background-color: #963596;
}
.flip-front6 {
	background-color: #b8b8b8;
}
.flip-back6 {
	background-color: #7e7e7e;
}
.ctrl-bottom {
	top: inherit !important;
	bottom: 0px;
	margin-bottom: 0px !important;
}

/* employeespeak slider */
.careers-employeespeak {
	background-color: #f3f3f3;
	color: #000;
	max-width: 100%;
	padding: 25px 35px;
	/* position: absolute; 
	bottom: -40px;*/
	right: 60px;
	text-align: left;
}
.employeespeak-head {
	color: #333;
	font-size: 14px;
	margin-bottom: 10px !important;
	padding-left: 95px;
}
.employeespeak-content {
	font-size: 17px;
	font-weight: 400;
	padding-top: 10px;
}
.img-employee {
	border-radius: 50%;
	display: inline-block;
	float: left;
	height: 85px;
	margin-right: 10px;
	width: 85px !important;
}
#employeespeak_slider .owl-dots {
	position: static;
	text-align: center;
}
#employeespeak_slider.owl-theme .owl-dots .owl-dot span {
    background-color: rgba(0, 0, 0, 1);
    box-shadow: 0 0 0 2px black inset;
}
#employeespeak_slider.owl-theme .owl-dots .owl-dot span {
	margin: 0 5px;
	width: 8px;
	height: 8px;
}
#employeespeak_slider.owl-theme .owl-dots .owl-dot.active span, #employeespeak_slider.owl-theme .owl-dots .owl-dot:hover span {
	background-color: #fff;
}


ul.article-pagination {
	float: left;
	padding: 0;
	margin-top: 15px;
}
ul.article-pagination > li:first-child {
	padding-left: 0 !important;
}
ul.article-pagination > li {
	display: inline-block !important;
	background-image: none !important;
	padding-left: 10px !important;
}
ul.article-pagination > li > a {
	background-color: transparent;
	border: 1px solid #000;
	border-radius: 0px;
	display: block;
	font-weight: bold;
	padding: 3px 10px;
	text-decoration: none;
	color: #000000;
	font-size: 14px;
	text-transform: uppercase;
}
ul.article-pagination > li > a:hover {
	background-color: #000 !important;
	border: 1px solid #000 !important;
	color: #FFFFFF;
}
ul.article-pagination > li > a.pagination-active {
	background-color: #000 !important;
	border: 1px solid #000 !important;
	color: #ffffff !important;
	text-decoration: none !important;
}



.explore-box .stories-txt img.img-responsive {
	margin-top: 120px;
}
.right-box {
    overflow: hidden;
    position: relative;
    margin-bottom: 25px;
}
.right-box img.img-responsive {
    max-width: none;
    transform: translate3d(-40px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
    width: calc(100% + 40px);
}
.right-box:hover img.img-responsive {
    transform: translate3d(0px, 0px, 0px);
    -webkit-transition: all 0.5s ease 0s;
    -o-transition: all 0.5s ease 0s;
    transition: all 0.5s ease 0s;
}
.box-bottom-txt {
    position: absolute;
    left: 0;
    width: 100%;
    padding: 0px 20px;
    line-height: 25px;
    bottom: 20px;
}
.stories-items .stories-txt a {
    color: #FFFFFF;
    font-weight: 500;
    font-size: 20px;
}
.box-bottom-txt h4 {
	color: #fff;
	font-size: 22px;
	margin-bottom: 5px !important;
	font-weight: 600;
}
.box-bottom-txt p {
	color: #fff;
	margin-bottom: 0px;
}

.shadow-box {
	position: relative;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.3);
}
.shadow-light {
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
}
.shadow-box::before {
	content: ' ';
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	opacity: 0;
	transition: opacity 500ms;
	-webkit-box-shadow: 0px 3px 8px 10px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 3px 8px 10px rgba(0,0,0,0.1);
	box-shadow: 0px 3px 8px 10px rgba(0,0,0,0.1);
}
.shadow-box:hover::before {
	opacity: 1;
	transition: opacity 300ms;
}
.custom-obj a {
	color: #000000 !important;
}
.custom-obj .media-heading {
	margin-bottom: 10px !important;
}
.custom-obj p {
	font-size: 16px;
	padding-left: 10px;
	margin-top: 5px;
}

.role-box .panel-body {
    padding: 0px !important;
    border: none !important;
}
.role-box .panel-default {
    border: none;
}
.role-box .panel-title>a, .role-box .panel-title>a:active {
	display:block;
	padding:15px;
  color:#555;
  font-size:16px;
	text-decoration:none;
}
.role-box .panel-heading  a:before {
  font-family: FontAwesome;
   content: "\f077";
   float: right;
   transition: all 0.5s;
}
.role-box .panel-heading.active a:before {
	-webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	transform: rotate(180deg);
}
.web-hide {
  display: none;
}
.web-hide p {
	margin-bottom: 0px !important;
	font-size: 18px;
	font-weight: 600;
}

.draw-map svg {
	fill-opacity: 0;
	transition: fill-opacity 2s;
}
.draw-map svg.finished {
	fill-opacity: 1;
}
#linedrawing {
	min-height: 300px;
	fill: #09321d;
	stroke: #fff;
	stroke-width: 1;
	stroke-linecap: round;
	stroke-linejoin: round;
	stroke-miterlimit: 10;
}
.bg-onyx-lbg2 {
    background-color: #f3f3f3 !important;
}
a.btn-shutter-black.shutter-white::before {
    background-color: #fff;
}
a.btn-shutter-black.shutter-white {
    color: #fff;
    border: 1px solid #fff;
}
a.btn-shutter-black.shutter-white:hover {
	color: #000;
	border: 1px solid #fff;
}
.location-title {
	font-size: 24px;
	padding-bottom: 15px;
}

.three_item .border-line {
	border: 1px solid #b8b8b8;
	margin-top: 15px;
	margin-bottom: 15px;
}
.three_item .owl-nav .owl-prev, .three_item .owl-nav .owl-next {
    background-repeat: no-repeat;
    height: 32px;
    position: absolute;
    text-indent: -9999px;
    width: 32px;
    top: 150px !important;
}
.three_item .owl-nav .owl-next {
    background-image: url(https://www.infosys.com/content/dam/infosys-web/en/global-resource/images/arrow-right.png);
    right: -35px;
}
.three_item .owl-nav .owl-prev {
    background-image: url(https://www.infosys.com/content/dam/infosys-web/en/global-resource/images/arrow-left.png);
    left: -35px;
}

/* ripple effect */
.ripple_hover {
	float: left;
	width: 100%;
	position: relative;
	overflow: hidden;
	height: 100%;
}
.ripple_effect {
	display: block;
	position: absolute;
	background-color: #963596;
	transform: scale(0);
	-webkit-transform: scale(0);
	-moz-transform: scale(0);
	-o-transform: scale(0);
	transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
	-moz-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
	-webkit-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
	-o-transition: transform 2.5s cubic-bezier(0.165, 0.85, 0.45, 1) 0s;
	border-radius: 100%;
	-moz-border-radius: 100%;
	-webkit-border-radius: 100%;
	-khtml-border-radius: 100%;
}
.ripple_effect.ripple_animate {
	transform: scale(4);
	-webkit-transform: scale(3);
	-moz-transform: scale(3);
	-o-transform: scale(3);
	z-index: 0;
}
.above_div {
	float: left;
	width: 100%;
	position: relative;
	z-index: 999;
  }
.box_txt {
	color: #000;
	padding: 65px 15px 15px;
	-webkit-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	box-shadow: 0px 0px 6px 1px rgba(0,0,0,0.2);
	height: 100%;
}
.box_link .ripple_effect {
	background-color: #fbc2ba;
}
.box_link .ripple_effect h4 {
	color: #fff;
}
.box_txt:hover .head-abtus-bdr {
    width: 65px;
}
.grid-overlay {
	background-color:rgba(0, 0, 0, 0.5);
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.overlay-box .box-bottom-txt {
	z-index: 9;
}
.overlay-box:hover .grid-overlay {
	background-color: rgba(241, 108, 81, 0);
}
.overlay-box {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.overlay-box img {
    position: relative;
    width: 100%;
    top: 0;
    left: 0;
}
.overlay-box .ovly-top {
    background: rgba(241, 108, 81, 0.6);
    height: 100%;
    left: -100%;
    position: absolute;
    top: -100%;
    width: 100%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.overlay-box .ovly-bottom {
    background: rgba(241, 108, 81, 0.6);
    height: 100%;
    left: 100%;
    position: absolute;
    top: 100%;
    width: 100%;
    -webkit-transition: all 0.6s;
    -moz-transition: all 0.6s;
    -o-transition: all 0.6s;
    transition: all 0.6s;
}
.overlay-box:hover .ovly-top {
    left: 0;
    top: 0;
}
.overlay-box:hover .ovly-bottom {
    left: 0;
    top: 0;
}

/* flip effect 2 */
/* simple */
.flip_row [class*="col-"] {
	margin-bottom: 15px;
	overflow: hidden;
}
.flip_container {
	-webkit-perspective: 1000;
	-moz-perspective: 1000;
	-ms-perspective: 1000;
	perspective: 1000;
	-ms-transform: perspective(1000px);
	-moz-transform: perspective(1000px);
	transform: perspective(1000px);
	-moz-transform-style: preserve-3d; 
	-ms-transform-style: preserve-3d;
	transform-style: preserve-3d;
}
.flip_container:hover .back_flip, .flip_container.hover .back_flip {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}
.flip_container:hover .front_flip, .flip_container.hover .front_flip {
    -webkit-transform: rotateY(180deg);
    -moz-transform: rotateY(180deg);
    -o-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
.flip_container, .front_flip, .back_flip {
	width: 100%;
	height:200px;
}
.flipper {
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-ms-transition: 0.6s;
	-moz-transition: 0.6s;
	-moz-transform: perspective(1000px);
	transform: perspective(1000px);
	-moz-transform-style: preserve-3d;
	-ms-transform-style: preserve-3d;
	transition: 0.6s;
	transform-style: preserve-3d;
	position: relative;
}
.front_flip, .back_flip {
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: 0.6s;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: rotateY(0deg);
	-moz-transition: 0.6s;
	-moz-transform-style: preserve-3d;
	-moz-transform: rotateY(0deg);
	-o-transition: 0.6s;
	-o-transform-style: preserve-3d;
	-o-transform: rotateY(0deg);
	-ms-transition: 0.6s;
	-ms-transform-style: preserve-3d;
	-ms-transform: rotateY(0deg);
	transition: 0.6s;
	transform-style: preserve-3d;
	transform: rotateY(0deg);
	position: absolute;
	top: 0;
	left: 0;
	padding: 10px 10px;
	text-align: center;
}
.front_flip {
	-webkit-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
	z-index: 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
        -ms-flex-align: center;
            align-items: center;
	text-align: center;
}
.back_flip {
	-webkit-transform: rotateY(-180deg);
	-moz-transform: rotateY(-180deg);
	-o-transform: rotateY(-180deg);
	-ms-transform: rotateY(-180deg);
	transform: rotateY(-180deg);
}
.front_flip h3 {
	margin: 0 auto;
	width: 100%;
	font-size: 22px;
	color: #000;
	font-weight: 600;
}
.back_flip h3 {
    font-size: 18px;
    color: #fff;
    font-weight: 600;
    margin-bottom: 5px !important;
    line-height: inherit;
}
.back_flip p {
	font-size: 17px;
	color: #fff;
    margin-bottom: 5px;
}

/* map css */
.draw-map {
	position: relative;
}
.maps-interactive {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.maps-interactiveinner {
	width: 100%;
	height: 100%;
	position: relative;
}
.pointer {
	position: absolute;
}
.pointer a {
	transform: translateY(0px);
	transition: all 0.5s ease;
	display: block;
	width: 20px;
	height: 20px;
}
.pointer a:hover {
	transform: translateY(-5px);
	transition: all 0.5s ease;
}
.labal-copy {
	display: none;
	position: absolute;
	bottom: 110%;
	right: 50%;
	width: 260px;
	height: auto;
	background: #ffffff;
	padding: 20px;
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
	z-index: 9;
}
.labal-copy h5 {
	font-size: 18px;
	margin-bottom: 5px !important;
}
.labal-copy p {
	font-size: 14px;
	margin: 0;
}
.labal-copy .close-btn {
	position: absolute;
	top: 10px;
	right: 10px;
	font-weight: 400;
	line-height: 1;
	font-size: 15px;
	cursor: pointer;
}
.pointer {
	position: absolute;
	/* z-index: 2; */
}
.labal-copy a {
	float: left;
	width: 100%;
	display: block;
	font-weight: 700;
}

  /* .pointer::after {
	content: "";
	border-radius: 50%;
	height: 15px;
	width: 22px;
	position: absolute;
	-webkit-animation: pulsate 1s ease-out;
	-moz-animation: pulsate 1s ease-out;
	-o-animation: pulsate 1s ease-out;
	-ms-animation: pulsate 1s ease-out;
	animation: pulsate 1s ease-out;
	-webkit-animation-iteration-count: infinite;
	-moz-animation-iteration-count: infinite;
	-o-animation-iteration-count: infinite;
	-ms-animation-iteration-count: infinite;
	animation-iteration-count: infinite;
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
	-webkit-box-shadow: 0 0 1px 2px #ffffff;
	box-shadow: 0 0 1px 2px #ffffff;
	-webkit-animation-delay: 1.1s;
	-moz-animation-delay: 1.1s;
	-o-animation-delay: 1.1s;
	-ms-animation-delay: 1.1s;
	animation-delay: 1.1s;
	top: 18px;
	left: 1px;
	z-index: -1;
} */
@-moz-keyframes pulsate {
0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
}
@-webkit-keyframes pulsate {
0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
}
@-o-keyframes pulsate {
0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
}
@keyframes pulsate {
0% {
	-webkit-transform: scale(0.1, 0.1);
	-moz-transform: scale(0.1, 0.1);
	-o-transform: scale(0.1, 0.1);
	-ms-transform: scale(0.1, 0.1);
	transform: scale(0.1, 0.1);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
50% {
	opacity: 1;
	-ms-filter: none;
	filter: none;
}
100% {
	-webkit-transform: scale(1.2, 1.2);
	-moz-transform: scale(1.2, 1.2);
	-o-transform: scale(1.2, 1.2);
	-ms-transform: scale(1.2, 1.2);
	transform: scale(1.2, 1.2);
	opacity: 0;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
}
.pointer-01 {
	top: 25%;
	left: 76%;
}
.pointer-02 {
	top: 5%;
	left: 14%;
}
.pointer-03 {
	top: 48%;
	left: 51%;
}
.pointer-04 {
	top: 56%;
	left: 45%;
}
.pointer-1 {
	top: 52%;
	left: 65%;
}
.pointer-2 {
	top: 25%;
	left: 49%;
}
.pointer-3 {
	top: 19%;
	left: 77%;
}
.pointer-4 {
	top: 64%;
	left: 47%;
}
.pointer-5 {
	top: 31%;
	left: 59%;
}
.pointer-6 {
	top: 31%;
	left: 55%;
}
.pointer-7 {
	top: 15%;
	left: 73%;
}
.pointer-8 {
	top: 47%;
	left: 24%;
}
.pointer-9 {
	top: 18%;
	left: 79%;
}
.pointer-10 {
	top: 15%;
	left: 78%;
}
.pointer-11 {
	top: 41%;
	left: 72%;
}
.pointer-12 {
	top: 70%;
	left: 50%;
}
.pointer-13 {
	top: 36%;
	left: 10%;
}
.pointer-14 {
	top: 51%;
	left: 22%;
}
.pointer-15 {
	top: 16%;
	left: 54%;
}
.pointer-16 {
	top: 56%;
	left: 49%;
}
.pointer-17 {
	top: 88%;
	left: 93%;
}
.pointer-18 {
	top: 28%;
	left: 73%;
}


/* all location */
.labal-copy img {
	float: left;
	width: 160px;
	clear: both;
}
.locatin-popup {
	float: left;
	width: 100%;
	margin-top: 10px;
}
.featured-point-1 {
	top: 25%;
	left: 17%;
}
.featured-point-2 {
	top: 49%;
	left: 19%;
}
.featured-point-3 {
	top: 37%;
	left: 21%;
}
.featured-point-4 {
	top: 69%;
	left: 34%;
}
.featured-point-5 {
	top: 58%;
	left: 25%;
}
.featured-point-6 {
	top: 90%;
	left: 29%;
}
.featured-point-7 {
	top: 67%;
	left: 27%;
}

/* Asia */
.featured-point-8 {
	top: 76%;
	left: 86%;
}
.featured-point-9 {
	top: 40%;
	left: 74%;
}
.featured-point-10 {
	top: 50%;
	left: 80%;
}
.featured-point-11 {
	top: 52%;
	left: 70%;
}
.featured-point-12 {
	top: 42%;
	left: 86%;
}
.featured-point-13 {
	top: 62%;
	left: 78%;
}
.featured-point-14 {
	top: 90%;
	left: 94%;
}
.featured-point-15 {
	top: 61%;
	left: 81%;
}
.featured-point-16 {
	top: 42%;
	left: 83%;
}
.featured-point-17 {
	top: 56%;
	left: 83%;
}
.featured-point-18 {
	top: 50%;
	left: 82%;
}

/* Europe */
.featured-point-19 {
	top: 36%;
	left: 49%;
}
.featured-point-20 {
	top: 32%;
	left: 50%;
}
.featured-point-21 {
	top: 25%;
	left: 55%;
}
.featured-point-22 {
	top: 38%;
	left: 48%;
}
.featured-point-23 {
	top: 35%;
	left: 51%;
}
.featured-point-24 {
	top: 34%;
	left: 46%;
}
.featured-point-25 {
	top: 42%;
	left: 52%;
}
.featured-point-26 {
	top: 25%;
	left: 51%;
}
.featured-point-27 {
	top: 42%;
	left: 47%;
}
.featured-point-28 {
	top: 29%;
	left: 52%;
}
.featured-point-29 {
	top: 39%;
	left: 50%;
}
.featured-point-30 {
	top: 35%;
	left: 50%;
}
.featured-point-31 {
	top: 34%;
	left: 48%;
}
.featured-point-32 {
	top: 22%;
	left: 71%;
}
.featured-point-33 {
	top: 40%;
	left: 53%;
}
.featured-point-34 {
	top: 36%;
	left: 53%;
}
.featured-point-35 {
	top: 38%;
	left: 51%;
}
.featured-point-36 {
	top: 37%;
	left: 52%;
}
.featured-point-37 {
	top: 39%;
	left: 52%;
}

/* Middle East and Africa */
.featured-point-38 {
	top: 73%;
	left: 65%;
}
.featured-point-39 {
	top: 50%;
	left: 64%;
}
.featured-point-40 {
	top: 50%;
	left: 64%;
}
.featured-point-41 {
	top: 77%;
	left: 55%;
}

/* ------IE support only------ */
/* @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
} */
img.usamap {
	position: relative;
}

.ctrl-strong strong {
    float: left;
    clear: both;
}
.apply-btn {
    float: left;
    font-size: 16px;
	display: inline-block;
	border: 1px solid #fff;
    margin-top: 15px;
	padding: 3px 15px;
    padding-top: 1px;
    clear: both;
}
/*--------------------------------------------------------------
# (1280px)
--------------------------------------------------------------*/
@media(max-width: 1280px){
.corner-shape {
	border-right: inherit;
	border-bottom: 170px solid #00B28F;
}
.white-download {
	padding-top: 10px;
	position: relative;
	top: 0;
}
}

@media all and (max-width: 1024px) {
.ripple_effect {
	display: none !important;
}
.zoom_wrap:hover img {
	-webkit-transform: scale(1);
	transform: scale(1);
}
.grid-overlay {
	background-color:rgba(0, 0, 0, 0.5);
}
.overlay-box:hover .grid-overlay {
	background-color: rgba(241, 108, 81, 0.5);
}
.overlay-box .ovly-top {
	display: none;
}
.overlay-box .ovly-bottom {
	display: none;
}
.front_flip {
	display: none;
}
.back_flip {
	-webkit-transform: rotateY(0deg);
	-moz-transform: rotateY(0deg);
	-o-transform: rotateY(0deg);
	-ms-transform: rotateY(0deg);
	transform: rotateY(0deg);
}

/* .pillar-overlay {
    background-color: rgb(245, 166, 35, 0.8);
} */
.flipbox .flip-front, .flipbox .flip-back {
	height: 220px;
}
.flipbox .flip-front {
	opacity: 0;
	transform: rotateY(180deg);
}
.flipbox .flip-back {
	opacity: 1;
	transform: rotateY(0deg);
}
.ctrl-txt {
	color: #fff;
	font-size: 16px;
	font-weight: 500;
}
.bg-color1 > img.img-responsive {
	width: calc(100% + 86px);
}
.bg-color1:hover > img.img-responsive, .bg-whitepaper:hover > img.img-whitepaper {
	transform: translate3d(-40px, 0px, 0px);
}
.bg-color1:hover .txt-reseach {
	bottom: 0px;
}
.bg-whitepaper > img.img-whitepaper {
	width: calc(100% + 50px);
}
img.play-icon {
	width: 80px;
	position: absolute;
	bottom: 0;
	margin: 0 auto;
	left: 0;
	right: 0;
	top: 50%;
	transform: translateY(-50%);
}
.txt-reseach::before {
	top: unset;
}
.offering-title {
	font-size: 35px;
	color: #000000;
	font-weight: 900;
	line-height: 40px;
	letter-spacing: -1px;
}
.bg-whitepaper {
	position: relative;
}
.txt-whitepaper {
	padding-top: 380px;
}
.box-title {
	margin: 0px;
	font-size: 15px;
	letter-spacing: 1.5px;
	color: #bcb9b9;
	font-weight: 600;
	padding-bottom: 15px;
	text-transform: uppercase;
}
.box-text {
	margin: 0px;
	font-size: 20px;
	line-height: 28px;
	font-weight: 400;
	padding: 15px 0;
}
.bg-pressrelease:hover p.more, .bg-blog:hover p.more, .bg-article:hover p.more, .bg-last:hover p.more, .bg-blog-segment:hover p.more, .bg-twittercyan:hover p.more, .bg-darkblue:hover p.more, .bg-orange:hover p.more, .bg-light-grey:hover p.more {
	left: 0px;
}
.bg-whitepaper:hover p.white-download {
	left: 0px;
}
.more, .readmore-top {
	position: relative;
	top: 0 !important;
	left: 0;
}
.whats-btn {
	padding: 6px 12px;
}
#slider_list_carousel .owl-dots {
	bottom: -40px !important;
}
.offerings-row {
	margin-left: 0;
	padding-left: 25px;
	padding-right: 0px;
}
.offerings-hover, .yellow-dot2 {
	opacity: 1;
}
ul.offering-list li {
	background: url(/SiteCollectionImages/responsive/newdesign/list-arrow.png);
	background-repeat: no-repeat;
	background-position: 10px 10px;
}
.border-left {
	display: none;
}
.submit-btn {
	padding: 10px 50px;
}

.ctrl-button-read .more {
	position: inherit !important;
}
.ctrl-h4 h4 {
	font-weight: 400;
}

.icon-title {
    font-size: 18px;
    margin-bottom: 10px !important;
    font-weight: 600;
}

.labal-copy {
	width: 200px;
	padding: 15px;
}
.labal-copy a {
	font-weight: 400;
	font-size: 16px;
}

}

@media all and (max-width: 992px) {
.three-pillar h4 {
    font-size: 26px;
}
.sust-para {
    font-size: 22px;
}
.three_item {
    margin: 0 auto;
    width: 90% !important;
}
}

@media all and (max-width: 768px) {
.menu {
	background-color: #fff;
}
.color-box {
    min-height: 280px;
}
/* map css */
.labal-copy {
	width: 170px;
	padding: 10px;
}
.pointer-02 .labal-copy, .pointer-13 .labal-copy, .pointer-8 .labal-copy, .pointer-14 .labal-copy {
	left: 0px;
}
.featured-point-1 .labal-copy, .featured-point-2 .labal-copy, .featured-point-3 .labal-copy, .featured-point-5 .labal-copy, .featured-point-7 .labal-copy, .featured-point-4 .labal-copy {
	left: 0px;
}
/* map css end*/

}

@media all and (max-width: 767px) {
.row-eq-ht {
	overflow: hidden;
}
.col-eq-ht {
	height: auto;
	margin: 0;
	padding: 0;
}
.caption-txt > a, .lng-txt > a {
	font-size: 22px;
	color: #000;
	font-weight: 400;
	line-height: 29.5px;
	letter-spacing: -0.5px;
	margin-bottom: 0;
	z-index: 1;
}
.lng-txt {
	line-height: initial;
}
.insight-text {
	font-size: 20px;
}
#insights [class*="col-md"] {
	margin-bottom: 25px;
}
.txt-reseach::before {
	bottom: 0;
}
.stats [class*="col-"] {
    margin-bottom: 40px !important;
}
.fixed-box {
	bottom: 20px;
}
.pillar-box {
    display: block;
    padding: 20px 10px;
    background: #000;
}
.three-pillar {
	position: relative;
	top: inherit;
	transform: inherit;
}
.web-hide {
	display: block;
}
/* .flip-back h3 {
	display: none;
} */
.three_item {
    width: 85% !important;
}



}

@media all and (max-width: 420px) {
.ctrl-txt {
    font-size: 16px;
    line-height: 22px !important;
}
.pointer-01 {
	top: 24%;
	left: 74%;
}
.pointer-02 {
	top: 4%;
}
.pointer-03 {
	top: 45%;
}
.pointer-04 {
	top: 54%;
	left: 44%;
}
.pointer-3 {
	left: 75%;
}
.pointer-4 {
	top: 61%;
	left: 45%;
}
.pointer-5 {
	top: 28%;
	left: 58%;
}
.pointer-7 {
	left: 72%;
	top: 12%;
}
.pointer-9 {
	left: 76%;
}
.pointer-10 {
	top: 16%;
	left: 76%;
}
.pointer-11 {
	top: 38%;
	left: 70%;
}
.pointer-17 {
	top: 84%;
	left: 91%;
}

.featured-point-2 {
	top: 45%;
}
.featured-point-5 {
	top: 53%;
}
.featured-point-7 {
	top: 61%;
	left: 28%;
}
.featured-point-4 {
	left: 32%;
}
.featured-point-6 {
	top: 85%;
}
.featured-point-41 {
	top: 71%;
	left: 53%;
}
.featured-point-14 {
	top: 84%;
	left: 91%;
}
.featured-point-8 {
	top: 72%;
	left: 83%;
}
.featured-point-11 {
	top: 47%;
	left: 68%;
}
.featured-point-40 {
	top: 46%;
	left: 62%;
}
.featured-point-16 {
	top: 37%;
	left: 80%;
}
.featured-point-12 {
	top: 37%;
	left: 83%;
}


}