@charset "utf-8";
/* CSS Document */

.no-padding {
	padding: 0;
	margin: 0;
}
.no-padding-left {
	padding-left: 0;
}
.no-padding-right {
	padding-right: 0;
}
.alpha {
	padding-left: 0;
	margin-left: 0;
}
.beta {
	padding-right: 0;
	margin-right: 0;
}
/********Carbon-Emission*****/
.carbon_offset .no-padding {
	padding: 0;
	margin: 0;
}
.carbon_offset .no-padding-left {
	padding-left: 0;
}
.carbon_offset .no-padding-right {
	padding-right: 0;
}
.carbon_offset .alpha {
	padding-left: 0;
	margin-left: 0;
}
.carbon_offset .beta {
	padding-right: 0;
	margin-right: 0;
}
.carbon_offset .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.carbon_offset .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Carbon_offset-Hero-Banner.jpg) no-repeat 100%;
	background-size: 100% 100%;
	max-height: 600px;
	min-height: 600px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.carbon_offset .hero-content {
	color: rgb(255, 255, 255);
	/*padding-top: 20vh;*/
    padding-top: 115px;
}
.carbon_offset .hero-content h1 {
	font-family: Roboto-Bold;
	font-size: 72px;
	padding-top: 4%;
	position: relative;
}
.carbon_offset .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.carbon_offset .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.carbon_offset .body-content .bubble_text p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
	color: #773d2b;
	border-radius: 50%;
	width: 55%;
	background: white;
	float: left;
	bottom: 0;
}
.carbon_offset .body-content .bubble_text p:first-child {
	padding: 10%;
	width: 50%;
}
.carbon_offset .body-content .bubble_text p:last-child {
	margin-left: -6.5%;
	margin-top: 75px;
	padding: 10%;
}
.carbon_offset .body-content section.bubble_text {
	position: absolute;
	top: -5%;
}
.carbon_offset .body-content .row1 {
	padding-top: 20%;
}
.carbon_offset .body-content {
	background-color: white;
	position: relative;
}
.carbon_offset .content_section .content_set h3 {
	margin-top: 60px;
}
.carbon_offset .body-content h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	background-color: #32c77f;
	bottom: -25px;
	left: -60px;
}
.carbon_offset .body-content h3 {
	font-family: Roboto-Medium;
	font-size: 36px;
	margin-bottom: 40px;
	color: #333333;
	position: relative;
}
.carbon_offset .body-content h5 {
	font-family: Roboto-Medium;
	font-size: 20px;
	margin-bottom: 10px;
	color: #333333;
	position: relative;
}
.carbon_offset .body-content h4 {
	font-family: Roboto-Medium;
	font-size: 30px;
	margin-bottom: 40px;
	color: #ffffff;
	position: relative;
}
.carbon_offset .body-content .sub_head {
	font-family: Roboto-Regular;
	font-size: 20px;
	color: #333333;
	margin-bottom: 40px;
}
.carbon_offset .body-content p {
	font-family: Roboto-light;
	font-size: 20px;
	margin-bottom: 40px;
	color: #333333;
	line-height: 36px;
}
.carbon_offset .body-content .row1 p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
	color: #333333;
}
.carbon_offset .body-content .row6 {
	background: #177b57;
	padding: 4% 5%;
	margin-left: 12%;
	width: 88%;
	display: inline-block;
	position: relative;
}
.carbon_offset .body-content .row6 p {
	font-family: Roboto-Light;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
}
.carbon_offset .body-content .row2 img {
	background: url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Carbon_offset-infographic4.png) no-repeat 100% 100%;
	background-size: 50% 100%;
}
.carbon_offset .body-content .row3 .radiant {
	background-color: #32c77f;
	padding: 10px;
	display: inline-block;
	float: left;
}
.carbon_offset .body-content .row3 .hilight_text {
	font-family: Roboto-Light;
	font-size: 30px;
	color: #16783d;
	background: #d6f4e5;
	border: 1px solid #32c77f;
	padding: 5%;
	display: inline-block;
	float: left;
	width: 85%;
}
.carbon_offset .bgcolorwrapper {
	background-color: #f7eded;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 16.7%;
	height: 100%;
}
.table > tbody > tr > td, .table > tbody > tr > th, .table > tfoot > tr > td, .table > tfoot > tr > th, .table > thead > tr > td, .table > thead > tr > th {
	font-size: 18px;
	border: 1px solid #32c77f;
}

@media only screen and (max-width: 991px) {
.carbon_offset .hero-content h1 {
	font-size: 40px;
}
.carbon_offset .body-content .row1 {
	padding-top: 20%;
}
.carbon_offset .body-content .row1 p {
	font-size: 18px;
}
.carbon_offset .body-content h3 {
	font-size: 30px;
}
.carbon_offset .body-content p {
	font-size: 18px;
}
.carbon_offset .body-content .row3 .hilight_text {
	font-size: 24px;
}
.carbon_offset .body-content h4, .carbon_offset .body-content .row6 p {
	font-size: 24px;
}
.carbon_offset .body-content .bubble_text p {
	font-size: 16px;
	line-height: 22px;
}
.carbon_offset .body-content section.bubble_text {
	top: -4%;
}
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.carbon_offset .hero-content h1 {
	font-size: 36px;
}
.carbon_offset .body-content .row1 {
	padding-top: 35%;
}
.carbon_offset .body-content .row1 p {
	font-size: 16px;
}
.carbon_offset .body-content h3 {
	font-size: 26px;
}
.carbon_offset .body-content p {
	font-size: 16px;
}
.carbon_offset .body-content .row3 .hilight_text {
	font-size: 20px;
	margin-bottom: 60px;
}
.carbon_offset .body-content h4, .carbon_offset .body-content .row6 p {
	font-size: 20px;
}
.carbon_offset .body-content .bubble_text p:last-child {
	margin-left: -5%;
	margin-top: 10%;
	padding: 12% 10%;
	width: 55%;
}
}

/* @small devices only */
@media only screen and (max-width: 420px) {
.carbon_offset .body-content .row1 {
	padding-top: 70%;
}
}
/*
@media (min-width: 992px) {
    .carbon_offset .hero-banner .hero-content .container {
        width: 1170px;
    }
    .carbon_offset .bubble_text.col-md-11 {
        width: 83.33333333%;
    }
    .carbon_offset .bubble_text .col-md-9, .carbon_offset .hero-banner .hero-content .container .col-lg-8 {
        width: 66.66666667%;
    }
}*/
/******Command_Center******/
.cmd_center .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Command_center-banner.jpg") no-repeat 100% 100%;
	max-height: 700px;
	background-size: cover;
	position: relative;
	margin-bottom: 80px;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 125vh;  /* The Fallback */
}
.cmd_center .hero-section img {
	width: 100%;
}
.cmd_center .hero-section h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	margin: 60px 0 40px 0;
}
.cmd_center .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	margin-bottom: 40px;
	line-height: 36px;
}
.cmd_center .hero-section .hero_content {
	position: absolute;
	background: white;
	bottom: -10%;
}
.cmd_center .row2, .cmd_center .row3, .cmd_center .row4, .cmd_center .row5, .cmd_center .row6, .cmd_center .row7 {
	margin-bottom: 60px;
}
.cmd_center .green_gains h2:before, .cmd_center .content_section h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	background-color: #32c77f;
	top: -25px;
	left: 0px;
}
.cmd_center .content_section h3 {
	font-size: 36px;
	font-family: Roboto-Medium;
	margin-bottom: 40px;
	position: relative;
}
.cmd_center .content_section .hilight_text {
	border: 1px solid #32c77f;
	padding: 6% 10% 6% 7%;
	display: inline-block;
	float: left;
	width: 85%;
}
.cmd_center .content_section .hilight_text p {
	margin: 0;
}
.cmd_center .green_crusade {
	background: #177b57;
	padding: 36px;
	color: #ffffff;
}
.cmd_center .green_crusade p {
	font-size: 36px;
	font-family: Roboto-Light;
	line-height: 48px;
	margin: 0;
}
.cmd_center .green_section .content_section {
	background-color: #177b57;
	color: white;
}
.cmd_center .green_section p {
	font-size: 30px;
	font-family: Roboto-Light;
	line-height: 48px;
	margin: 0;
}
.cmd_center .green_section .text {
	padding: 50px 3%;
}
.cmd_center {
	position: relative;
}
.cmd_center .bgcolorwrapper {
	background-color: #f5f5f5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 8.3%;
	z-index: -1;
	height: 100%;
}
.cmd_center .content_section .hilight_text {
	border: 1px solid #32c77f;
	padding: 5% 2% 0 2%;
	display: inline-block;
	float: left;
	width: 85%;
}
.leed-certification .content_section .hilight_text {
	margin-bottom: 20px;
}


.conditioned-save-energy .content_section .hilight_text {
	margin-bottom: 20px;
}


.us-green-building-council .content_section .hilight_text {
	margin-bottom: 20px;
}


.cmd_center .content_section .hilight_text ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.cmd_center .content_section .hilight_text ul li {
	font-size: 18px;
	margin-bottom: 35px;
	color: #333;
	position: relative;
	font-family: Roboto-Light;
	margin-left: 36px;
}
.cmd_center .content_section .hilight_text ul li:before {
	content: "• ";
	font-size: 24px;
	color: #32c77f;
	position: absolute;
	left: -32px;
	line-height: 26px;
}
.cmd_center .radiant {
	background-color: #32c77f;
	padding: 10px;
	display: inline-block;
	float: left;
}
.cmd_center #magnifyOverlay .modal-body p {
	font-family: Roboto-Medium;
	padding: 20px 20px;
	color: #727272;
	font-size: 18px;
	margin: 0;
}
.cmd_center #magnifyOverlay button.close {
	float: none;
	position: absolute;
	right: 20px;
	top: 20px;
	opacity: 1;
}
.cmd_center .magnify {
	position: absolute;
	right: 20px;
	bottom: 2px;
	cursor: pointer;
	z-index: 999;
}
.cmd_center .row5, .cmd_center .row3 {
	background: #f5f5f5;
	padding-bottom: 60px;
	padding-top: 60px;
}
.cmd_data h3:before {
	display: none;
}
.cmd_center .row8 {
	margin-bottom: 80px;
}
.cmd_center .image_section {
	position: relative;
}
.cmd_center .image_section img {
	width: 100%;
}
.cmd_center .image_caption {
	font-size: 14px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, black 25%, transparent 100%);
	background-image: -webkit-linear-gradient(bottom, black 25%, transparent 100%);
	width: 100%;
	margin-bottom: 0;
	padding: 5px 10px;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.cmd_center .hero-section h1 {
	font-size: 40px;
}
.cmd_center .content_section p {
	font-size: 16px;
}
.cmd_center .content_section h3 {
	font-size: 32px;
}
.cmd_center .green_section p {
	font-size: 24px;
}
.cmd_center .green_crusade p {
	font-size: 28px;
}
}

@media only screen and (max-width :991px) {
.cmd_center .green_section .text {
	padding: 40px 5%;
}
.cmd_center .image_section {
	margin-bottom: 50px;
}
.cmd_center .row5, .cmd_center .row3 {
	padding-bottom: 0;
}
.cmd_center .row2, .cmd_center .row3, .cmd_center .row4, .cmd_center .row5, .cmd_center .row6 {
	margin-bottom: 40px;
}
}

@media only screen and (min-width :991px) {
.cmd_center .no-padding {
	padding: 0;
	margin: 0;
}
.cmd_center .no-padding-left {
	padding-left: 0;
}
.cmd_center .no-padding-right {
	padding-right: 0;
}
.cmd_center .alpha {
	padding-left: 0;
	margin-left: 0;
}
.cmd_center .beta {
	padding-right: 0;
	margin-right: 0;
}
}
/*****Data_Center*******/
.Data_center .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Data_center-Hero-Banner.png) no-repeat center;
	background-size: cover;
	min-height: 900px;
	max-height: 1040px;
}
.Data_center .hero-content {
	background-image: -webkit-linear-gradient(bottom, #3e50b4 60%, transparent);
	background: linear-gradient(to top, #3e50b4 60%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.Data_center .hero-content h1 {
	font-family: Roboto-Bold;
	font-size: 72px;
	margin-bottom: 30px;
}
.Data_center .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.Data_center .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.Data_center .hero-content p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.Data_center .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}
.Data_center .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.Data_center .hero-section {
	position: relative;
	margin-bottom: 80px !important;
}
.Data_center .pre-footer {
	background: #3e50b4;
	min-height: 294px;
	color: rgb(255, 255, 255);
}
.Data_center .pre-footer h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.Data_center .pre-footer p {
	font-family: Roboto-Light;
	font-size: 36px;
	line-height: 60px;
}
.Data_center .pre-footer .content-wrapper {
	margin-top: 50px;
}
.Data_center .guzzlers h2, .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 60px;
	color: rgb(33,33,33);
	position: relative;
}
.Data_center .guzzlers p, .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.Data_center .guzzlers h2:after, .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.Data_center .no-padding {
	padding: 0;
	margin: 0;
}
.Data_center .no-padding-left {
	padding-left: 0;
}
.Data_center .no-padding-right {
	padding-right: 0;
}
.Data_center .alpha {
	padding-left: 0;
	margin-left: 0;
}
.Data_center .beta {
	padding-right: 0;
	margin-right: 0;
}
.Data_center .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.Data_center .efficiency {
	background: #f5f5f5;
}
.Data_center .template1 .dc-carousel {
	margin-bottom: 60px;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.Data_center .hero-content h1 {
	font-size: 36px;
	margin-bottom: 70px;
}
.Data_center .hero-content h3 {
	font-size: 24px;
}
.Data_center .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.Data_center .hero-content p {
	font-size: 18px;
}
.Data_center .guzzlers h2, .efficiency h2 {
	font-size: 36px;
}
.Data_center .guzzlers p, .efficiency p {
	font-size: 18px;
}
.Data_center .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.Data_center .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.Data_center .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.Data_center .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.Data_center p.location {
	display: none;
}
.Data_center #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.Data_center .guzzlers h2:after, .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.Data_center .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.Data_center .guzzlers .inner-content, .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.Data_center .dc-carousel {
	margin-top: 30px;
}
.Data_center .pre-footer .content-wrapper {
	margin-top: 20px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.Data_center .pre-footer {
	text-align: center;
}
}

@media only screen and (min-width :1025px) {
.Data_center .guzzlers p {
	text-align: center;
}
.Data_center .pre-footer {
	text-align: center;
}
}
@media (min-width: 992px) {
    .Data_center .container {
        width: 1170px;
    }
}
/*****Efficeint_Building_Envelops*****/
.Envelopes {
	position: relative;
}
.Envelopes .banner-content {
	font-family: Roboto-Light;
	font-size: 20px;
	line-height: 36px;
}
.Envelopes .banner {
	margin-bottom: 75px;
	display: inline-block;
	width: 100%;
}
.Envelopes h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	padding-top: 80px;
	color: #000000;
	margin: 0;
	padding-bottom: 15px;
}
.Envelopes h3 {
	font-size: 36px;
	font-family: Roboto-Medium;
	padding-bottom: 60px;
	color: #000000;
	margin: 0;
}
.Envelopes h2 {
	font-size: 48px;
	font-family: Roboto-Medium;
	color: #000000;
	width: 35%;
}
.Envelopes .content_section p:first-child {
	font-size: 20px;
	font-family: Roboto-Light;
	line-height: 30px;
	padding-left: 45px;
	color: #000000;
	min-height: 180px;
}
.Envelopes .left-image {
	margin-top: 21.5%;
	margin-bottom: 3%;
}
.Envelopes .row2 .left-image {
	margin-top: 40%;
	margin-bottom: 3%;
}
.Envelopes .row3 .left-image {
	margin-top: 30%;
	margin-bottom: 3%;
}
.Envelopes .row4 .left-image {
	margin-top: 30%;
	margin-bottom: 3%;
}
.Envelopes .right-image {
	margin-top: 9%;
}
.Envelopes .row1, .Envelopes .row2, .Envelopes .row3, .Envelopes .row4, .Envelopes .row5, .Envelopes .row6 {
	margin-bottom: 70px;
	width: 100%;
	display: inline-block;
}
.Envelopes .sec {
	width: 100%;
	display: inline-block;
}
.Envelopes .image-caption {
	color: #999999;
	font-family: Roboto-Medium;
	font-size: 16px;
	margin-top: 5px;
	clear: both;
}
.Envelopes .page-container {
	width: 68%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	z-index: 1;
}
.Envelopes .left_section {
	width: 35%;
	float: left;
}
.Envelopes .right_section {
	width: 60%;
	float: left;
	margin-left: 2%;
	position: relative;
}
.Envelopes .conclusion {
	background: #b479c9;
	color: white;
	padding: 55px 80px;
}
.Envelopes .conclusion p {
	font-size: 24px;
	font-family: Roboto-Light;
	line-height: 35px
}
.Envelopes .conclusion p.percent {
	font-size: 72px;
	font-family: Roboto-Light;
	line-height: 80px
}
.Envelopes .slide_show {
	position: absolute;
	bottom: 0;
	color: white;
	padding: 7px 11px;
	background: rgba(204,204,204,0.2);
	border-radius: 81px;
	left: 25%;
	right: 50%;
	margin: 5px auto;
	width: 156px;
	cursor: pointer;
}
.Envelopes #carousel-slide .item img {
	width: 100%;
}
.Envelopes .bgcolorwrapper {
	background-color: #f6f6f6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 39.8%;
	z-index: 0;
	height: 100%;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.Envelopes h1 {
	font-size: 40px;
}
.Envelopes h2 {
	font-size: 36px;
}
.Envelopes h3 {
	font-size: 32px;
}
.Envelopes .content_section p:first-child {
	font-size: 16px;
}
.Envelopes .conclusion p.percent {
	font-size: 36px;
}
}

@media only screen and (max-width :991px) {
.Envelopes h3 {
	padding: 30px 0;
}
.Envelopes .banner-content {
	font-family: Roboto-Light;
	font-size: 16px;
}
.Envelopes .content_section p:first-child {
	font-size: 16px;
	padding-left: 0;
	min-height: initial;
}
.Envelopes .banner {
	margin-bottom: 50px;
}
.Envelopes .right_section {
	width: 95%;
	float: left;
	margin-left: 0;
	position: relative;
}
.Envelopes .page-container {
	width: 95%;
}
.Envelopes .right-image {
	margin-top: 20.5%;
	padding-left: 0;
}
.Envelopes .left-image {
	margin-top: 0 !important;
	padding-left: 0;
}
.Envelopes h2 {
	width: 100%;
}
.Envelopes .bgcolorwrapper {
	display: none;
}
.Envelopes .slide_show {
	font-size: 12px;
	left: 0;
	right: 0;
	width: 125px;
	padding: 0;
}
.Envelopes .conclusion p {
	font-size: 18px;
}
.Envelopes .conclusion p.percent {
	font-size: 45px;
	line-height: 40px;
}
}
/********daylit_design******/
.daylit_design .no-padding {
	padding: 0;
	margin: 0;
}
.daylit_design .no-padding-left {
	padding-left: 0;
}
.daylit_design .no-padding-right {
	padding-right: 0;
}
.daylit_design .alpha {
	padding-left: 0;
	margin-left: 0;
}
.daylit_design .beta {
	padding-right: 0;
	margin-right: 0;
}
.daylit_design .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/daylit_design-banner.jpg") no-repeat 100% 100%;
	max-height: 700px;
	background-size: cover;
	position: relative;
	margin-bottom: 40px;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.daylit_design.leed-certification .hero-section {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/leed-certification-banner.jpg");
	background-origin: padding-box;
	background-position-x: 100%;
	background-position-y: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	margin-bottom: 40px;
	max-height: 700px;
	min-height: 700px;
	position: relative;
}

.daylit_design.conditioned-save-energy .hero-section {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/conditioned-save-energy-banner.jpg");
	background-origin: padding-box;
	background-position-x: 100%;
	background-position-y: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	margin-bottom: 40px;
	max-height: 700px;
	min-height: 700px;
	position: relative;
}




.daylit_design.us-green-building-council .hero-section {
	background-attachment: scroll;
	background-clip: border-box;
	background-color: rgba(0, 0, 0, 0);
	background-image: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/us-green-building-council-bg.jpg");
	background-origin: padding-box;
	background-position-x: 100%;
	background-position-y: 100%;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100vh;
	margin-bottom: 40px;
	max-height: 700px;
	min-height: 700px;
	position: relative;
}

.daylit_design .hero-section img {
	width: 100%;
}
.daylit_design .hero-section h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	margin: 60px 0 40px 0;
}
.daylit_design .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	margin-bottom: 40px;
	line-height: 36px;
}
.daylit_design .hero-section .hero_content {
	position: absolute;
	background: white;
	bottom: -10%;
}
.daylit_design .row2 {
	padding-top: 80px;
}
.daylit_design .row3 {
	padding-bottom: 60px;
}
.daylit_design .green_gains h2:before, .daylit_design .content_section h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	top: auto;
	background-color: #32c77f;
	bottom: -25px;
	left: -60px;
}
.daylit_design .bordered-content {
	border: 1px solid #31ad7a;
	padding: 40px 35px;
}
.daylit_design .bordered-content div {
	font-size: 22px;
	font-family: Roboto-Medium;
	line-height: 36px;
}
.daylit_design .bordered-content div.green_text {
	color: #31ad7a;
}
.daylit_design .green_section .content_section {
	background-color: #177b57;
	color: white;
}
.daylit_design .green_section h2 {
	font-size: 36px;
	font-family: Roboto-Medium;
	margin: 20px 0 40px 0;
}
.daylit_design .green_section p {
	font-size: 26px;
	font-family: Roboto-Light;
	line-height: 36px;
	margin: 0;
	padding: 30px 6%;
	z-index: 99;
	width: 45%;
	display: inline-block;
	border: 1px solid #32c77f;
	position: relative;
}
.daylit_design .green_section p:last-child {
	margin-left: 3%;
}
.daylit_design .green_section p:before {
	content: '';
	background: #32c77f;
	width: 33%;
	height: 5px;
	position: absolute;
	top: -5px;
}
.daylit_design .green_section .text {
	padding: 36px 50px;
}
/* .daylit_design {position: relative;} */
.daylit_design .bgcolorwrapper {
	background-color: #f5f5f5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 16.7%;
	z-index: -1;
	height: 100%;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.daylit_design .hero-section h1 {
	font-size: 36px;
}
.daylit_design .green_section h2 {
	font-size: 30px;
}
.daylit_design .content_section p {
	font-size: 16px;
}
.daylit_design .content_section h3 {
	font-size: 20px;
}
.daylit_design .green_section p {
	width: 100%;
	margin-top: 30px;
	margin-left: 0 !important;
}
}

@media only screen and (max-width :991px) {
.daylit_design .hero-section h1 {
	font-size: 40px;
}
.daylit_design .green_section h2 {
	font-size: 32px;
}
.daylit_design .content_section p {
	font-size: 18px;
}
.daylit_design .content_section h3 {
	font-size: 22px;
}
.daylit_design .green_section .text {
	padding: 40px 5%;
}
}

@media only screen and (min-width :768px) {
.daylit_design .rows-eq-height {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
}
}
/*****Energy_Radient_Cooling*****/
.energy_radiant .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/energy_radiant-herobg4.jpg") no-repeat 100% 50%;
	max-height: 760px;
	background-size: cover;
	position: relative;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 125vh;  /* The Fallback */
}
.energy_radiant .hero-section img {
	width: 100%;
}
.energy_radiant .hero-section h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	margin: 60px 0 40px 0;
}
.energy_radiant .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	margin-bottom: 40px;
	line-height: 36px;
}
.energy_radiant .hero-section .hero_content {
	position: absolute;
	background: white;
	bottom: -10%;
}
.energy_radiant .row2 {
	padding-top: 50px;
}
.energy_radiant .content_section .content_set h3 {
	margin-top: 60px;
}
.energy_radiant .green_gains h2:before, .energy_radiant .content_section h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	background-color: #32c77f;
	bottom: -25px;
	left: -60px;
}
.energy_radiant .content_section h3 {
	font-size: 24px;
	font-family: Roboto-Medium;
	margin-bottom: 40px;
	position: relative;
}
.energy_radiant .content_section .hilight_text {
	border: 1px solid #32c77f;
	padding: 6% 10% 6% 7%;
	display: inline-block;
	float: left;
	width: 85%;
}
.energy_radiant .content_section .hilight_text p {
	margin: 0;
}
.energy_radiant .radiant {
	background-color: #32c77f;
	padding: 10px;
	display: inline-block;
	float: left;
}
.energy_radiant .greentext {
	color: #32c77f;
}
.energy_radiant .capacity_mark {
	margin-top: 15px;
}
.energy_radiant .capacity_mark .blk {
	padding: 30px 7%;
	min-height: 165px;
	background: white;
	z-index: 99;
}
.energy_radiant .capacity_mark .blk2 {
	margin-left: 25px;
}
.energy_radiant .capacity_mark .blk1, .energy_radiant .capacity_mark .blk2 {
	width: 47%;
	float: left;
	position: relative;
	border: 1px solid #32c77f;
	padding-bottom: 10px;
	z-index: 101;
}
.energy_radiant .capacity_mark .rate_value {
	display: inline-block;
	background-color: #32c77f;
	color: white;
	width: 55%;
	position: absolute;
	bottom: 0;
	top: -5px;
	height: 175%;
	z-index: -1;
	left: 30px;
	min-width: 150px;
}
.energy_radiant .capacity_mark .rate_value p {
	margin-bottom: inherit;
}
.energy_radiant .capacity_mark .rate_value .value {
	font-size: 60px;
	font-family: Roboto-Light;
}
.energy_radiant .capacity_mark .rate_value .per {
	font-size: 14px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
}
.energy_radiant .capacity_mark .rate_value .month {
	font-size: 18px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
	line-height: inherit;
}
.energy_radiant .sec {
	position: absolute;
	width: 50%;
	display: inline-block;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.energy_radiant .blk p {
	margin: 0;
}
.energy_radiant .row3 {
	margin-bottom: 225px;
}
.energy_radiant .row4 h3:before {
	display: none;
}
.energy_radiant .marginT50 {
	margin-top: 50px;
}
.energy_radiant .radiant_cooling h3 {
	font-size: 22px;
}
.energy_radiant .radiant_cooling .content_section p {
	font-size: 22px;
}
.energy_radiant .radiant_cooling .content_section li p {
	font-size: 20px;
	padding-left: 15px;
}
.energy_radiant .radiant_cooling li:before {
	content: "•";
	display: inline-block;
	float: left;
	color: #32c77f;
	line-height: 36px;
}
.energy_radiant .radiant_cooling ul {
	padding-left: 0px;
	margin: 0;
	list-style-type: none;
}
.energy_radiant .image_caption {
	font-size: 16px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, rgba(47, 44, 44, 0.93) 25%, transparent);
	background-image: -webkit-linear-gradient(bottom, rgba(47, 44, 44, 0.93) 25%, transparent);
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
}
.energy_radiant .row5 {
	margin-bottom: 60px;
}
.energy_radiant .row5 .image-section {
	width: auto;
	position: relative;
	display: inline-block;
	overflow: hidden;
}
.energy_radiant .green_gains h2 {
	font-family: Roboto-Medium;
	font-size: 36px;
	position: relative;
	margin-bottom: 40px;
}
.energy_radiant .green_gains {
	background: #177b57;
	color: white;
	padding-right: 0;
	padding-bottom: 100px;
	padding-top: 60px;
}
.energy_radiant .green_gains p {
	font-family: Roboto-Light;
	font-size: 30px;
	line-height: 48px;
}
.energy_radiant .row6 .section_content {
	font-family: Roboto-Medium;
	font-size: 24px;
	background: #32c77f;
	color: white;
	line-height: 36px;
	padding: 45px 25px 60px 30px;
	margin-top: -30px;
}
.energy_radiant .row6 .content_section {
	padding: 30px;
}
.energy_radiant {
	position: relative;
}
.energy_radiant .bgcolorwrapper {
	background-color: #f5f5f5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 16.7%;
	z-index: -1;
	height: 100%;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.energy_radiant .hero-section h1 {
	font-size: 36px;
}
.energy_radiant .green_gains h2 {
	font-size: 24px;
}
.energy_radiant .capacity_mark .blk2 {
	margin-left: 0;
}
.energy_radiant .capacity_mark .rate_value .value {
	font-size: 36px;
}
.energy_radiant .capacity_mark .blk1, .energy_radiant .capacity_mark .blk2 {
	width: 60%;
	margin-bottom: 180px;
	min-width: 250px;
}
.energy_radiant .green_gains p {
	font-size: 20px;
	line-height: 36px;
}
.energy_radiant .row3 {
	margin-bottom: 0;
}
}

@media only screen and (max-width :991px) {
.energy_radiant .hero-section h1 {
	font-size: 40px;
}
.energy_radiant .green_gains h2 {
	font-size: 30px;
}
.energy_radiant .content_section p, .energy_radiant .radiant_cooling .content_section li p {
	font-size: 16px;
}
.energy_radiant .capacity_mark .rate_value .value {
	font-size: 40px;
}
.energy_radiant .capacity_mark .rate_value .per {
	font-size: 12px;
}
.energy_radiant .capacity_mark .rate_value .month {
	font-size: 16px;
}
.energy_radiant .radiant_cooling .content_section p {
	font-size: 18px;
}
.energy_radiant .green_gains p {
	font-size: 24px;
	line-height: 36px;
}
.energy_radiant .row6 .section_content {
	font-size: 18px;
}
.energy_radiant .capacity_mark .rate_value {
	height: 180%;
}
.energy_radiant .template4 .bgcolorwrapper {
	display: none;
}
}

@media only screen and (min-width :768px) {
.no-padding {
	padding: 0;
	margin: 0;
}
.energy_radiant .no-padding-left {
	padding-left: 0;
}
.energy_radiant .no-padding-right {
	padding-right: 0;
}
}

@media only screen and (min-width :992px) {
.energy_radiant .capacity_mark .blk1, .energy_radiant .capacity_mark .blk2 {
	min-width: 305px;
}
}
/**********Heat_Pumps*******/
.heat_pumps .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/heat_pumps-Hero-Banner.jpg) no-repeat center;
	background-size: cover;
	min-height: 800px;
	height: 100vh;
	max-height: 800px;
}
.heat_pumps .hero-content {
	background: linear-gradient(to top, #8d2048 60%, transparent);
	background-image: -webkit-linear-gradient(bottom, #8d2048 60%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.heat_pumps .hero-content h1 {
	font-family: Roboto-Bold;
	font-size: 72px;
	margin-bottom: 30px;
}
.heat_pumps .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.heat_pumps .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.heat_pumps .hero-content p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.heat_pumps .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}
.heat_pumps .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.heat_pumps .hero-section {
	position: relative;
	margin-bottom: 80px !important;
}
.heat_pumps .pre-footer {
	background: #8d2048;
	min-height: 294px;
	color: rgb(255, 255, 255);
}
.heat_pumps .pre-footer h3 {
	font-family: Roboto-Medium;
	font-size: 36px;
	margin-bottom: 10px;
}
.heat_pumps .pre-footer p {
	font-family: Roboto-Light;
	font-size: 36px;
	line-height: 60px;
}
.heat_pumps .care_center {
	margin-bottom: 80px;
	margin-top: 80px;
}
.heat_pumps .care_center p {
	font-family: Roboto-Light;
	font-size: 30px;
	line-height: 48px;
	color: #727272;
}
.heat_pumps .pre-footer .content-wrapper {
	margin-top: 50px;
}
.heat_pumps .guzzlers h2, .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 60px;
	color: rgb(33,33,33);
	position: relative;
}
.heat_pumps .guzzlers p, .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.heat_pumps .guzzlers h2:after, .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.heat_pumps .no-padding {
	padding: 0;
	margin: 0;
}
.heat_pumps .no-padding-left {
	padding-left: 0;
}
.heat_pumps .no-padding-right {
	padding-right: 0;
}
.heat_pumps .alpha {
	padding-left: 0;
	margin-left: 0;
}
.heat_pumps .beta {
	padding-right: 0;
	margin-right: 0;
}
.heat_pumps .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.heat_pumps .efficiency {
	background: #f5f5f5;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.heat_pumps .hero-content h1 {
	font-size: 36px;
	margin-bottom: 70px;
}
.heat_pumps .hero-content h3 {
	font-size: 24px;
}
.heat_pumps .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.heat_pumps .hero-content p {
	font-size: 18px;
}
.heat_pumps .guzzlers h2, .efficiency h2 {
	font-size: 36px;
}
.heat_pumps .guzzlers p, .efficiency p {
	font-size: 18px;
}
.heat_pumps .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.heat_pumps .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.heat_pumps .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.heat_pumps .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.heat_pumps p.location {
	display: none;
}
.heat_pumps #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.heat_pumps .guzzlers h2:after, .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.heat_pumps .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.heat_pumps .guzzlers .inner-content, .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.heat_pumps .dc-carousel {
	margin-top: 30px;
}
.heat_pumps .pre-footer .content-wrapper {
	margin-top: 20px;
}
.heat_pumps .care_center p {
	font-size: 22px
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.heat_pumps .pre-footer {
	text-align: center;
}
}
@media (min-width: 992px) {
    .heat_pumps .container {
        width: 1140px;
    }
}
/**InorganicWasteTreatment****/
.Inorganic_waste .no-padding {
	padding: 0;
	margin: 0;
}
.Inorganic_waste .no-padding-left {
	padding-left: 0;
}
.Inorganic_waste .no-padding-right {
	padding-right: 0;
}
.Inorganic_waste .alpha {
	padding-left: 0;
	margin-left: 0;
}
.Inorganic_waste .beta {
	padding-right: 0;
	margin-right: 0;
}
.Inorganic_waste .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Inorganic_waste-herobg.jpg") no-repeat;
	height: 100vh;
	max-height: 700px;
	min-height: 800px;
	background-size: cover;
	position: relative;
}
.Inorganic_waste .hero-section .content-wrapper {
	background: #ffffff;
	float: right;
	right: 4%;
	padding-bottom: 100px;
	position: absolute;
	bottom: -170px;
}
.Inorganic_waste .hero-section .content-wrapper .environment {
	font-family: Roboto-Medium;
	font-size: 14px;
	color: #212121;
	display: inline-block;
	border: 1px solid;
	padding: 10px 15px;
	margin: 100px 0 0px 100px;
	text-transform: uppercase;
}
.Inorganic_waste .hero-section .content-wrapper .content-block1 {
	margin-top: 70px;
	display: inline-block;
	width: 100%;
}
.Inorganic_waste .hero-section .content-wrapper h1 {
	font-family: Roboto-Light;
	font-size: 48px;
	color: #212121;
	line-height: 1.2;
	margin: 60px 0 0 100px;
	width: 60%;
}
.Inorganic_waste .hero-section .content-wrapper .pink-section {
	font-family: Roboto-Medium;
	font-size: 18px;
	color: #ffffff;
	background-color: #cc9933;
	line-height: 1.5;
	margin-top: 10px;
	padding: 40px 50px 50px 50px;
}
.Inorganic_waste .hero-section .content-wrapper .generic-content {
	font-family: Roboto-Light;
	font-size: 18px;
	color: #212121;
	line-height: 2;
}
.Inorganic_waste .hero-section .content-wrapper .metrics {
	font-family: Roboto-Light;
	font-size: 36px;
	color: #727272;
}
.Inorganic_waste .hero-section .content-wrapper .labels {
	font-family: Roboto-Medium;
	font-size: 18px;
	color: #212121;
}
.Inorganic_waste .hero-section .campus {
	font-family: Roboto-Medium;
	font-size: 16px;
	color: #999999;
	position: absolute;
	bottom: -40px;
	left: 55px;
}
.Inorganic_waste .row2 .content-block p {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 20px;
}
.Inorganic_waste .row2 .content-block h3 {
	font-family: Roboto-bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 20px;
}
.Inorganic_waste .row2 {
	position: relative;
	margin-top: 175px;
}
.Inorganic_waste .row2 .image_caption {
	font-family: Roboto-Medium;
	font-size: 16px;
	padding: 20px 0 10px 10px;
	color: #999999;
}
.Inorganic_waste .row2 .content-block {
	padding-left: 4%;
	margin-top: 75px;
}
.Inorganic_waste .row3 .content-block {
	padding-left: 4%;
}
.Inorganic_waste .row3 .image-block {
	margin-right: 4%;
}
.Inorganic_waste .row3 .image-block img {
	width: 100%;
}
.Inorganic_waste .row3 h3 {
	font-family: Roboto-bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
}
.Inorganic_waste .row3 p {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 36px;
	margin-bottom: 30px;
}
.Inorganic_waste .row3 p.caption {
	color: #999999;
	font-size: 16px;
	font-family: Roboto-Medium;
}
.Inorganic_waste .bgcontent {
	background-color: #cc9933;
	color: white;
	padding: 40px 5%;
	margin-right: 4%;
	margin-top: 50px;
	margin-bottom: 50px;
}
.Inorganic_waste .bgcontent p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 48px;
}
.Inorganic_waste .image_section {
	position: relative;
	padding: 0;
}
.Inorganic_waste .image_section p.image_caption {
	font-size: 14px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, black 25%, transparent 100%);
	background-image: -webkit-linear-gradient(bottom, black 25%, transparent 100%);
	width: 100%;
	margin-bottom: 0;
	padding: 5px 10px;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.Inorganic_waste .hero-section .content-wrapper h1 {
	font-size: 36px;
	margin: 0 0 0 50px;
}
.Inorganic_waste .row4 h2 {
	font-size: 24px;
}
.Inorganic_waste .row4 h3 {
	font-size: 22px;
	line-height: 24px;
	margin-bottom: 35px;
}
.Inorganic_waste .bgpink h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.Inorganic_waste .hero-section .content-wrapper .environment {
	margin: 50px 0 25px 0px;
}
.Inorganic_waste .metric-block>div {
	margin-bottom: 10px;
}
}

@media only screen and (max-width :991px) {
.Inorganic_waste .hero-section .content-wrapper h1 {
	font-size: 28px;
	margin: 0;
	width: 100%;
}
.Inorganic_waste .row4 h2 {
	font-size: 36px;
}
.Inorganic_waste .row4 h3 {
	font-size: 18px;
	line-height: 24px;
	margin-bottom: 35px;
}
.Inorganic_waste .bgpink h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.Inorganic_waste .hero-section .content-wrapper .environment {
	margin: 50px 0 25px 0px;
}
.Inorganic_waste .generic-content {
	font-size: 16px !important;
}
.Inorganic_waste .hero-section .content-wrapper .metrics {
	font-size: 24px;
}
.Inorganic_waste .hero-section .content-wrapper .pink-section {
	padding: 10%;
}
.Inorganic_waste .hero-section .content-wrapper .content-block1 {
	margin-top: 30px;
}
.Inorganic_waste .row3 .image-wrapper p {
	margin-left: 0;
	max-width: 100%;
	font-size: 14px;
}
.Inorganic_waste .metric-block {
margin-top;
30px;
	margin-left: 0;
}
.Inorganic_waste .row3 .content-wrapper p {
	padding-right: 0;
	font-size: 16px;
}
.Inorganic_waste .row4 .content-wrapper {
	float: none;
	margin-right: 0;
}
.Inorganic_waste .row4 .right-img {
	padding-left: 0;
}
.Inorganic_waste .detailedstats p, .Inorganic_waste .detailedstats .hilight {
	font-size: 16px;
}
.Inorganic_waste .detailedstats .retrofit_area, .Inorganic_waste .detailedstats .retrofit_value {
	width: 44%;
}
.Inorganic_waste .detailedstats .arrow_img {
	width: 12%;
}
.Inorganic_waste .detailedstats {
	padding: 30px 0;
}
}

@media only screen and (max-width: 320px) {
.Inorganic_waste .hero-section .content-wrapper {
	bottom: -300px;
}
}
@media (min-width: 992px) {
    .Inorganic_waste .hero-section .content-wrapper.col-md-9 {
        width: 58.33333333%;
    }
}
/*****Organic_Waste****/
.organic_waste .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/organic_waste-Hero-Banner.png) no-repeat center;
	background-size: cover;
	min-height: 700px;
	max-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.organic_waste .hero-content {
	background: linear-gradient(to top, #009966 75%, transparent);
	background-image: -webkit-linear-gradient(bottom, #009966 75%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.organic_waste .hero-content h1 {
	font-family: Roboto-Bold;
	font-size: 60px;
	margin-bottom: 30px;
}
.organic_waste .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.organic_waste .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 36px;
}
.organic_waste .hero-content p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.organic_waste .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 40px;
	margin-top: 50px;
}
.organic_waste .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.organic_waste .hero-section {
	position: relative;
}
.organic_waste .pre-footer {
	background: #009966;
	color: rgb(255, 255, 255);
}
.organic_waste .pre-footer h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.organic_waste .pre-footer p {
	font-family: Roboto-Light;
	font-size: 36px;
	line-height: 60px;
}
.organic_waste .pre-footer .content-wrapper {
	padding: 50px 0;
}
.organic_waste .guzzlers h2, .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: rgb(33,33,33);
	position: relative;
}
.organic_waste .guzzlers p, .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.organic_waste .guzzlers p strong {
	color: #009966;
}
.organic_waste .guzzlers h2:after, .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.organic_waste .efficiency .left-block p, .efficiency .right-block p {
	margin-bottom: 30px;
}
.organic_waste .no-padding {
	padding: 0;
	margin: 0;
}
.organic_waste .no-padding-left {
	padding-left: 0;
}
.organic_waste .no-padding-right {
	padding-right: 0;
}
.organic_waste .alpha {
	padding-left: 0;
	margin-left: 0;
}
.organic_waste .beta {
	padding-right: 0;
	margin-right: 0;
}
.organic_waste .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.organic_waste .efficiency {
	background: #f5f5f5;
}
.organic_waste.template1 .dc-carousel {
	margin-bottom: 60px;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.organic_waste .hero-content h1 {
	font-size: 40px;
	margin-bottom: 70px;
}
.organic_waste .hero-content h3 {
	font-size: 32px;
}
.organic_waste .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.organic_waste .hero-content p {
	font-size: 16px;
}
.organic_waste .guzzlers h2, .efficiency h2 {
	font-size: 36px;
}
.organic_waste .guzzlers p, .efficiency p {
	font-size: 18px;
	margin-bottom: 40px;
}
.organic_waste .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.organic_waste .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.organic_waste .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.organic_waste .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.organic_waste p.location {
	display: none;
}
.organic_waste #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.organic_waste .guzzlers h2:after, .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.organic_waste .carousel-container h2 {
	font-size: 36px;
}
.organic_waste .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.organic_waste .guzzlers .inner-content, .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.organic_waste .dc-carousel {
	margin-top: 30px;
}
.organic_waste .pre-footer .content-wrapper {
	padding: 25px 0;
}
.organic_waste .hero-banner {
	min-height: 500px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.organic_waste .pre-footer {
	text-align: center;
}
}

@media only screen and (min-width :1025px) {
.organic_waste .guzzlers p {
	text-align: left;
}
.organic_waste .pre-footer {
	text-align: center;
}
}
@media (min-width: 992px) {
    .organic_waste .container {
        width: 1140px;
    }
}
/*****Rain-water-Harvertisting****/
.rain_harvesting {
	position: relative;
}
.rain_harvesting h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	padding: 80px 0;
	color: #000000;
	margin: 0;
}
.rain_harvesting h2 {
	font-size: 48px;
	font-family: Roboto-Medium;
	color: #000000;
	width: 35%;
}
.rain_harvesting .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	line-height: 30px;
	padding-left: 45px;
	color: #000000;
	min-height: 180px;
}
.rain_harvesting .content_section p:last-child {
	margin-top: 70px;
}
.rain_harvesting .left-image {
	margin-top: 21.5%;
	margin-bottom: 3%;
}
.rain_harvesting .right-image {
	margin-top: 8.5%;
}
.rain_harvesting .row1, .rain_harvesting .row2, .rain_harvesting .row3, .rain_harvesting .row4, .rain_harvesting .row5, .rain_harvesting .row6 {
	margin-bottom: 60px;
	width: 100%;
	display: inline-block;
}
.rain_harvesting .sec {
	width: 100%;
	display: inline-block;
}
.rain_harvesting .image-caption {
	color: #999999;
	font-family: Roboto-Medium;
	font-size: 16px;
	margin-top: 5px;
}
.rain_harvesting .page-container {
	width: 68%;
	margin: 0 auto;
	max-width: 1200px;
	position: relative;
	z-index: 1;
}
.rain_harvesting .left_section {
	width: 35%;
	float: left;
}
.rain_harvesting .right_section {
	width: 60%;
	float: left;
	margin-left: 2%;
	position: relative;
}
.rain_harvesting .conclusion {
	background: #b479c9;
	color: white;
	padding: 55px 40px;
}
.rain_harvesting .conclusion p {
	font-size: 24px;
	font-family: Roboto-Light;
	line-height: 35px
}
.rain_harvesting .conclusion p.percent {
	font-size: 72px;
	font-family: Roboto-Light;
	line-height: 80px
}
.rain_harvesting .slide_show {
	position: absolute;
	bottom: 0;
	color: white;
	padding: 7px 11px;
	background: rgba(204,204,204,0.2);
	border-radius: 81px;
	left: 25%;
	right: 50%;
	margin: 5px auto;
	width: 156px;
	cursor: pointer;
}
.rain_harvesting #carousel-slide .item img {
	width: 100%;
}
.rain_harvesting .bgcolorwrapper {
	background-color: #f6f6f6;
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	width: 39.8%;
	z-index: 0;
	height: 100%;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.rain_harvesting h1 {
	font-size: 40px;
	padding: 60px 0;
}
.rain_harvesting h2 {
	font-size: 36px;
	margin-bottom: 30px;
}
.rain_harvesting .conclusion p.percent {
	font-size: 36px;
}
.rain_harvesting .slide_show {
	font-size: 10px;
}
}

@media only screen and (max-width :991px) {
.rain_harvesting .content_section p {
	font-size: 16px;
	padding-left: 0;
	min-height: initial;
}
.rain_harvesting .content_section p:last-child {
	margin-top: 30px;
	display: inline-block;
	width: 100%;
}
.rain_harvesting .right_section {
	width: 95%;
	float: left;
	margin-left: 0;
	position: relative;
}
.rain_harvesting .page-container {
	width: 95%;
}
.rain_harvesting .right-image {
	margin-top: 24.5%;
	padding-left: 0;
}
.rain_harvesting .left-image {
	margin-top: 0;
	padding-left: 0;
}
.rain_harvesting h2 {
	width: 100%;
}
.rain_harvesting .bgcolorwrapper {
	display: none;
}
.rain_harvesting .slide_show {
	font-size: 12px;
	left: 0;
	right: 0;
	width: 125px;
	padding: 0;
	margin: 5px auto;
}
.rain_harvesting .conclusion p {
	font-size: 18px;
}
.rain_harvesting .conclusion p.percent {
	font-size: 45px;
	line-height: 40px;
}
.rain_harvesting .conclusion {
	padding: 40px;
}
}
/******Retrofits****/
.Retrofits .alpha {
	padding-left: 0;
	margin-left: 0;
}
.Retrofits .beta {
	padding-right: 0;
	margin-right: 0;
}
.Retrofits .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Retrofits-herobg.jpg") no-repeat;
	min-height: 900px;
	height: 100vh;
	max-height: 900px;
	background-size: cover;
	position: relative;
}
.Retrofits .hero-section .content-wrapper {
	background: #ffffff;
	float: right;
	margin-right: 4%;
	margin-top: 150px;
	padding-bottom: 60px;
}
.Retrofits .hero-section .content-wrapper .environment {
	font-family: Roboto-Medium;
	font-size: 14px;
	color: #212121;
	display: inline-block;
	border: 1px solid;
	padding: 10px 15px;
	margin: 100px 0 40px 100px;
	text-transform: uppercase;
}
.Retrofits .hero-section .content-wrapper .content-block1 {
	margin-top: 70px;
	display: inline-block;
	width: 100%;
}
.Retrofits .hero-section .content-wrapper h1 {
	font-family: Roboto-Light;
	font-size: 48px;
	color: #212121;
	line-height: 1.2;
	margin: 100px 40px 0 50px;
}
.Retrofits .hero-section .content-wrapper .pink-section {
	font-family: Roboto-Medium;
	font-size: 18px;
	color: #ffffff;
	background-color: #b479c9;
	line-height: 30px;
	margin-top: 10px;
	padding: 40px 50px 50px 50px;
}
.Retrofits .hero-section .content-wrapper .generic-content {
	font-family: Roboto-Light;
	font-size: 18px;
	color: #212121;
	line-height: 2;
}
.Retrofits .hero-section .content-wrapper .metrics {
	font-family: Roboto-Light;
	font-size: 36px;
	color: #727272;
}
.Retrofits .hero-section .content-wrapper .labels {
	font-family: Roboto-Medium;
	font-size: 18px;
	color: #212121;
}
.Retrofits .hero-section .campus {
	font-family: Roboto-Medium;
	font-size: 16px;
	color: #999999;
	position: absolute;
	bottom: -40px;
	left: 55px;
}
.Retrofits .metric-block {
	margin-top: 50px;
	margin-left: 40px;
}
.Retrofits .row2 .content-block .generic-content {
	font-family: Roboto-Light;
	font-size: 18px;
	color: #212121;
	line-height: 2;
}
.Retrofits .row2 .content-block .current-unit {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: #02a8f3;
	line-height: 60px;
}
.Retrofits .row2 .content-block p {
	font-family: Roboto-Medium;
	font-size: 18px;
	line-height: 30px;
}
.Retrofits .row2 .content-block h3 {
	font-family: Roboto-bold;
	font-size: 24px;
	line-height: 30px;
	margin-bottom: 30px;
}
.Retrofits .row2 {
	margin-top: 40px;
}
.Retrofits .row2 .content-block {
	padding-left: 0px;
}
.Retrofits .row3 {
	position: relative;
	margin-top: 60px;
}
.Retrofits .row3 .image-wrapper p {
	font-size: 14px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background-image: -webkit-linear-gradient(bottom, black 40%, transparent 100%);
	background: linear-gradient(to top, black 40%, transparent 100%);
	width: 100%;
	margin-bottom: 0;
	padding: 5px 10px;
}
.Retrofits .row3 .content-wrapper p {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 2;
	padding-right: 50px;
}
.Retrofits .row4 {
	margin-top: 40px;
}
.Retrofits .row4 h3 {
	font-family: Roboto-bold;
	font-size: 24px;
	line-height: 30px;
}
.Retrofits .row4 p.generic-content {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 2;
	margin-top: 40px;
}
.Retrofits .row4 .content-block {
	margin-top: 45px;
}
.Retrofits .row4 .content-block .current-unit {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: #02a8f3;
	line-height: 60px;
}
.Retrofits .row4 .content-block p {
	font-family: Roboto-Medium;
	font-size: 18px;
	line-height: 30px;
}
.Retrofits .row4 .right-img .campus {
	margin-top: 20px;
	font-family: Roboto-Medium;
	font-size: 16px;
	color: #999999;
	margin-bottom: 45px;
}
.Retrofits .row4 .right-img {
	padding-left: 5%;
	margin-bottom: 40px;
	max-width: 100%;
}
.Retrofits .row4 h2 {
	font-family: Roboto-Light;
	font-size: 48px;
	color: #212121;
	margin-bottom: 40px;
}
.Retrofits .row4 .content-wrapper {
	float: right;
	margin-right: 50px;
}
.Retrofits .lighting_retrofits, .Retrofits .facade_retrofits {
	margin-bottom: 50px;
}
.Retrofits .detailedstats p, .detailedstats span {
	font-family: Roboto-Light;
	font-size: 20px;
	color: #212121;
}
.Retrofits .detailedstats .hilight {
	font-family: Roboto-Medium;
	font-size: 20px;
	color: #b479c9;
}
.Retrofits .detailedstats {
	display: table;
	margin: 0 auto;
	padding: 52px 8%;
}
.Retrofits .detailedstats .retrofit_area {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	text-align: center;
}
.Retrofits .detailedstats .retrofit_value {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
	text-align: center;
}
.Retrofits .detailedstats .arrow_img img {
	display: inline-block;
}
.Retrofits .detailedstats .arrow_img {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	width: 20%;
}
.Retrofits .bgpink {
	background-color: #b479c9;
	color: white;
	padding: 20px 9%;
}
.Retrofits .bgpink h3 {
	font-family: Roboto-bold;
	font-size: 36px;
	margin-bottom: 20px;
}
.Retrofits .bgpink p {
	font-family: Roboto-Light;
	font-size: 24px;
}
.Retrofits .ups_retrofits {
	margin-bottom: 60px;
}
.Retrofits .energy-savings {
	margin-bottom: 60px;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.Retrofits .hero-section .content-wrapper h1 {
	font-size: 36px;
	margin: 0 0 0 50px;
}
.Retrofits .row4 h2 {
	font-size: 24px;
}
.Retrofits .row4 h3 {
	font-size: 22px;
	line-height: 24px;
}
.Retrofits .bgpink h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.Retrofits .hero-section .content-wrapper .environment {
	margin: 50px 0 25px 0px;
}
.Retrofits .metric-block>div {
	margin-bottom: 10px;
}
}

@media only screen and (max-width :991px) {
.Retrofits .hero-section .content-wrapper h1 {
	font-size: 28px;
	margin: 0;
}
.Retrofits .row4 h2 {
	font-size: 36px;
}
.Retrofits .row4 h3 {
	font-size: 18px;
	line-height: 24px;
}
.Retrofits .row4 p.generic-content {
	margin-top: 35px;
}
.Retrofits .row4 .content-block {
	margin-top: 35px;
}
.Retrofits .bgpink h3 {
	font-size: 24px;
	margin-bottom: 20px;
}
.Retrofits .hero-section .content-wrapper .environment {
	margin: 50px 0 25px 0px;
}
.Retrofits .generic-content {
	font-size: 16px !important;
}
.Retrofits .hero-section .content-wrapper .metrics {
	font-size: 24px;
}
.Retrofits .hero-section .content-wrapper .pink-section {
	padding: 10%;
}
.Retrofits .hero-section .content-wrapper .content-block1 {
	margin-top: 30px;
}
.Retrofits .row2 .content-block {
	padding: 0;
}
.Retrofits .row3 .image-wrapper p {
	margin-left: 0;
	max-width: 100%;
	font-size: 14px;
}
.Retrofits .metric-block {
margin-top;
30px;
	margin-left: 0;
}
.Retrofits .row3 .content-wrapper p {
	padding-right: 0;
	font-size: 16px;
}
.Retrofits .row4 .content-wrapper {
	float: none;
	margin-right: 0;
}
.Retrofits .row4 .right-img {
	padding-left: 0;
}
.Retrofits .detailedstats p, .Retrofits .detailedstats .hilight {
	font-size: 16px;
}
.Retrofits .detailedstats .retrofit_area, .Retrofits .detailedstats .retrofit_value {
	width: 44%;
}
.Retrofits .detailedstats .arrow_img {
	width: 12%;
}
.Retrofits .detailedstats {
	padding: 30px 0;
}
}

@media only screen and (min-width :768px) {
.Retrofits .no-padding {
	padding: 0;
	margin-left: 0;
	margin-right: 0;
}
.Retrofits .no-padding-left {
	padding-left: 0;
}
.Retrofits .no-padding-right {
	padding-right: 0;
}
}
@media (min-width: 992px) {
    .Retrofits .hero-section .content-wrapper .content-block1 .col-lg-5 {
    	width: 41.66666667%;
    }
}
/********Solar-Power*****/
.solar_power .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/solar_power-herobg4.jpg") no-repeat 100% 50%;
	max-height: 700px;
	background-size: cover;
	position: relative;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.solar_power .hero-section img {
	width: 100%;
}
.solar_power .hero-section h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	margin: 60px 0 40px 0;
}
.solar_power h2 {
	font-size: 48px;
	font-family: Roboto-Medium;
	margin: 40px 0;
}
.solar_power .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	margin-bottom: 40px;
	line-height: 36px;
	clear: both;
}
.solar_power .content_section .sec p:last-child {
	margin-bottom: 0;
}
.solar_power .hero-section .hero_content {
	position: absolute;
	background: white;
	bottom: 0;
}
.solar_power .row2 h3:fist-of-type {
color: #abc178;
}
.solar_power .row3 {
	margin-bottom: 60px;
}
.solar_power .green_gains h2:before, .solar_power .content_section .sec h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	background-color: #abc178;
	bottom: -25px;
	top: auto;
	left: -60px;
}
.solar_power .content_section p.hilight_text {
	border: 1px solid #abc178;
	padding: 6%;
	display: inline-block;
	width: 95%;
	margin-top: 50px;
}
.solar_power .content_section .hilight_text {
	border: 1px solid #abc178;
	padding: 4%;
	display: inline-block;
	float: left;
	width: 88%;
	margin-bottom: 60px;
}
.solar_power .content_section .hilight_text p {
	margin-bottom: 0;
}
.solar_power .content_section .enhance {
	width: 95%;
	display: inline-block;
}
.solar_power .radiant {
	background-color: #abc178;
	padding: 10px;
	display: inline-block;
	float: left;
}
.solar_power .greentext {
	color: #abc178;
}
.solar_power .marginT50 {
	margin-top: 50px;
}
.solar_power .radiant {
	background-color: #2a2d40;
	padding: 10px;
	display: inline-block;
	float: left;
	max-width: 100px;
	width: 12%;
	min-width: 50px;
}
.solar_power .radiant_cooling h3 {
	font-size: 22px;
}
.solar_power .radiant_cooling .content_section p {
	font-size: 22px;
}
.solar_power .radiant_cooling .content_section li p {
	font-size: 20px;
	padding-left: 15px;
}
.solar_power .radiant_cooling li:before {
	content: "•";
	display: inline-block;
	float: left;
	color: #abc178;
	line-height: 36px;
}
.solar_power .radiant_cooling ul {
	padding-left: 0px;
	margin: 0;
	list-style-type: none;
}
.solar_power .image_caption {
	font-size: 16px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, black 25%, transparent);
	background-image: -webkit-linear-gradient(bottom, black 25%, transparent);
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
}
.solar_power .row8 {
	margin-bottom: 20px;
}
.solar_power .row5 .image-section {
	width: auto;
	position: relative;
	display: inline-block;
}
.solar_power .green_gains h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	position: relative;
	margin-bottom: 40px;
}
.solar_power .green_gains {
	background: #abc178;
	color: white;
	padding-right: 0;
	padding-bottom: 5%;
	padding-top: 5%;
}
.solar_power .green_gains ul {
	margin-top: 40px;
}
.solar_power .green_gains li {
	margin-bottom: 30px;
	list-style-type: disc;
	font-size: 24px;
}
.solar_power .green_gains p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.solar_power .row6 .section_content {
	font-family: Roboto-Medium;
	font-size: 24px;
	background: #abc178;
	color: white;
	line-height: 36px;
	padding: 45px 25px 60px 30px;
	margin-top: -30px;
}
.solar_power {
	position: relative;
}
.solar_power .bgcolorwrapper {
	background-color: #f5f5f5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 16.7%;
	z-index: -1;
	height: 100%;
}
.solar_power p.hilight_text span {
	font-size: 14px;
	font-family: Roboto-Italic;
	color: #bdbdbd;
}
.solar_power .image_section {
	position: relative;
}
.solar_power .image_section img {
	width: 100%;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.solar_power .hero-section h1 {
	font-size: 40px;
}
.solar_power .green_gains h2, .solar_power h2 {
	font-size: 36px;
}
.solar_power .green_gains p {
	font-size: 20px;
	line-height: 36px;
}
}

@media only screen and (max-width :991px) {
.solar_power .content_section p, .solar_power .radiant_cooling .content_section li p {
	font-size: 16px;
}
.solar_power .radiant_cooling .content_section p {
	font-size: 18px;
}
.solar_power .green_gains p {
	font-size: 24px;
	line-height: 36px;
}
.solar_power .row6 .section_content {
	font-size: 18px;
}
.solar_power .template4 .bgcolorwrapper {
	display: none;
}
}

@media only screen and (min-width :991px) {
.no-padding {
	padding: 0;
	margin: 0;
}
.no-padding-left {
	padding-left: 0;
}
.no-padding-right {
	padding-right: 0;
}
}
/*****Solid-waste-Management****/
.solid_waste_mgnt .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/solid_waste_mgnt-Hero-Banner.png) no-repeat 50% 100%;
	background-size: cover;
	max-height: 700px;
	min-height: 700px;
	-webkit-height: 120vh;
	-moz-height: 120vh;
	-ms-height: 120vh;
	-o-height: 120vh;
	height: 120vh;  /* The Fallback */
}
.solid_waste_mgnt.template1 {
	position: relative;
}
.solid_waste_mgnt .hero-content {
	background-image: -webkit-linear-gradient(bottom, #006c93 60%, transparent);
	background: linear-gradient(to top, #006c93 60%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.solid_waste_mgnt .hero-content h1 {
	font-family: Roboto-Medium;
	font-size: 60px;
	margin-bottom: 30px;
}
.solid_waste_mgnt .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.solid_waste_mgnt .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 48px;
}
.solid_waste_mgnt .hero-content p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.solid_waste_mgnt .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
	margin-top: 50px;
}
.solid_waste_mgnt .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.solid_waste_mgnt .hero-section {
	position: relative;
	margin-bottom: 60px !important;
}
.solid_waste_mgnt .pre-footer {
	background: #006c93;
	color: rgb(255, 255, 255);
}
.solid_waste_mgnt .pre-footer h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.solid_waste_mgnt .pre-footer p {
	font-family: Roboto-Medium;
	font-size: 36px;
	line-height: 60px;
}
.solid_waste_mgnt .pre-footer .content-wrapper {
	padding: 50px 0;
}
.solid_waste_mgnt .guzzlers h2, .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: rgb(33,33,33);
	position: relative;
}
.solid_waste_mgnt .guzzlers p, .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.solid_waste_mgnt .guzzlers h2:after, .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.solid_waste_mgnt .efficiency .left-block p, .efficiency .right-block p {
	margin-bottom: 30px;
}
.solid_waste_mgnt .no-padding {
	padding: 0;
	margin: 0;
}
.solid_waste_mgnt .no-padding-left {
	padding-left: 0;
}
.solid_waste_mgnt .no-padding-right {
	padding-right: 0;
}
.solid_waste_mgnt .alpha {
	padding-left: 0;
	margin-left: 0;
}
.solid_waste_mgnt .beta {
	padding-right: 0;
	margin-right: 0;
}
.solid_waste_mgnt .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.solid_waste_mgnt .efficiency {
	background: #f5f5f5;
}
.solid_waste_mgnt .efficiency ul {
	list-style-type: none;
}
.solid_waste_mgnt .efficiency ul li {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
	margin-left: 35px;
}
.solid_waste_mgnt .efficiency ul li:before {
	content: "• ";
	font-size: 24px;
	color: black;
	position: absolute;
	left: 18px;
}
.solid_waste_mgnt.template1 .dc-carousel {
	margin-bottom: 60px;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.solid_waste_mgnt .hero-content h1 {
	font-size: 40px;
	margin-bottom: 70px;
}
.solid_waste_mgnt .hero-content h3 {
	font-size: 32px;
}
.solid_waste_mgnt .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.solid_waste_mgnt .hero-content p {
	font-size: 16px;
}
.solid_waste_mgnt .guzzlers h2, .efficiency h2 {
	font-size: 36px;
}
.solid_waste_mgnt .guzzlers p, .efficiency p {
	font-size: 16px;
}
.solid_waste_mgnt .efficiency ul li {
	font-size: 16px;
}
.solid_waste_mgnt .carousel-container .content-section {
	font-size: 18px;
}
.solid_waste_mgnt .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.solid_waste_mgnt .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.solid_waste_mgnt .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.solid_waste_mgnt .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.solid_waste_mgnt p.location {
	display: none;
}
.solid_waste_mgnt #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.solid_waste_mgnt .guzzlers h2:after, .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.solid_waste_mgnt .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.solid_waste_mgnt .guzzlers .inner-content, .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.solid_waste_mgnt .dc-carousel {
	margin-top: 30px;
}
.solid_waste_mgnt .pre-footer .content-wrapper {
	margin-top: 20px;
}
.solid_waste_mgnt .carousel-container h2 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.solid_waste_mgnt .pre-footer {
	text-align: center;
}
}

@media only screen and (min-width :1025px) {
.solid_waste_mgnt .guzzlers p {
	text-align: center;
}
}
@media (min-width: 992px) {
    .solid_waste_mgnt .container {
        width: 1170px;
    }
}
/*****Treatment&Cure******/
.treat_cure .hero-banner {
	background: #0372b7 url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/treat_cure-Hero-Banner.png) no-repeat center;
	background-size: cover;
	max-height: 700px;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.treat_cure .hero-content {
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 5%;
}
.treat_cure .hero-content h1 {
	font-family: Roboto-Regular;
	font-size: 60px;
	margin-bottom: 30px;
}
.treat_cure .hero-content h3 {
	font-family: Roboto-Light;
	font-size: 36px;
}
.treat_cure .hero-content p {
	font-family: Roboto-Light;
	font-size: 20px;
	line-height: 36px;
}
.treat_cure .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}
.treat_cure .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.treat_cure .hero-section {
	position: relative;
}
.treat_cure .pre-footer {
	background: #0070b6;/* min-height: 294px; */
	color: rgb(255, 255, 255);
}
.treat_cure .pre-footer h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.treat_cure .pre-footer p {
	font-family: Roboto-Light;
	font-size: 36px;
	line-height: 60px;
}
.treat_cure .pre-footer .content-wrapper {
	padding: 50px 0;
}
.treat_cure .guzzlers h2, .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: rgb(33,33,33);
	position: relative;
}
.treat_cure .guzzlers h2 {
	padding-top: 50px;
}
.treat_cure .guzzlers p, .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.treat_cure .guzzlers h2:after, .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.treat_cure .efficiency .left-block p, .efficiency .right-block p {
	margin-bottom: 30px;
}
.treat_cure .no-padding {
	padding: 0;
	margin: 0;
}
.treat_cure .no-padding-left {
	padding-left: 0;
}
.treat_cure .no-padding-right {
	padding-right: 0;
}
.treat_cure .alpha {
	padding-left: 0;
	margin-left: 0;
}
.treat_cure .beta {
	padding-right: 0;
	margin-right: 0;
}
.treat_cure .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.treat_cure .efficiency {
	background: #f5f5f5;
}
.treat_cure .bordered-content {
	border: 1px solid #3e50b4;
	padding: 40px 35px;
}
.treat_cure .guzzlers .bordered-content p {
	text-align: left !important;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.treat_cure .hero-content h1 {
	font-size: 40px;
	margin-bottom: 0 !important;
}
.treat_cure .hero-content h3 {
	font-size: 32px;
}
.treat_cure .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.treat_cure .hero-content p {
	font-size: 16px;
}
.treat_cure .guzzlers h2, .efficiency h2 {
	font-size: 36px;
}
.treat_cure .guzzlers p, .efficiency p {
	font-size: 16px;
}
.treat_cure .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.treat_cure .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.treat_cure .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.treat_cure .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.treat_cure p.location {
	display: none;
}
.treat_cure #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.treat_cure .guzzlers h2:after, .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.treat_cure .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.treat_cure .guzzlers .inner-content, .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.treat_cure .dc-carousel {
	margin-top: 30px;
}
.treat_cure .pre-footer .content-wrapper {
	margin-top: 20px;
}
.treat_cure .hero-banner {
	background-size: contain;
	background-position-y: top;
}
}

@media only screen and (max-width: 420px) {
.treat_cure .carousel-custom-control {
	opacity: 1;
	top: 10%;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.treat_cure .carousel-custom-control {
	opacity: 1;
	top: 30%;
}
.treat_cure .carousel-custom-control.left, .carousel-custom-control.right {
	max-width: 35px;
	width: 12%;
}
.treat_cure .carousel-custom-control.left img, .carousel-custom-control.right img {
	width: 100%;
}
.treat_cure .pre-footer {
	text-align: center;
}
}

@media only screen and (min-width :1025px) {
.treat_cure .guzzlers p {
	text-align: center;
}
}
@media (min-width: 992px) {
    .treat_cure .container {
        width: 1140px;
    }
}
/******Waste-reduction-Non-Disposables****/
.water_disposables .hero-section {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/water_disposables-herobg4.jpg") no-repeat 100% 50%;
	max-height: 700px;
	background-size: cover;
	position: relative;
	min-height: 700px;
	-webkit-height: 100vh;
	-moz-height: 100vh;
	-ms-height: 100vh;
	-o-height: 100vh;
	height: 100vh;  /* The Fallback */
}
.water_disposables .hero-section img {
	width: 100%;
}
.water_disposables .hero-section h1 {
	font-size: 60px;
	font-family: Roboto-Medium;
	margin: 60px 0 20px 0;
}
.water_disposables .hero-section h2 {
	font-size: 48px;
	font-family: Roboto-Medium;
}
.water_disposables .hero_content .content_section {
	padding-bottom: 150px;
	padding-top: 50px;
}
.water_disposables .content_section p {
	font-size: 20px;
	font-family: Roboto-Light;
	margin-bottom: 40px;
	line-height: 36px;
}
.water_disposables .content_section p.fg_content {
	background-color: white;
	color: #358467;
	padding: 9% 5px 9% 9%;
	font-size: 22px;
}
.water_disposables .bcg_content {
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/water_disposables-bg-image.png") no-repeat;
	padding: 5% 0;
	background-size: cover;
}
.water_disposables .hero-section .hero_content {
	position: absolute;
	background: linear-gradient(to top, #2197a9 60%, transparent);
	background-image: -webkit-linear-gradient(bottom, #2197a9 60%, transparent);
	bottom: 0%;
	color: white;
}
.water_disposables .row2 {
	padding-top: 60px;
	margin-bottom: 60px;
}
.water_disposables .row3, .water_disposables .row4, .water_disposables .row5 {
	margin-bottom: 60px;
}
.water_disposables .row2 .content_section {
	background: white;
	margin-top: -175px;
	padding-top: 70px;
}
.water_disposables .green_gains h2:before, .water_disposables .content_section h3:before {
	content: '';
	width: 60px;
	position: absolute;
	height: 3px;
	background-color: #2197a9;
	bottom: -25px;
	left: -60px;
}
.water_disposables .content_section h3 {
	font-size: 36px;
	font-family: Roboto-Medium;
	margin-bottom: 50px;
	position: relative;
}
.water_disposables .content_section .hilight_text {
	border: 1px solid #2197a9;
	padding: 6% 10% 6% 7%;
	display: inline-block;
	float: left;
	width: 85%;
}
.water_disposables .content_section .hilight_text p {
	margin: 0;
}
.water_disposables .content_section .hilight_text p.alaramed {
	margin: 0;
	font-family: Roboto-Medium;
	font-size: 24px;
	color: #333333;
}
.water_disposables .content_section .hilight_text ul {
	margin: 0;
	list-style-type: none;
	padding: 0;
}
.water_disposables .content_section .hilight_text li {
	font-size: 18px;
	margin-bottom: 30px;
	color: #333;
	position: relative;
	font-family: Roboto-Light;
	margin-left: 36px;
}
.water_disposables .content_section .hilight_text li:before {
	content: "• ";
	font-size: 24px;
	color: #2197a9;
	position: absolute;
	left: -32px;
	line-height: 36px;
}
.water_disposables .radiant {
	background-color: #2197a9;
	padding: 10px;
	display: inline-block;
	float: left;
}
.water_disposables .greentext {
	color: #2197a9;
}
.water_disposables .capacity_mark {
	margin-top: 15px;
}
.water_disposables .capacity_mark .blk {
	padding: 30px 7%;
	min-height: 165px;
	background: white;
	z-index: 99;
}
.water_disposables .capacity_mark .blk2 {
	margin-left: 25px;
}
.water_disposables .capacity_mark .blk1, .water_disposables .capacity_mark .blk2 {
	width: 45%;
	float: left;
	position: relative;
	border: 1px solid #2197a9;
	padding-bottom: 10px;
}
.water_disposables .capacity_mark .rate_value {
	display: inline-block;
	background-color: #2197a9;
	color: white;
	width: 55%;
	position: absolute;
	bottom: 0;
	top: -5px;
	height: 175%;
	z-index: -1;
	left: 30px;
}
.water_disposables .capacity_mark .rate_value p {
	margin-bottom: initial;
}
.water_disposables .capacity_mark .rate_value .value {
	font-size: 60px;
	font-family: Roboto-Light;
}
.water_disposables .capacity_mark .rate_value .per {
	font-size: 14px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
}
.water_disposables .capacity_mark .rate_value .month {
	font-size: 18px;
	font-family: Roboto-Medium;
	text-transform: uppercase;
}
.water_disposables .sec {
	position: absolute;
	width: 50%;
	display: inline-block;
	bottom: 15px;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.water_disposables .blk p {
	margin: 0;
}
.water_disposables .row4 h3:before {
	display: none;
}
.water_disposables .marginT50 {
	margin-top: 50px;
}
.water_disposables .radiant_cooling h3 {
	font-size: 22px;
}
.water_disposables .radiant_cooling .content_section p {
	font-size: 22px;
}
.water_disposables .radiant_cooling .content_section li p {
	font-size: 20px;
	padding-left: 15px;
}
.water_disposables .radiant_cooling li:before {
	content: "•";
	display: inline-block;
	float: left;
	color: #2197a9;
	line-height: 36px;
}
.water_disposables .radiant_cooling ul {
	padding-left: 0px;
	margin: 0;
	list-style-type: none;
}
.water_disposables .image_caption {
	font-size: 16px;
	font-family: Roboto-Light;
	color: white;
	position: absolute;
	bottom: 0;
	background: linear-gradient(to top, black 25%, transparent);
	background-image: -webkit-linear-gradient(bottom, black 25%, transparent);
	width: 100%;
	margin-bottom: 0;
	padding: 10px;
}
.water_disposables .row5 {
	margin-bottom: 50px;
}
.water_disposables .row5 .image-section {
	width: auto;
	position: relative;
	display: inline-block;
}
.water_disposables .green_gains h2 {
	font-family: Roboto-Medium;
	font-size: 36px;
	position: relative;
	margin-bottom: 40px;
}
.water_disposables .green_gains {
	background: #177b57;
	color: white;
	padding-right: 0;
	padding-bottom: 100px;
	padding-top: 60px;
}
.water_disposables .green_gains p {
	font-family: Roboto-Light;
	font-size: 30px;
	line-height: 48px;
}
.water_disposables .row6 .section_content {
	font-family: Roboto-Medium;
	font-size: 24px;
	background: #95955b;
	color: white;
	line-height: 36px;
	padding: 45px 25px 60px 30px;
	margin-top: -30px;
}
.water_disposables .row6 .content_section {
	padding: 30px;
}
.water_disposables .template4 .content_section .content_set {
	margin-left: 1.3%;
}
.water_disposables {
	position: relative;
}
.water_disposables .bgcolorwrapper {
	background-color: #f5f5f5;
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	width: 16.7%;
	z-index: 0;
	height: 100%;
}

/*.opened .js-social-share, .opened .social-share{color: white !important;text-decoration: none !important;width: 28px;height: 28px;position: absolute;top: 0;left: 0px;border-radius: 50%;}*/
/* Extra small devices */
@media only screen and (max-width :767px) {
.water_disposables .hero-section h1 {
	font-size: 40px;
}
.water_disposables .hero-section h2 {
	font-size: 36px;
}
.water_disposables .green_gains h2 {
	font-size: 24px;
}
.water_disposables .content_section h3 {
	font-size: 32px;
}
.water_disposables .capacity_mark .blk2 {
	margin-left: 0;
}
.water_disposables .capacity_mark .rate_value .value {
	font-size: 36px;
}
.water_disposables .capacity_mark .blk1 {
	margin-bottom: 180px;
}
.water_disposables .content_section p {
	font-size: 16px;
}
.water_disposables .green_gains p {
	font-size: 20px;
	line-height: 36px;
}
.water_disposables .content_section p.fg_content {
	font-size: 18px;
}
}

@media only screen and (max-width :991px) {
.water_disposables .capacity_mark .blk1, .water_disposables .capacity_mark .blk2 {
	width: 100%;
	margin-bottom: 180px;
}
.water_disposables .capacity_mark .rate_value .value {
	font-size: 40px;
}
.water_disposables .capacity_mark .rate_value .per {
	font-size: 12px;
}
.water_disposables .capacity_mark .rate_value .month {
	font-size: 16px;
}
.water_disposables .radiant_cooling .content_section p {
	font-size: 18px;
}
.water_disposables .green_gains p {
	font-size: 24px;
	line-height: 36px;
}
.water_disposables .row6 .section_content {
	font-size: 18px;
}
.water_disposables .capacity_mark .rate_value {
	height: 180%;
}
.template4 .bgcolorwrapper {
	display: none;
}
.water_disposables .row3 {
	margin-bottom: 0;
}
.water_disposables .capacity_mark .blk2 {
	margin-left: 0;
}
.water_disposables .bcg_content {
	margin-bottom: 60px;
}
}
/*****Water-Smart-Meters*****/
.water_smart_meter .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/water_smart_meter-Hero-Banner.png) no-repeat center;
	background-size: cover;
	min-height: 900px;
	height: 100vh;
	max-height: 900px;
}
.water_smart_meter .hero-content {
	background: linear-gradient(to top, #f4be69 60%, transparent);
	background-image: -webkit-linear-gradient(bottom, #f4be69 60%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.water_smart_meter .hero-content h1 {
	font-family: Roboto-Bold;
	font-size: 60px;
	margin-bottom: 30px;
}
.water_smart_meter .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.water_smart_meter .hero-content h3 {
	font-family: Roboto-Medium;
	font-size: 30px;
}
.water_smart_meter .hero-content p {
	font-family: Roboto-Medium;
	font-size: 24px;
	line-height: 36px;
}
.water_smart_meter .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
	margin-bottom: 50px;
}
.water_smart_meter .hero-content .quality-section {
	color: #212121;
}
.water_smart_meter .hero-content .quality-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.water_smart_meter .hero-section {
	position: relative;
	margin-bottom: 60px !important;
}
.water_smart_meter.template1 .pre-footer {
	background: #f4be69;
	min-height: 294px;
	color: #212121;
}
.water_smart_meter.template1 .pre-footer h3 {
	font-family: Roboto-Light;
	font-size: 36px;
	line-height: 60px;
}
.water_smart_meter.template1 .pre-footer p {
	font-family: Roboto-Medium;
	font-size: 24px;
	line-height: 36px;
	margin-top: 30px;
}
.water_smart_meter.template1 .pre-footer a {
	font-family: Roboto-Medium;
	font-size: 14px;
	line-height: 36px;
}
.water_smart_meter.template1 .pre-footer .content-wrapper {
	margin-top: 50px;
}
.water_smart_meter .guzzlers h2, .water_smart_meter .efficiency h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: rgb(33,33,33);
	position: relative;
}
.water_smart_meter .guzzlers h3, .water_smart_meter .efficiency h3 {
	font-family: Roboto-Medium;
	font-size: 36px;
	color: #727272;
	position: relative;
	margin-top: 0;
}
.water_smart_meter .guzzlers p, .water_smart_meter .efficiency p {
	font-family: Roboto-Regular;
	font-size: 20px;
	line-height: 36px;
	color: rgb(114,114,114);
}
.water_smart_meter .guzzlers h2:after, .water_smart_meter .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.water_smart_meter .efficiency .left-block p, .water_smart_meter .efficiency .right-block p {
	margin-bottom: 30px;
}
.water_smart_meter .no-padding {
	padding: 0;
	margin: 0;
}
.water_smart_meter .no-padding-left {
	padding-left: 0;
}
.water_smart_meter .no-padding-right {
	padding-right: 0;
}
.water_smart_meter .alpha {
	padding-left: 0;
	margin-left: 0;
}
.water_smart_meter .beta {
	padding-right: 0;
	margin-right: 0;
}
.water_smart_meter .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.water_smart_meter .guzzlers .inner-content, .water_smart_meter .efficiency .inner-content {
	padding: 70px 0 0px 0;
}
.water_smart_meter .efficiency {
	background: #f5f5f5;
}

/* Extra small devices */
@media only screen and (max-width :768px) {
.water_smart_meter .hero-content h1 {
	font-size: 40px;
	margin-bottom: 70px;
}
.water_smart_meter .hero-content h3 {
	font-size: 24px;
}
.water_smart_meter .hero-content .quality-section h3 {
	font-size: 18px;
}
.water_smart_meter .hero-content p {
	font-size: 18px;
}
.water_smart_meter .guzzlers h2, .water_smart_meter .efficiency h2 {
	font-size: 36px;
}
.water_smart_meter .guzzlers h3, .water_smart_meter .efficiency h3 {
	font-size: 32px;
}
.water_smart_meter .guzzlers p, .water_smart_meter .efficiency p {
	font-size: 16px;
	margin-bottom: 30px;
}
.water_smart_meter.template1 .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.water_smart_meter .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.water_smart_meter .carousel-custom-control.left, .water_smart_meter .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.water_smart_meter .carousel-custom-control.left img, .water_smart_meter .carousel-custom-control.right img {
	width: 100%;
}
.water_smart_meter p.location {
	display: none;
}
.water_smart_meter #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.water_smart_meter .guzzlers h2:after, .water_smart_meter .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.water_smart_meter .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.water_smart_meter .guzzlers .inner-content, .water_smart_meter .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.water_smart_meter .dc-carousel {
	margin-top: 30px;
}
.water_smart_meter.template1 .pre-footer .content-wrapper {
	margin-top: 20px;
}
.water_smart_meter.template1 .pre-footer h3 {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 40px;
}
}

@media only screen and (min-width :1025px) {
.water_smart_meter .guzzlers p {
	text-align: center;
}
}
@media (min-width: 992px) {
    .water_smart_meter .container {
        width: 1140px;
    }
}
/******water-wise***/
.waterwise .hero-banner {
	background: #fff url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/waterwise-Hero-Banner.png) no-repeat center top;
	background-size: contain;
	min-height: 800px;
	max-height: 700px;
	height: 120vh;  /* The Fallback */
}
.waterwise .hero-content {
	background: linear-gradient(to top, #006c93 60%, transparent);
	background-image: -webkit-linear-gradient(bottom, #006c93 60%, transparent);
	color: rgb(255, 255, 255);
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto !important;
}
.waterwise .hero-content h1:before {
	width: 125px;
	height: 10px;
	background: white;
	content: '';
	position: absolute;
	top: -10px;
}
.waterwise .hero-content p {
	font-family: Roboto-Light;
	font-size: 24px;
	line-height: 36px;
}
.waterwise .hero-content .content-section {
	margin-left: auto !important;
	margin-right: auto !important;
}
.waterwise .hero-content .facilities-section h3 {
	margin-top: 40px;
	margin-bottom: 20px;
}
.waterwise .hero-section {
	position: relative;
	margin-bottom: 60px !important;
}
.waterwise .pre-footer {
	background: #2197a9;
	min-height: 294px;
	color: rgb(255, 255, 255);
}
.waterwise .guzzlers h2:after, .waterwise .efficiency h2:after {
	width: 65px;
	height: 5px;
	background: rgb(33,33,33);
	content: '';
	position: absolute;
	bottom: -30px;
	color: black;
	left: 47%;
	right: 50%;
}
.waterwise .efficiency .left-block p, .waterwise .efficiency .right-block p {
	margin-bottom: 30px;
}
.waterwise .no-padding {
	padding: 0;
	margin: 0;
}
.waterwise .no-padding-left {
	padding-left: 0;
}
.waterwise .no-padding-right {
	padding-right: 0;
}
.waterwise .alpha {
	padding-left: 0;
	margin-left: 0;
}
.waterwise .beta {
	padding-right: 0;
	margin-right: 0;
}
.waterwise .center-align {
	margin-left: 10%;
	margin-right: 10%;
}
.waterwise .guzzlers, .waterwise .efficiency {
	padding-top: 0px;
	padding-bottom: 0px;
}
.waterwise .efficiency {
	background: #f5f5f5;
}
/* Extra small devices */
@media only screen and (max-width :768px) {
.waterwise .hero-section {
	height: 125vh;  /* The Fallback */
}
.waterwise .hero-content h1 {
	font-size: 40px;
	margin-bottom: 70px;
}
.waterwise .hero-content h3 {
	font-size: 32px;
}
.waterwise .hero-content .facilities-section h3 {
	font-family: Roboto-Light;
	font-size: 18px;
}
.waterwise .hero-content p {
	font-size: 18px;
}
.waterwise .guzzlers h2, .waterwise .efficiency h2 {
	font-size: 36px;
}
.waterwise .guzzlers p, .waterwise .efficiency p {
	font-size: 16px;
}
.waterwise .pre-footer p {
	font-size: 24px;
	padding-top: 20px;
	line-height: inherit;
}
.waterwise .carousel-custom-control {
	opacity: 1;
	top: 25%;
}
.waterwise .carousel-custom-control.left, .waterwise .carousel-custom-control.right {
	max-width: 35px;
	width: 10%;
}
.waterwise .carousel-custom-control.left img, .waterwise .carousel-custom-control.right img {
	width: 100%;
}
.waterwise p.location {
	display: none;
}
.waterwise #carousel_datacenter .carousel-caption {
	padding: 10px 15px 20px 15px
}
.waterwise .guzzlers h2:after, .waterwise .efficiency h2:after {
	height: 3px;
	left: 40%;
}
.waterwise .hero-content h1:before {
	height: 5px;
	top: -15px;
}
.waterwise .guzzlers .inner-content, .waterwise .efficiency .inner-content {
	padding: 70px 0 0 0;
}
.waterwise .dc-carousel {
	margin-top: 30px;
}
.waterwise .pre-footer .content-wrapper {
	margin-top: 20px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.waterwise .pre-footer {
	text-align: center;
}
}

@media only screen and (min-width :1025px) {
.waterwise .guzzlers p {
	text-align: center;
}
.waterwise .pre-footer {
	text-align: center;
}
}
@media (min-width: 992px) {
    .waterwise .container {
        width: 1170px;
    }
}
/****BioPark****/
.Biopark .col-centered {
	float: none;
	margin: 0 auto;
}
.Biopark h1 {
	text-align: center;
	position: relative;
	-moz-background-clip: padding;
	-webkit-background-clip: padding;
	background-clip: padding-box;
}
.Biopark h1 .nobg {
	font-family: Roboto-Black;
	font-size: 48px;
	color: #313131;
	letter-spacing: 12px;
}
.Biopark h1 .bgImg {
	font-family: Roboto-Black;
	font-size: 412px;
	color: #000000;
	padding-top: 30px;
	line-height: 320px;
	letter-spacing: -40px;
	-webkit-background-clip: text !important;
	-webkit-text-fill-color: transparent !important;
	-moz-background-clip: text !important;
	-moz-text-fill-color: transparent !important;
}
.Biopark h1 .bio {
	background: url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Biopark-Bio.png) 52% 100% no-repeat;
}
.Biopark h1 .park {
	background: url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Biopark-park1.png) 32% 19% no-repeat, url(/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Biopark-park2.png) 83% 0% no-repeat;
}
.Biopark .row1 .banner_img {
	max-height: 620px;
	margin: 0 auto;
	padding-top: 2%;
	padding-bottom: 4%;
}
.Biopark .row2 h2 {
	font-family: Roboto-Light;
	font-size: 40px;
	margin: 10px;
}
.Biopark .row2 h3 {
	font-family: Roboto-Regular;
	font-size: 36px;
	margin-top: 30px;
}
.Biopark .row2 p {
	font-family: Roboto-Regular;
	font-size: 24px;
	line-height: 40px;
}
.Biopark .row2 img {
	margin: 45px auto;
}
.Biopark .row3 {
	background: #f0ffe3;
}
.Biopark .row3 h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	line-height: 32px;
	margin: 10px auto;
}
.Biopark .row3 p {
	font-family: Roboto-Regular;
	font-size: 18px;
	line-height: 26px;
	padding-bottom: 10px;
	margin: 0;
}
.Biopark .row3 img {
	padding: 30px 0 30px 0;
}
.Biopark .content-wrapper .row-image img {
	opacity: 0;
	-webkit-transition: background .9s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: opacity .9s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: opacity .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition: opacity .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition-delay: .2s;
	width: 100%;
}
.Biopark .active .content-wrapper .row-image img {
	opacity: 1;
}
.Biopark .content-wrapper .row-image .img-caption {
	font-family: Roboto-Italic;
	font-size: 12px;
	color: #999999;
	padding-top: 10px;
}
.Biopark .row_header {
	background: white;
	display: none;
	width: 100%;
}
.Biopark .row_header h2 {
	font-family: Roboto-Medium;
	font-size: 48px;
	color: #21ad98;
}
.Biopark .row_header.fixed {
	position: fixed;
	top: 0;
	left: 0;
	display: block;
}
.Biopark .row_header.fauna {
	background: #f0ffe3;
}
.Biopark .row_header.fauna h2 {
	color: #539642;
}
.Biopark .content-wrapper {
	padding-top: 100px;
}
.Biopark .content-wrapper .row-content {
	padding-top: 20px;
}
.Biopark .content-wrapper .row-content h3 {
	font-family: Roboto-Italic;
	font-size: 24px;
	color: #21ad98;
	line-height: 32px;
}
.Biopark .content-wrapper .row-content p {
	font-family: Roboto-Light;
	font-size: 18px;
	line-height: 32px;
	color: #3b3b3b;
	padding-bottom: 25px;
}
.Biopark .fauna .content-wrapper .row-content h3 {
	color: #539642;
}
.Biopark .fauna {
	background: #f0ffe3;
}
.Biopark .content-wrapper .row-content p span {
	font-family: Roboto-Medium;
	font-size: 18px;
	line-height: 32px;
}
.Biopark .content-wrapper.right-content .row-content h3 {
	margin-left: -20px;
	-webkit-transition: margin .9s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: margin .9s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: margin .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition: margin .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition-delay: .1s;
}
.Biopark .content-wrapper.right-content .row-content p {
	margin-left: -20px;
	-webkit-transition: margin .8s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: margin .8s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: margin .8s cubic-bezier(0, 0, 0.11, 0.99);
	transition: margin .8s cubic-bezier(0, 0, 0.11, 0.99);
	transition-delay: .1s;
}
.Biopark .active .content-wrapper.right-content .row-content h3 {
	margin-left: 0px;
}
.Biopark .active .content-wrapper.right-content .row-content p {
	margin-left: 0px;
}
.Biopark .content-wrapper.left-content .row-content h3 {
	padding-left: 30px;
	-webkit-transition: padding .9s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: padding .9s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: padding .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition: padding .9s cubic-bezier(0, 0, 0.11, 0.99);
	transition-delay: .1s;
}
.Biopark .content-wrapper.left-content .row-content p {
	padding-left: 30px;
	-webkit-transition: padding .8s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: padding .8s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: padding .8s cubic-bezier(0, 0, 0.11, 0.99);
	transition: padding .8s cubic-bezier(0, 0, 0.11, 0.99);
	transition-delay: .1s;
}
.Biopark .active .content-wrapper.left-content .row-content h3 {
	padding-left: 0px;
}
.Biopark .active .content-wrapper.left-content .row-content p {
	padding-left: 0px;
}
.Biopark .final_words p {
	font-family: Roboto-Light;
	font-size: 30px;
	line-height: 48px;
	color: #404040;
	position: absolute;
	bottom: 30%;
}
.Biopark .final_words {
	background: url('/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/Biopark-bioparkcampus.jpg') center no-repeat;
	background-size: cover;
}
.Biopark .section_header {
	background: white;
}
.Biopark .fauna .section_header {
	background: #f0ffe3;
}
.Biopark .section_header h3 {
	font-family: Roboto-Medium;
	font-size: 36px;
	color: #21ad98;
}
.Biopark .fauna .section_header h3 {
	color: #539642;
}
.Biopark .down-arrows {
	left: 0;
	right: 0;
	margin: 30px auto 0 auto;
	width: 100%;
	bottom: 0;
}
.Biopark .down-arrows span {
	display: block;
	max-width: 30px;
	height: 12px;
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/down-arrow.svg") no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-animation: fadeInArrows 3s infinite;
	animation: fadeInArrows 2s infinite;
	margin: 0 auto;
}
.Biopark .down-arrows span:nth-child(1) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.Biopark .down-arrows span:nth-child(2) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.Biopark .down-arrows span:nth-child(3) {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
.Biopark .down-arrows span:nth-child(4) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
 @-webkit-keyframes fadeInArrows {
 0% {
 opacity: 0;
}
 25% {
 opacity: 1;
}
 37.5% {
 opacity: 0;
}
 100% {
 opacity: 0;
}
}
 @keyframes fadeInArrows {
 0% {
 opacity: 0;
}
 25% {
 opacity: 1;
}
 37.5% {
 opacity: 0;
}
 100% {
 opacity: 0;
}
}

/* @Tablet & Mobile */
@media only screen and (max-width :991px) {
.Biopark .content-wrapper .row-image img {
	opacity: 1 !important;
}
.Biopark .row2 h2, .Biopark .row3 h2 {
	font-size: 40px;
}
.Biopark .row2 p {
	font-size: 24px;
	line-height: 32px;
}
.Biopark .row2 h3 {
	font-size: 30px;
	margin-top: 20px;
	padding-bottom: 20px;
}
.Biopark .row3 p, .Biopark .content-wrapper .row-content p {
	font-size: 16px;
}
.Biopark .final_words p {
	font-size: 26px;
	bottom: 10px;
}
.Biopark .row2 img {
	margin: 30px auto;
}
.Biopark .row_header h2 {
	font-size: 36px;
}
.Biopark .content-wrapper .row-image {
	padding-top: 20px;
}
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.Biopark .row_header {
	display: none !important;
}
.Biopark .row2 p {
	font-size: 22px;
	line-height: 36px;
}
.Biopark .row3 p {
	line-height: 26px;
}
.Biopark .row2 h2 {
	font-size: 36px;
}
.Biopark .final_words p {
	font-size: 24px;
	line-height: 36px;
	position: static;
	margin-top: 30px;
}
.Biopark .content-wrapper .row-content h3 {
font-size;
20px;
}
.Biopark .final_words {
	min-height: 500px;
	margin-top: 50px;
}
.Biopark .content-wrapper.right-content .row-content p {
	margin-left: 0;
}
.Biopark .content-wrapper.right-content .row-content h3 {
	margin-left: 0;
}
.Biopark .content-wrapper.left-content .row-content p {
	padding-left: 0;
}
.Biopark .content-wrapper.left-content .row-content h3 {
	padding-left: 0;
}
.Biopark .row3 {
	padding: 40px 20px;
}
.Biopark .row2 {
	padding-top: 40px;
	padding-bottom: 40px;
}
.Biopark .content-wrapper {
	padding-top: 0px;
}
.Biopark .section {
	padding: 30px 0;
}
}
/*****Intelligent-Light******/
.Intelligent_light .block h1 {
	font-family: Roboto-Light;
	font-size: 60px;
	color: #212121;
	padding-bottom: 50px;
	position: relative;
}
.Intelligent_light .block h2 {
	font-family: Roboto-Light;
	font-size: 32px;
	color: #212121;
	position: relative;
	padding-top: 30px;
}
.Intelligent_light .block h1 :after {
	width: 90px;
	height: 2px;
	background: #cccccc;
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
}
.Intelligent_light .block h1 p {
	font-family: Roboto-MediumItalic;
	display: block;
}
.Intelligent_light .block h2 p {
	font-family: Roboto-MediumItalic;
	display: block;
}
.Intelligent_light .block .content-wrapper {
	background-color: #ffffff;
	padding-bottom: 30px;
}
.Intelligent_light .block .content-wrapper .overview p {
	font-family: Roboto-Light;
	font-size: 24px;
	color: #02a8f3;
}
.Intelligent_light .block .content-wrapper .detail p {
	font-family: Georgia Regular;
	font-size: 20px;
	color: #727272;
}
.Intelligent_light .row-content {
	margin-top: 50px;
}
.Intelligent_light #right-content .caption, .Intelligent_light .mobile-image-wrapper .caption {
	font-family: Roboto-Light;
	font-size: 16px;
	color: #cccccc;
	width: 75%;
	margin: 0;
	padding-bottom: 10px;
}
.Intelligent_light #right-content .caption {
	padding-left: 20px;
}
.Intelligent_light .mobile-image-wrapper {
	position: relative;
	margin-top: 25px;
}
.Intelligent_light #right-content .info {
	position: absolute;
	bottom: -3%;
	left: 0%;
	width: 100%;
	opacity: 0;
	-webkit-transition: all .5s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: all .5s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: all .5s cubic-bezier(0, 0, 0.11, 0.99);
	transition: all .5s cubic-bezier(0, 0, 0.11, 0.99);
}
.Intelligent_light #right-content .info.active {
	position: absolute;
	bottom: 0%;
	left: 0%;
	margin-left: 0;
	opacity: 1;
}
.Intelligent_light #right-content .sixth.first.active {
	top: 45%;
	bottom: 0;
}
.Intelligent_light .block {
	position: relative;
}
.Intelligent_light .down-arrows {
	position: absolute;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 100%;
	bottom: 0;
}
.Intelligent_light .down-arrows span {
	display: block;
	max-width: 30px;
	height: 18px;
	background: url("/content/dam/infosys-web/en/sustainability/Images/EnvironmentImg/down-arrow.svg") no-repeat;
	background-size: contain;
	opacity: 0;
	-webkit-animation: fadeInArrows 3s infinite;
	animation: fadeInArrows 3s infinite;
	margin: 0 auto;
}
.Intelligent_light .down-arrows span:nth-child(1) {
	-webkit-animation-delay: 0.25s;
	animation-delay: 0.25s;
}
.Intelligent_light .down-arrows span:nth-child(2) {
	-webkit-animation-delay: 0.5s;
	animation-delay: 0.5s;
}
.Intelligent_light .down-arrows span:nth-child(3) {
	-webkit-animation-delay: 0.75s;
	animation-delay: 0.75s;
}
.Intelligent_light .down-arrows span:nth-child(4) {
	-webkit-animation-delay: 1s;
	animation-delay: 1s;
}
@-webkit-keyframes fadeInArrows {
 0% {
opacity: 0;
}
 25% {
opacity: 1;
}
 37.5% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
@keyframes fadeInArrows {
 0% {
opacity: 0;
}
 25% {
opacity: 1;
}
 37.5% {
opacity: 0;
}
 100% {
opacity: 0;
}
}
.Intelligent_light #fullpage {
	width: 60%;
}
.Intelligent_light #right-content {
	background-color: #f9f9f9;
	background-position: center center;
	-webkit-background-size: 100% 100vh;
	-moz-background-size: 100% 100vh;
	-o-background-size: 100% 100vh;
	background-size: 100% 100vh;
	width: 40%;
	right: 0;
	top: 0;
	height: 100vh;
	min-height: 100%;
	position: fixed;
	-webkit-transition: background 500ms ease-out;
	-moz-transition: background 500ms ease-out;
	-o-transition: background 500ms ease-out;
	transition: background 500ms ease-out;
	background-repeat: no-repeat;
}
.Intelligent_light .section .svg-container.active .line {
	stroke-dashoffset: 0;
	stroke-dasharray: 1000;
}
.Intelligent_light .section .svg-container.bottom .line {
	bottom: 0;
}
.Intelligent_light .section .svg-container.top .line {
	top: 0;
}
.Intelligent_light .section .svg-container .line {
	position: absolute;
	z-index: -1;
	height: 10%;
	left: 50%;
	stroke-dasharray: 1000;
	stroke-dashoffset: 1000;
	animation-iteration-count: 1;
	-webkit-transition: stroke-dashoffset 1.5s ease-in;
	-moz-transition: stroke-dashoffset 1.5s ease-in;
	-o-transition: stroke-dashoffset 1.5s ease-in;
	transition: stroke-dashoffset 1.5s ease-in;
}
.Intelligent_light .section h1, .Intelligent_light .section h2, .Intelligent_light .section .overview, .Intelligent_light .section .detail {
	opacity: 0;
	-webkit-transition: opacity 1s ease-in-out;
	-moz-transition: opacity 1s ease-in-out;
	-o-transition: opacity 1s ease-in-out;
	transition: opacity 1s ease-in-out;
}
.Intelligent_light #section0 .content-wrapper h1, .Intelligent_light #section0 .content-wrapper .overview, .Intelligent_light #section0 .content-wrapper .detail {
	opacity: 0;
	-webkit-transition: opacity 2s cubic-bezier(0, 0, 0.11, 0.99);
	-moz-transition: opacity 2s cubic-bezier(0, 0, 0.11, 0.99);
	-o-transition: opacity 2s cubic-bezier(0, 0, 0.11, 0.99);
	transition: opacity 2s cubic-bezier(0, 0, 0.11, 0.99);
}
.Intelligent_light .section.active h1, .Intelligent_light .section.active h2, .Intelligent_light .section.active .overview, .Intelligent_light .section.active .detail, .Intelligent_light #section0 .content-wrapper.active h1, .Intelligent_light #section0 .content-wrapper.active .overview, .Intelligent_light #section0 .content-wrapper.active .detail {
	opacity: 1;
}

/* Extra small devices */
@media only screen and (max-width :767px) {
.Intelligent_light .block h1 {
	font-size: 40px;
}
.Intelligent_light .block .content-wrapper .detail p {
	font-size: 18px;
}
.Intelligent_light .block .content-wrapper .overview p {
	font-size: 22px;
}
.Intelligent_light #right-content {
	display: none;
}
.Intelligent_light #fullpage {
	width: 99%;
}
.Intelligent_light #fullpage .row {
	margin: 0 auto;
}
.Intelligent_light .section h1, .Intelligent_light .section h2, .Intelligent_light .section .overview, .Intelligent_light .section .detail {
	opacity: 1;
}
.Intelligent_light .down-arrows {
	display: none;
}
.Intelligent_light .row-content, .Intelligent_light .row-content .detail, .Intelligent_light .row-content .overview {
	padding: 0;
}
.Intelligent_light .mobile-image-wrapper .caption {
	font-size: 14px;
	margin-top: 10px;
}
}

@media (min-width: 768px) and (max-width: 1024px) {
.Intelligent_light .block h1 {
	font-size: 50px;
}
.Intelligent_light .block h2 {
	font-size: 28px;
}
.Intelligent_light .block .content-wrapper .detail p {
	font-size: 18px;
}
.Intelligent_light .block .content-wrapper .overview p {
	font-size: 20px;
}
}
#wrapper {
	position: static;
	z-index: 1;
	top: 0;
	bottom: 0;
	left: 0;
	width: 100%;
}
#scroller {
	position: static;
	z-index: 1;
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	width: 100%;
}

@media screen and (max-width: 767px) {
#wrapper {
	position: absolute;
}
#scroller {
	position: absolute;
	-webkit-transform: translateZ(0);
	-moz-transform: translateZ(0);
	-ms-transform: translateZ(0);
	-o-transform: translateZ(0);
	transform: translateZ(0);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-text-size-adjust: none;
	-moz-text-size-adjust: none;
	-ms-text-size-adjust: none;
	-o-text-size-adjust: none;
	text-size-adjust: none;
}
}