/* CSS Document */
html, body {
	font-family: myriad-pro;
	font-size: 17px;
	font-weight: 400;
	line-height: 1.5;
	color: #333333;
	width: 100%;
	height: 100%;
	padding: 0;
	margin: 0;
	height: auto!important;
	text-rendering: optimizeLegibility;
	text-rendering: geometricPrecision;
	font-smooth: always;
	font-smooth: never;
	font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	/* <length> */
	font-smooth: 2em;
}
body {
	overflow-x: hidden
}
.iot, .iot :hover{color: #fff;
text-decoration: none;}

/*--------------------------------------------------------------
# iframe[google_conversion_frame]
--------------------------------------------------------------*/

iframe[name=google_conversion_frame] {
	display: none;
}

h1, h2, h3, h4, h5 {
	font-family: myriad-pro, sans-serif;
	font-weight: 400;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
.h4 {
	font-size: 19px;
	font-weight: bold;
}
.navbar {
	margin-bottom: 0;
	min-height: 70px;
}
.fontweight900 {
	font-weight: 900;
}
.fontweight200 {
	font-weight: 200;
}
.font-blue {
	color: #643988;
}
.font-brightBlue {
	color: #1f9cd7;
}
.font-brighYellow {
	color: #faa41a;
}
.font-brighOrange {
	color: #faa41a;
}
.lineheight-80 {
	line-height: .8;
}
a, a:hover {
	color: #231f20;
	text-decoration: none;
}
.btn-arrow {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/arrow.png") no-repeat scroll 10px center;
	border: 1px solid rgba(0, 0, 0, 0.1);
	display: inline-block;
	padding: 10px 10px 10px 45px;
	transition: all 0.2s ease-out 0s;
}
.btn-arrow:hover {
	padding-left: 50px;
}
.list-arrow {
	padding: 0 10px;
}
.list-arrow > li {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/arrow.png") no-repeat scroll left center;
	border-bottom: 1px solid rgba(0, 0, 0, 0.1);
	list-style: none;
	padding: 0;
}
.list-arrow li a {
	display: block;
	line-height: 1.1;
	padding: 10px 5px 10px 35px;
	transition: all 0.2s ease-out 0s;
}
.list-arrow li a:hover {
	padding-left: 40px;
}
.banner1 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-automative.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.banner1::before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.banner2 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/20161115163043.jpg") no-repeat scroll center center / cover;
	position: relative;
}
.banner {
	height: 350px;
	padding-top: 80px;
	color: #fff;
	position: relative;
}

/*--------------------------------------------------------------
 Full Screen Modal  
 --------------------------------------------------------------*/
.fullscreen {
    position: fixed!important;
    top: 0!important;
    left: 0!important;
    bottom: 0!important;
    right: 0!important;
    width: 100%!important;
    height: 100%!important;
    border: none!important;
    margin: 0!important
}

.close {
    background: url(/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/cross.png) no-repeat!important;
    background-position:center!important;
	background-size:cover!important;
    border: none;
    color: transparent;
    height: 60px;
    overflow: hidden;
    position: absolute;
    right: 20px;
    text-indent: 200%;
    top: 20px;
    width: 60px;
    z-index: 100;
    opacity: .5
}
.close,
a {
    outline: 0
}
.modal-open .modal {
    z-index: 99999!important
}

.modal-dialog {
    width: 100%!important;
    height: 100%!important;
    padding: 0;
    margin: 0
}

.modal-content {
    height: 100%!important;
    overflow: auto!important;
    background-color: transparent!important;
    border: 0!important;
    border-radius: 0!important;
    box-shadow: none!important
}

.modal.fade.in, .modal.fade{
padding:0px!important;
}
/* Modal window end */


/* Template CSS Starts */
.section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10 {
	padding: 75px 0!important;
	background-repeat: no-repeat!important;
	background-position: center center!important;
	-webkit-background-size: cover!important;
	-moz-background-size: cover!important;
	-o-background-size: cover!important;
	background-size: cover!important;
	background-attachment: fixed!important;
}
/* Infy Logo */
.infy-logo {
	position: absolute;
	top: 30px;
	z-index: 1;
}
/* menu css start */
.but-pos {
	position: relative;
	padding-right: 45px
}
.button_container {
	position: absolute;
	right: 0;
	top: 15px;
	height: 27px;
	width: 35px;
	cursor: pointer;
	z-index: 99999;
	-webkit-transition: opacity .25s ease;
	transition: opacity .25s ease;
}
.button_container:hover {
	opacity: .7;
}
.button_container.active .top {
	-webkit-transform: translateY(11px) translateX(0) rotate(45deg);
	transform: translateY(11px) translateX(0) rotate(45deg);
	background: #FFF;
}
.button_container.active .middle {
	opacity: 0;
	background: #FFF;
}
.button_container.active .bottom {
	-webkit-transform: translateY(-11px) translateX(0) rotate(-45deg);
	transform: translateY(-11px) translateX(0) rotate(-45deg);
	background: #FFF;
}
.button_container span {
	background: #E86A21;
	border: none;
	height: 5px;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	-webkit-transition: all .35s ease;
	transition: all .35s ease;
	cursor: pointer;
}
.button_container span:nth-of-type(2) {
	top: 11px;
}
.button_container span:nth-of-type(3) {
	top: 22px;
}
.overlay {
	position: fixed;
	background: #E86A21;
	top: 0;
	left: 0;
	width: 100%;
	height: 0%;
	opacity: 0;
	visibility: hidden;
	-webkit-transition: opacity .35s, visibility .35s, height .35s;
	transition: opacity .35s, visibility .35s, height .35s;
	overflow: hidden;
}
.overlay.open {
	opacity: 1;
	visibility: visible;
	height: 100vh;
	position: fixed;
	margin: 0;
}
.overlay.open li {
	-webkit-animation: fadeInRight .5s ease forwards;
	animation: fadeInRight .5s ease forwards;
	-webkit-animation-delay: .35s;
	animation-delay: .35s;
}
.overlay.open li:nth-of-type(2) {
	-webkit-animation-delay: .4s;
	animation-delay: .4s;
}
.overlay.open li:nth-of-type(3) {
	-webkit-animation-delay: .45s;
	animation-delay: .45s;
}
.overlay.open li:nth-of-type(4) {
	-webkit-animation-delay: .50s;
	animation-delay: .50s;
}
.overlay nav {
	position: relative;
	height: 70%;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	font-size: 50px;
	font-weight: 400;
	text-align: center;
}
.overlay ul {
	list-style: none;
	padding: 0;
	margin: 0 auto;
	display: inline-block;
	position: relative;
	height: 100%;
}
.overlay ul li {
	display: block;
	height: 25%;
	height: calc(100% / 6);
	min-height: 50px;
	position: relative;
	opacity: 0;
}
.overlay ul li a {
	display: block;
	position: relative;
	color: #FFF;
	text-decoration: none;
	overflow: hidden;
}
.overlay ul li a:hover:after, .overlay ul li a:focus:after, .overlay ul li a:active:after {
	width: 100%;
}
.overlay ul li a:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0%;
	-webkit-transform: translateX(-50%);
	transform: translateX(-50%);
	height: 3px;
	background: #FFF;
	-webkit-transition: .35s;
	transition: .35s;
}
 @-webkit-keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
 @keyframes fadeInRight {
 0% {
 opacity: 0;
 left: 20%;
}
 100% {
 opacity: 1;
 left: 0;
}
}
/* menu css end */

/*Section 1*/
.section1 {
	background: rgba(15, 36, 96, 0.3);
	position: relative;
	overflow: hidden;
	height: 100vh;
	color: #ffffff;
}
.section1 video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translateX(-50%) translateY(-50%);
	background-size: cover;
	transition: 1s opacity;
}
.owl-carousel .owl-stage-outer {
	background: rgba(11, 16, 55, 0.5);
}
.item::before {
	background: rgba(0, 0, 0, 0.6);
	content: "";
	display: block;
	height: 100%;
	left: 0;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: 0;
}
.item {
	background: rgba(0, 0, 0, 0) url("") no-repeat scroll center center / cover;
	color: #ffffff;
	display: block;
	height: 90vh;
	line-height: 1;
	padding: 15% 20% 5% 5%;
	position: relative;
	text-align: left;
	width: 100%;
}
.item .caption {
	position: relative;
	z-index: 1;
}
.owl-controls {
	bottom: 40px;
	position: relative;
	height: 0;
}
.slide2 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-hfs.jpg") no-repeat scroll center center / cover;
}
.slide3 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-automotive-plant.jpg") no-repeat scroll center center / cover;
}
.slide4 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-f-and-b.jpg") no-repeat scroll center center / cover;
}
.slide5 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-chiller.jpg") no-repeat scroll center center / cover;
}
.slide6 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/global-resource/responsive/digital-outlook-lead.jpg") no-repeat scroll center center / cover;
}
.slide1 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-growth-mindset.jpg") no-repeat scroll center center / cover;
}
.owl-controls .owl-dots, .owl-controls .owl-pagination {
	position: relative;
	text-align: center;
}
.owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot {
	-moz-user-select: none;
	cursor: pointer;
	position: relative;
}
.owl-controls .owl-dots .owl-dot, .owl-controls .owl-pagination .owl-dot, .owl-controls .owl-dots .owl-page, .owl-controls .owl-pagination .owl-page {
	box-sizing: content-box;
	cursor: pointer;
	display: inline-block;
	padding: 9px;
}
.owl-controls .owl-dots .owl-dot span, .owl-controls .owl-pagination .owl-dot span, .owl-controls .owl-dots .owl-page span, .owl-controls .owl-pagination .owl-page span {
	background-clip: padding-box;
	background-color: #a0ddf5;
	border-radius: 50%;
	box-sizing: content-box;
	display: block;
	height: 10px;
	width: 10px;
}
.owl-controls .owl-dots .owl-dot.active span, .owl-controls .owl-pagination .owl-dot.active span, .owl-controls .owl-dots .owl-page.active span, .owl-controls .owl-pagination .owl-page.active span {
	background-color: #fff;
}
.owl-controls .owl-nav {
	position: relative;
	top: -10em;
}
.owl-controls .owl-prev, .owl-controls .owl-next {
	background-image: url("");
	height: 100px;
	margin-left: 10px;
	margin-right: 10px;
	opacity: 0.3;
	text-indent: -9999px;
	top: 0px;
	transition: opacity 0.5s ease-out 0s;
	white-space: nowrap;
	width: 50px;
}
.owl-controls .owl-prev {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/arrow-left.png") !important;
	float: left;
	left: -80px;
}
.owl-controls .owl-next {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/arrow-right.png") !important;
	float: right;
	right: -80px;
}
h1, h2, h3, h4, h5 {
	font-family: myriad-pro, myriad-pro-n9, Arial, Helvetica, sans-serif;
	font-weight: 900;
	margin: 0;
}
h1.firstline-section1 {
	color: #ffffff;
	font-size: 70px;
	font-weight: 600;
	line-height: 0.95;
	text-transform: uppercase;
}
.section1-btm {
	background: rgba(15, 36, 96, 0.8);
	bottom: 0;
	padding: 20px 0;
	position: absolute;
	width: 100%;
}
.secondline-section1, .thirdline-section1, .fourthline-section1 {
	background: #231f20;
	border-radius: 0;
	color: #ffffff;
	display: inline-block !important;
	font-size: 25px;
	font-weight: 200;
	line-height: 1;
	padding: 5px 15px;
	text-shadow: none;
	text-transform: uppercase;
	border-radius: 3px;
}
svg {
	vertical-align: middle;
}
.scroll-down {
	box-sizing: border-box;
	color: #ffffff;
	cursor: pointer;
	height: 40px;
	left: 50%;
	margin-left: -20px;
	padding-left: 7px;
	position: absolute;
	top: 75vh;
	width: 40px;
	z-index: 2;
}
.scroll-down.svg svg {
	opacity: 1;
	transition: opacity 0.5s ease 0s;
	width: 25px;
}
.scroll-down.svg .stroke {
	stroke: #ffffff;
}
.scroll-down.svg .scroller {
	animation: 1s ease 0s normal none infinite running updown;
	fill: #ffffff;
}
@keyframes updown {
0% {
 transform: translate(0px, 0px);
}
50% {
 transform: translate(0px, 5px);
}
100% {
 transform: translate(0px, 0px);
}
}
@keyframes updown {
0% {
 transform: translate(0px, 0px);
}
50% {
 transform: translate(0px, 5px);
}
100% {
 transform: translate(0px, 0px);
}
}
@keyframes updown {
0% {
 transform: translate(0px, 0px);
}
50% {
 transform: translate(0px, 5px);
}
100% {
 transform: translate(0px, 0px);
}
}
/*Bouncing Arrow*/
.arrow {
	border-radius: 100%;
	bottom: 9%;
	color: #ffffff;
	display: block;
	font-size: 250%;
	height: 50px;
	left: 48%;
	line-height: 50px;
	position: absolute;
	z-index: 999;
}
.arrow:hover {
	color: #ffffff;
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
 transform: translateY(0px);
}
40% {
 transform: translateY(-30px);
}
60% {
 transform: translateY(-15px);
}
}
@keyframes bounce {
0%, 20%, 50%, 80%, 100% {
 transform: translateY(0px);
}
40% {
 transform: translateY(-30px);
}
60% {
 transform: translateY(-15px);
}
}
.bounce {
	animation: 2s ease 0s normal none infinite running bounce;
}
/*Section 2*/
/*Accordian start*/
.accordion {
	width: 100%;
	height: 400px;
	overflow: hidden;
	margin: 0;
}
.accordion ul {
	width: 100%;
	display: table;
	table-layout: fixed;
	margin: 0;
	padding: 0;
}
.accordion ul li {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	width: 16.666%;
	height: 350px;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: all 500ms ease;
	overflow: hidden;
}
.accordion ul li div {
	display: inline-block;
	overflow: hidden;
	width: 100%;
}
.accordion ul li a {
	display: block;
	height: 350px;
	width: 100%;
	position: relative;
	z-index: 3;
	vertical-align: middle;
	padding: 15px 20px 15px 50px;
	box-sizing: border-box;
	color: #fff;
	text-decoration: none;
	transition: all 200ms ease;
}
.accordion ul li a * {
	opacity: 0;
	margin: 0;
	width: 100%;
	/*text-overflow: ellipsis;*/
	position: relative;
	z-index: 5;
	/*white-space: nowrap;*/
	overflow: hidden;
	-webkit-transform: translateX(-20px);
	transform: translateX(-20px);
	-webkit-transition: all 400ms ease;
	transition: all 400ms ease;
}
.accordion ul li a h2 {
	font-size: 230%;
	left: 20px;
	line-height: 0.8;
	opacity: 1;
	position: absolute;
	text-align: left;
	text-transform: uppercase;
	top: 50%;
	transform: translateY(-50%);
	color: #fff;
}
.accordion ul li a h4 {
	text-overflow: clip;
	text-transform: uppercase;
	margin-bottom: 2px;
	width: 60%;
	top: 20%;
	position: absolute;
}
.accordion ul li:nth-child(1) {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Oilfield-bg.jpg");
}
.accordion ul:hover li:nth-child(1):hover a {
	background: rgba(250, 140, 0, 0.5);
	cursor: default;
}
.accordion ul li:nth-child(2) {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Automobile-ng.jpg");
}
.accordion ul:hover li:nth-child(2):hover a {
	background: rgba(50, 0, 100, 0.3);
	cursor: default;
}
.accordion ul li:nth-child(3) {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Engineering-bg.jpg");
}
.accordion ul:hover li:nth-child(3):hover a {
	background: rgba(217, 70, 0, 0.3);
	cursor: default;
}
.accordion ul:hover li {
	width: 8%;
}
.accordion ul:hover li:hover {
	width: 60%;
}
.accordion ul:hover li:hover a * {
	opacity: 1;
	-webkit-transform: translateX(0);
	transform: translateX(0);
}
.accordion ul:hover li:hover a h2 {
	opacity: 0;
	-webkit-transform: translateY(0);
	transform: translateY(0);
	position: absolute;
	left: 100%;
}
/*.accordion ul {
  width: 100%;
  display: table;
  table-layout: fixed;
  margin: 0;
  padding: 0;
}

.accordion ul li {
  display: table-cell;
  vertical-align: bottom;
  position: relative;
  width: 32%;
  height: 400px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center center;
  transition: all 500ms ease;
}


.accordion ul li .content h2{
			color: #ffffff;
    		font-family: myriad-pro,myriad-pro-n9,Arial,Helvetica,sans-serif;
			line-height: 1;
			text-transform: uppercase;
			font-weight:bold!important;
			width:320px;
}
.accordion ul li .content {
  display: block;
  overflow: hidden;
  width: 100%;
}

.accordion ul li .content{
  position:absolute;
  bottom:0;
  width: 100%;
  z-index: 0;
  padding: 15px 0px 50px 40px;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
  transition: all 200ms ease;
}
	.accordion ul li .layer-mask{
		
    background: rgba(180, 30, 30, 0.6) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Oilfield-bg.jpg");
	background-size:cover;
	background-position:center;
    height: 400px;
    width: 100%;
	transition: all 400ms ease;

	}
.accordion ul li div a h2 {
  opacity: 0;
  margin: 0;
  width: 100%;
  text-overflow: ellipsis;
  position: relative;
  z-index: 5;
  white-space: nowrap;
  overflow: hidden;
  -webkit-transform: translateX(-20px);
  transform: translateX(-20px);
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.accordion ul li div a h2 {
  text-overflow: clip;
  font-size: 24px;
  text-transform: uppercase;
  margin-bottom: 2px;
  top: 160px;
}

.accordion ul li div a p {
  top: 160px;
  font-size: 13.5px;
}

.accordion ul li:nth-child(1) { background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Oilfield-bg.jpg"); }
	.accordion ul li:hover:nth-child(1) .layer-mask{
		background: rgba(50, 0, 100, 0.6);
	}


.accordion ul li:nth-child(2) { background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Automobile-ng.jpg"); }
	.accordion ul li:nth-child(2) .layer-mask{
		background: rgba(100, 50, 100, 0.6);
	}
	.accordion ul li:hover:nth-child(2) .layer-mask{
		background: rgba(100, 50, 100, 0.9);
	}


.accordion ul li:nth-child(3) { background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Engineering-bg.jpg"); }
.accordion ul li:nth-child(3) .layer-mask{
		background: rgba(50, 100, 100, 0.6);
	}

	.accordion ul li:hover:nth-child(3) .layer-mask{
			background: rgba(50, 100, 100, 0.9);
		}


.accordion ul:hover li { width: 20%; }

.accordion ul:hover li:hover { width: 70%; }

.accordion ul:hover li:hover a { background: rgba(0, 0, 0, 0.4); }

.accordion ul:hover li:hover h2{
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
}*/
/*Accordian end*/
.btn-shutter {
	color: #fff;
	border: 1px solid #fff;
	position: relative;
	z-index: 1;
	display: inline-block;
	background: #23abd5;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	padding: 9px 15px;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-shutter:before {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
	background-color: #3e4651;
	z-index: -1;
}
.btn-shutter:hover {
	border: 1px solid #3e4651;
	background-color: transparent;
	color: #ffffff;
}
.btn-shutter:hover:before {
	width: 100%;
}
.banner-btn {
	background-color: transparent !important;
	font-weight: 400;
	margin-left: 10px;
	margin-top: 10px;
}
.banner-btn:before {
	color: #000 !important;
	background-color: #fff !important;
}
.banner-btn:hover {
	border: 1px solid #fff !important;
	color: #000 !important;
}
.section2 {
	background: #fff url("");
	color: #333;
}
h2.blue {
	color: #0291f1;
}
h2.head-section2 {
	font-size: 59px;
	line-height: 55px;
	font-weight: bold;
}
.marginbottom-section2 {
	margin-bottom: 25px;
}
.size20-section2 {
	font-size: 20px;
}
.snail {
	position: absolute;
	right: -22px;
	top: 150px;
	width: 123px;
}
/*Section 3*/
.grid figure {
	position: relative;
	float: left;
	overflow: hidden;
	background: #000;
	cursor: pointer;
	width: 100%;
	border: 0;
	padding: 0;
}
.grid figure .stories-css {
	/*position: relative;
	display: block;
	min-height: 100%;
	max-width: 100%;*/
	opacity: 0.6;
}
.grid figure figcaption {
	padding: 2em;
	color: #fff;
	font-size: 1.25em;
	/*	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	text-transform: uppercase;*/
	font-style: normal !important;
	border: 0;
	margin: 0;
}
.grid figure figcaption, .grid figure figcaption > a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/* Anchor will cover the whole item by default */
/* For some effects it will show as a button */
.grid figure figcaption > a {
	z-index: 1000;
	text-indent: 200%;
	white-space: nowrap;
	font-size: 0;
	opacity: 0;
}
.grid figure h2 {
	font-weight: 800;
	padding: 0 15px;/*text-transform: uppercase;*/
}
.grid figure.minibox h2 {
	padding: 20px;
	width: 100%
}
.grid figure.minibox-03 h2 {
	top: 40%;
}
p.box4 {
	padding-top: 15px!important;
}
.grid figure.minibox p {
	padding: 0;
}
.grid figure.minibox figcaption {
	padding: 20px;
}
.grid figure h2, .grid figure p {
	margin: 0;
}
.grid figure p {
}
/*---------------*/
/***** Sadie *****/
/*---------------*/

figure.effect-sadie figcaption::before {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0,0,0,.5);
	content: '';
	opacity: 0;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
}
/* Hover Zoom In  */

.scale-image {
	overflow: hidden;
}
.scale-image:hover .image {
	-o-transform: scale(1.2); /* Opera */
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	-webkit-filter: blur(15px);
	-moz-filter: blur(5px);
	-ms-filter: blur(5px);
	filter: blur(5px);
}
.image {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	height: 550px;
}
/* .top{top: 63% !important;} */
/* .topnew { */
    /* top: 82% !important; */
/* } */
figure.effect-sadie h2 {
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 30px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s, opacity 0.35s, transform 0.35s;
	transition: transform 0.35s, color 0.35s, opacity 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
	position: absolute;
	/*bottom: 30px;*/
	top: 50px;
	left: 0;
	padding: 0 15px;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	font-size: 18px;
	line-height: 1.4em;
	text-transform: none;
}
p.atp-content {
	bottom: 68px;
}
figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0, -250%, 0) translate3d(0, -40px, 0);
	transform: translate3d(0px, -250%, 0px) translate3d(0px, -40px, 0px);
	opacity: 0;
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.section3 {
	background: #fff;
	height: auto;
	color: #2a272c;
	padding-top: 0 !important;
}
.section1-btm2 {
	background: #eeeeee url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg3.jpg");
	background-size: cover;
	background-attachment: fixed;
	color: #231f20;
	padding: 50px 0;
}
h2.head-section3 {
	font-size: 65px;
	font-weight: bold;
	color:#000!important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}
h3.head-section3 {
	font-size: 35px;
	font-weight: 400;
}
h4.head-section3 {
	font-size: 24px;
	font-weight: 400;
	line-height: 1.4;
}
.size18-section3 {
	font-size: 18px;
}
.nav-tabs {
	border-bottom: none;
}
.section3 .nav-tabs > li {
	width: 25%;
	text-align: left;
}
.nav-tabs > li > a {
	/*border: 1px solid #e86a21 !important;*/
	border: none!important;
	border-radius: 0;
	line-height: 1.42857;
	margin-right: -1px;
	color: #2a272c;
	font-family: myriad-pro;
	font-size: 24px;
	font-weight: 400;
	position: relative;
	text-transform: uppercase;
	transition: all 1s ease-in -0.5s;
	outline: medium none;
	padding: 10px 0 30px;
}
.nav > li > a:focus, .nav > li > a:hover {
	background-color: rgba(0, 0, 0, 0);
	text-decoration: none;
}
/*.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: #e86a21;
	border-color: #e86a21;
	color:#FFF;
}
*/
.nav-tabs > li.active > a, .nav-tabs > li.active > a:focus, .nav-tabs > li.active > a:hover {
	background-color: rgba(0, 0, 0, 0);
	border-color: rgba(0, 0, 0, 0);
}
.nav-tabs > li.active > a:before, .nav-tabs > li:hover > a:before {
	animation: 1s ease 0s normal none 1 running fadein;
	background: #e86a21;
	content: "";
	display: block;
	font-size: 20px;
	height: 3px;
	left: 0;
	line-height: 0.9;
	position: absolute;
	top: 72%;
	width: 40px;
	z-index: 0;
}
 @keyframes fadein {
 0%, 40% {
 opacity:0;
 transform:scale(2, 1) translateY(10px);
}
 60%, 70% {
 opacity:1;
 transform:scale(2, 1) translateY(0px);
}
}
 @-moz-keyframes fadein { /* Firefox */
 0%, 40% {
 opacity:0;
 transform:scale(2, 1) translateY(10px);
}
 60%, 70% {
 opacity:1;
 transform:scale(2, 1) translateY(0px);
}
}
 @-webkit-keyframes fadein { /* Safari and Chrome */
 0%, 40% {
 opacity:0;
 transform:scale(2, 1) translateY(10px);
}
 60%, 70% {
 opacity:1;
 transform:scale(2, 1) translateY(0px);
}
}
 @-o-keyframes fadein { /* Opera */
 0%, 40% {
 opacity:0;
 transform:scale(2, 1) translateY(10px);
}
 60%, 70% {
 opacity:1;
 transform:scale(2, 1) translateY(0px);
}
}
.section3 .tab-content > .active {
	/*background: #e86a21 url('/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/consulting.png');*/
	
	display: block;
	padding: 0 15px 0;
	font-family: myriad-pro;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.2;
}
.section3 .tab-content > .active .col-md-8 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Leading-farm-equipment-manufacturer.jpg") repeat scroll right bottom / cover;
	color: #231F20;
	padding: 4% 30% 4% 4%;
	height: 400px;
	border: 1px solid rgba(230, 230, 230, 1);
}
.section3 .tab-content > .active .col-md-4, .hovermain {
	color: #333333;
	padding: 0;
	height: 400px;
	position: relative;
	-webkit-transition: .4s, opacity .6s;
	-moz-transition: .4s, opacity .6s;
	-o-transition: .4s, opacity .6s;
	transition: .4s, opacity .6s;
}
.section3 .tab-content > .active#CONSULTING .col-md-8 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/consulting.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#DEVELOPMENT .col-md-8 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/product-development.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#IMPLEMENTATION .col-md-8 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/System-Integration.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#SERVICES .col-md-8 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/managed-services.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#CONSULTING .col-md-4 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Leading-farm-equipment-manufacturer.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#CONSULTING .col-md-4:hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Industry-The-State-of-The-Nations.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#DEVELOPMENT .col-md-4 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Telematics-device-to-gather-data-for-usage-based-insurance.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#DEVELOPMENT .col-md-4:hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Continuous-IoT-innovation-in-our-labs.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#IMPLEMENTATION .col-md-4 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-car-1.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#IMPLEMENTATION .col-md-4:hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-car.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#SERVICES .col-md-4 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Large-CPG.jpg") repeat scroll right bottom / cover;
}
.section3 .tab-content > .active#SERVICES .col-md-4:hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/IT-Managed-Services-Transformation.jpg") repeat scroll right bottom / cover;
}
/*Industrial-iot page*/
#CONSULTING .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Industr-The-State-of-The-Nations.jpg") repeat scroll right bottom / cover;
}
#CONSULTING .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Industry-The-State-of-The-Nations.jpg") repeat scroll right bottom / cover;
}
#CONSULTING .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Making-Industry-1.jpg") repeat scroll right bottom / cover;
}
#CONSULTING .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Making-Industry.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Track-and-trace.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Track-and-trace-1.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Fleet-management.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Fleet-management-1.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(3) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Supplier-collaboration.jpg") repeat scroll right bottom / cover;
}
#Supply-Chain .hovermain:nth-child(3):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Supplier-collaboration-1.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Factory-visibility.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Factory-visibility-1.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Condition-based-monitoring.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Condition-based-monitoring-1.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(3) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Energy-efficiency.jpg") repeat scroll right bottom / cover;
}
#Operations-Efficiency .hovermain:nth-child(3):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Energy-efficiency-1.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Field-Service-Management.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Field-Service-Management-1.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Preemptive-Maintenance.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Preemptive-Maintenance-1.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(3) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Remote-Services.jpg") repeat scroll right bottom / cover;
}
#Service-Efficiency .hovermain:nth-child(3):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Remote-Services-1.jpg") repeat scroll right bottom / cover;
}
#Engineering-Efficiency .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/GE-Digital-and-Infosys-Digital-Twins.jpg") repeat scroll right bottom / cover;
}
#Engineering-Efficiency .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/GE-Digital-and-Infosys-Digital-Twins-1.jpg") repeat scroll right bottom / cover;
}
#Engineering-Efficiency .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Knowledge-Based-Engineering.jpg") repeat scroll right bottom / cover;
}
#Engineering-Efficiency .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Knowledge-Based-Engineering-1.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(1) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-car-1.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(1):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-car-2.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(2) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-care.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(2):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-care-1.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(3) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-stadium.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(3):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/Connected-stadium-1.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(4) {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-home-1.jpg") repeat scroll right bottom / cover;
}
#Connected-Products2 .hovermain:nth-child(4):hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-home-2.jpg") repeat scroll right bottom / cover;
}
/* .hoverbox start*/
*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
a .hoverbox {
	display: block;
	position: relative;
	padding: 10%;
	overflow: hidden;
	text-decoration: none;
	outline: none;
	color: inherit;
	background: transparent;
	width: 100%;
	height: 100%;
	border: 1px solid rgba(0, 0, 0, 0.1);
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/fold.png") no-repeat scroll right top;
	transition: .4s, opacity .1s;
}
a .hoverbox:hover {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/fold.png2") no-repeat scroll right top;
	background-size: cover;
}
.hoverbox p {
	-webkit-transition: 0.6s;
	-moz-transition: 0.6s;
	-o-transition: 0.6s;
	transition: 0.6s;
	-webkit-transition-delay: 0.2s;
	-moz-transition-delay: 0.2s;
	-o-transition-delay: 0.2s;
	transition-delay: 0.1s;
	text-decoration: none;
}
.hoverbox:before, .hoverbox:after {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	opacity: 0;
	-webkit-transition: .4s, opacity .6s;
	-moz-transition: .4s, opacity .6s;
	-o-transition: .4s, opacity .6s;
	transition: .4s, opacity .6s;
}
/* :before */

.hoverbox:before {
	content: attr(data-hover);
	-webkit-transform: translate(-150%, 0);
	-moz-transform: translate(-150%, 0);
	-ms-transform: translate(-150%, 0);
	-o-transform: translate(-150%, 0);
	transform: translate(-150%, 0);
	font-weight: 900;
	padding: 10%;
	/* background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/consulting.jpg") repeat scroll right bottom / cover ; */
	width: 100%;
	height: 100%;
}
/* :after */

.hoverbox:after {
	content: attr(data-active);
	-webkit-transform: translate(150%, 0);
	-moz-transform: translate(150%, 0);
	-ms-transform: translate(150%, 0);
	-o-transform: translate(150%, 0);
	transform: translate(150%, 0);
}
/* Span on :hover and :active */
a .hoverbox: hover {
	text-decoration: none;
}
a .hoverbox:hover p, a .hoverbox:active p {
	opacity: 0;
	-webkit-transform: scale(0.3);
	-moz-transform: scale(0.3);
	-ms-transform: scale(0.3);
	-o-transform: scale(0.3);
	transform: scale(1.0);
	text-decoration: none;
}
/*  
    We show :before pseudo-element on :hover 
    and :after pseudo-element on :active 
*/

.hoverbox:hover:before, .hoverbox:active:after {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-moz-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	-o-transform: translate(0, 0);
	transform: translate(0, 0);
	-webkit-transition-delay: .4s;
	-moz-transition-delay: .4s;
	-o-transition-delay: .4s;
	transition-delay: .4s;
}
/* .hoverbox end*/


.tab-content > .active {
	border-radius: 0 0 5px 5px;
}
a.cd-btn {
	text-decoration: none !important;
}
/* Section 4 */
.relative {
	position: relative;
	padding: 25px;
	width: 230px;
	height: 230px;
	color: #231f20;
	text-align: center;
	line-height: 1.1;
}
.relative .overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background: rgba(17,14,110,0.8);
	z-index: -1;
	margin: 0;
}
.overlay-new {
	height: 100%;
	left: 0;
	opacity: 1;
	position: absolute;
	top: 0;
	width: 100%;
	z-index: -1;
	box-shadow: 0 0 10px #dcdcdc;
	background: #ffffff;
	border-radius: 50%;
	border: 4px solid rgba(232, 100, 50, 0.5);
}
.relative .text-uppercase {
	font-size: 1.3em;
	line-height: 1;
	letter-spacing: -1px;/* padding: 20px 0 5px; */
}
.grad1 {
	background: linear-gradient(270deg, #d90daf, #0008ff, #ffa900);
	background-size: 600% 600%;
	-webkit-animation: grad1 23s ease infinite;
	-moz-animation: grad1 23s ease infinite;
	animation: grad1 23s ease infinite;
}
@-webkit-keyframes grad1 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad1 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad1 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.grad2 {
	background: linear-gradient(270deg, #d90d3a, #ffa900);
	background-size: 400% 400%;
	-webkit-animation: grad2 15s ease infinite;
	-moz-animation: grad2 15s ease infinite;
	animation: grad2 15s ease infinite;
}
@-webkit-keyframes grad2 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad2 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad2 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.grad3 {
	background: linear-gradient(270deg, #0fa306, #2510dd, #b8ba34);
	background-size: 600% 600%;
	-webkit-animation: grad3 12s ease infinite;
	-moz-animation: grad3 12s ease infinite;
	animation: grad3 12s ease infinite;
}
@-webkit-keyframes grad3 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad3 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad3 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.grad4 {
	background: linear-gradient(270deg, #29b810, #ff0b0b, #ffd80f);
	background-size: 600% 600%;
	-webkit-animation: grad4 33s ease infinite;
	-moz-animation: grad4 33s ease infinite;
	animation: grad4 33s ease infinite;
}
@-webkit-keyframes grad4 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad4 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad4 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.grad5 {
	background: linear-gradient(270deg, #158287, #c6d206, #300fbb);
	background-size: 600% 600%;
	-webkit-animation: grad5 45s ease infinite;
	-moz-animation: grad5 45s ease infinite;
	animation: grad5 45s ease infinite;
}
@-webkit-keyframes grad5 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad5 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad5 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
.grad6 {
	background: linear-gradient(270deg, #b00fba, #d20606, #300fbb);
	background-size: 600% 600%;
	-webkit-animation: grad6 45s ease infinite;
	-moz-animation: grad6 45s ease infinite;
	animation: grad6 45s ease infinite;
}
@-webkit-keyframes grad6 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@-moz-keyframes grad6 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
@keyframes grad6 {
 0% {
background-position:0% 50%
}
 50% {
background-position:100% 50%
}
 100% {
background-position:0% 50%
}
}
ul.list-unstyled {
	padding-left: 15px;
}
ul.list-unstyled > li {
	font-size: 15px;
	list-style-type: disc;
}
.section4 {
	background: #EEEEEE url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg1.jpg");
	color: #231f20;
}
h2.head-section4 {
	font-size: 75px;
	font-weight: bold;
}
.list-inline > li {
	margin: 0px;
	padding: 0;
	position: relative;
	top: 75px;
	border-right: 1px solid #cccccc;
}
.list-inline > li:last-child {
	border: none;
}
.list-inline a {
	display: block;
	padding: 30px 50px;
	text-align: center;
	min-width: 200px;
}
.list-inline span {
	display: block;
}
.grey-box {
	background: #fcfcfc;
	border: 1px solid #cccccc;
	padding: 0;
	margin-bottom: 20px;
}
.white-box {
	background: #fff;
	width: 230px;
	height: 250px;
	position: relative;
	border-right: 1px solid #ccc;
	padding: 45px 30px;
	text-align: center;
}
.white-box.right-arrow:before {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-left: 15px solid #FFF;
	border-bottom: 30px solid transparent;
	display: block;
	content: "";
	left: 100%;
	top: 90px;
	position: absolute;
	z-index: 1;
}
.white-box.right-arrow:after {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-left: 15px solid #bcbcbc;
	border-bottom: 30px solid transparent;
	display: block;
	content: "";
	left: 230px;
	top: 90px;
	position: absolute;
	z-index: 0;
}
.white-box:hover {
	background: #E86A21;
	color: #fff!important;
}
.white-box:hover.right-arrow:before {
	width: 0;
	height: 0;
	border-top: 30px solid transparent;
	border-left: 15px solid #E86A21;
	border-bottom: 30px solid transparent;
	display: block;
	content: "";
	left: 100%;
	top: 90px;
	position: absolute;
	z-index: 1;
}
.white-box .icon.Maturity-Assessment {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/industry.png");
}
.white-box:hover .icon.Maturity-Assessment {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/industry-w.png");
}
.white-box .icon.Supply-Chain {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/supply-chain.png");
}
.white-box:hover .icon.Supply-Chain {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/supply-chain-w.png");
}
.white-box .icon.Operations-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.white-box:hover .icon.Operations-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.white-box .icon.Service-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/service.png");
}
.white-box:hover .icon.Service-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/service-w.png");
}
.white-box .icon.Engineering-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/energy.png");
}
.white-box:hover .icon.Engineering-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/energy-w.png");
}
/* .bdr { */
    /* border-left: 1px solid #cccccc; */
    /* border-top: 1px solid #cccccc; */
	/* display:table; */
	/* margin: auto 1px; */
/* } */
.bdr [class^="col-"] {
	border: 1px solid #cccccc;
	/* border-bottom: 1px solid #cccccc; */
	height: 250px;
	min-width: 227px;
	width: 20%;
	padding: 0px;
	margin: -1px -1px 0 0;
}
.bdr [class^="col-"] a {
	height: 100%;
	width: 100%;
	background: #fff;
	text-align: center;
	padding: 60px 20px 0;
	display: block;
	color: #231f20;
}
.bdr [class^="col-"] a:hover {
	background: #E86A21;
	color: #fff!important;
}
.bdr [class^="col-"] a .icon, .white-box .icon {
	background-image: url("");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	display: block;
	margin-left: auto;
	margin-right: auto;
	height: 70px;
	width: 70px;
}
.bdr [class^="col-"] a .icon.Manufacturing {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/manufacturing.png");
}
.bdr [class^="col-"] a:hover .icon.Manufacturing {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/manufacturing-w.png");
}
.bdr [class^="col-"] a .icon.Automotive {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/automobile.png");
}
.bdr [class^="col-"] a:hover .icon.Automotive {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/automobile-w.png");
}
.bdr [class^="col-"] a .icon.Energy {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/energy.png");
}
.bdr [class^="col-"] a:hover .icon.Energy {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/energy-w.png");
}
.bdr [class^="col-"] a .icon.Healthcare {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/healthcare.png");
}
.bdr [class^="col-"] a:hover .icon.Healthcare {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/healthcare-w.png");
}
.bdr [class^="col-"] a .icon.Logistics {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/logistics.png");
}
.bdr [class^="col-"] a:hover .icon.Logistics {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/logistics-w.png");
}
.bdr [class^="col-"] a .icon.Telecom {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/telecome.png");
}
.bdr [class^="col-"] a:hover .icon.Telecom {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/telecome-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.Industrial {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/industrial-digital.png");
}
.bdr [class^="col-"] a:hover .icon.Industrial {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/industrial-digital-w.png");
}
.bdr [class^="col-"] a .icon.smart-water-management {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/smart-water-management.png");
}
.bdr [class^="col-"] a:hover .icon.smart-water-management {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/smart-water-management-w.png");
}
.bdr [class^="col-"] a .icon.connected-care {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-care.png");
}
.bdr [class^="col-"] a:hover .icon.connected-care {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-care-w.png");
}
.bdr [class^="col-"] a .icon.airline-baggage {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/airline-baggage.png");
}
.bdr [class^="col-"] a:hover .icon.airline-baggage {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/airline-baggage-w.png");
}
.bdr [class^="col-"] a .icon.crop-management {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/crop-management.png");
}
.bdr [class^="col-"] a:hover .icon.crop-management {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/crop-management-w.png");
}
.bdr [class^="col-"] a .icon.connected-car {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-car.png");
}
.bdr [class^="col-"] a:hover .icon.connected-car {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/connected-car-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Asset {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.bdr [class^="col-"] a .icon.stadium {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/stadium.png");
}
.bdr [class^="col-"] a:hover .icon.stadium {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/stadium-w.png");
}
.bdr [class^="col-"] a .icon.Operations-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset.png");
}
.bdr [class^="col-"] a:hover .icon.Operations-Efficiency {
	background-image: url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/asset-w.png");
}
.size20-section4 {
	font-size: 20px;
}
.margintop-section4 {
	margin-top: 28px;
}
/*Tab style*/
.section4 .nav-tabs > li.active > a, .section4 .nav-tabs > li.active > a:focus, .section4 .nav-tabs > li.active > a:hover {
	background-color: #ffffff;
	border: none;
	border-image: none;
	border-style: solid;
	border-width: 1px;
	color: #20409a;
	cursor: default;
}
.section4 .nav-tabs > li > a {
	border: none!important;
	border-radius: 0;
	line-height: 1.42857;
	margin-right: 0px;
	position: relative;
	background: #ffb400;
	color: #fff;
	font-weight: 900;
	font-size: 30px;
	text-transform: uppercase;
	line-height: 0.98;
	padding: 15px 2em;
}
.section4 .nav-tabs > li > a:after {
	border-bottom: 90px solid rgba(0, 0, 0, 0.3);
	border-right: 13px solid rgba(0, 0, 0, 0);
	float: left;
	height: 0;
	width: 0;
	bottom: 0;
	left: 0;
	content: "";
	position: absolute;
	z-index: 1;
}
.section4 .nav-tabs > li:first-child > a:after {
	border-bottom: 0px solid rgba(0, 0, 0, 0);
	border-right: 0px solid rgba(0, 0, 0, 0);
}
.section4 .nav-tabs {
	border-bottom: 10px solid #ffffff;
}
.section4 .nav > li {
	display: block;
	position: relative;/* width: 33.334%; */
}
.section4 .nav-tabs > li {
	float: left;
	margin-bottom: 0;
}
.section4 .nav-tabs .media-body {
	width: auto;
}
.section4 .nav-tabs .media-body span {
	display: block;
}
.section4 .nav-pills > li > a {
	background: #231f20;
	border-radius: 0;
}
/*Grid styles*/
.section4 .image {
	height: 350px;
	transition: all 0.5s ease 0s;
}
.section4 .topnew {
	top: 50% !important;
}
.section4 .grid figure h2 {
	font-weight: 200;
	padding: 0 15px;
	text-align: center;
	text-transform: uppercase;
}
.section4 figure.effect-sadie h2 {
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 30px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
.section4 figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(-150%, -50%, 0px) translate3d(0, 0px, 0);
	transform: translate3d(-150%, -50%, 0px) translate3d(0px, 0px, 0px);
}
.section4 figure.effect-sadie figcaption::before, .section4 figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
.section4 figure.effect-sadie p {
	display: block;
	min-height: 95px;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-moz-transform-style: preserve-3d;
	transform-style: preserve-3d;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(50%, 0, 0);
	transform: translate3d(50%, 0, 0);
	overflow: hidden;
	top: 30%;
}
.section4 figure.effect-sadie p > * {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	display: block;
}
.section4 figure.effect-sadie:hover figcaption::before, .section4 figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0px, 0);
	transform: translate3d(0, 0px, 0);
}
/* Section 5 */
.section5 {
	/*background: rgba(0, 0, 0, 0) linear-gradient(180deg, rgba(182, 245, 238, 1) 15%, rgba(11, 212, 187, 0.8) 53%) repeat scroll 0 0;*/
	background: rgba(255,255,255,1);
	height: auto;
	position: relative;
	overflow: hidden;
}
.section5 video {
	position: fixed;
	top: 50%;
	left: 50%;
	min-width: 100%;
	min-height: 100%;
	width: auto;
	height: auto;
	z-index: -1;
	transform: translateX(-50%) translateY(-50%);
	/*background: url('/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg-services.jpg') no-repeat;*/
	background-size: cover;
	transition: 1s opacity;
}
.section5 .col-sm-5.col-xs-12 {
	border: 2px solid #efefef;
	border-radius: 25px;
	box-shadow: 0 0 10px #eeeeee;
	padding: 40px;
	height: 420px;
}
h2.head-section5 {
	font-size: 75px;
	font-weight: bold;
}
.para-section5 {
	font-size: 20px;
}
.margintop-section5 {
	margin-top: 30px;
}
.section5 ol, .section5 ul {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 0;
	list-style: none;
}
.section5 li {
	padding: 0 15px;
	position: relative;
}
.section5 li:before {
	content: "\203A";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	font-weight: 600;
	color: #ff9600;
	line-height: 0.6;
	font-size: 180%;
}
/* Section 6 */
.section6 {
	background: #eeeeee url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg2.jpg");
	color: #231f20;
}
.heading-section6 {
	font-size: 30px;
	padding-left: 10px;
}
.para-section6 {
	font-size: 20px;
}
/*Accordion start*/
/*
snippet from Animate.css - zoomIn effect
*/
.animated {
	-webkit-animation-duration: 1s;
	animation-duration: 1s;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both
}
.animated.infinite {
	-webkit-animation-iteration-count: infinite;
	animation-iteration-count: infinite
}
.animated.hinge {
	-webkit-animation-duration: 1s;
	animation-duration: 1s
}
@-webkit-keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
@keyframes zoomIn {
0% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
50% {
opacity:1
}
}
.zoomIn {
	-webkit-animation-name: zoomIn;
	animation-name: zoomIn
}
@-webkit-keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
@keyframes zoomOut {
0% {
opacity:1
}
50% {
opacity:0;
-webkit-transform:scale3d(.3, .3, .3);
transform:scale3d(.3, .3, .3)
}
100% {
opacity:0
}
}
.zoomOut {
	-webkit-animation-name: zoomOut;
	animation-name: zoomOut
}
#accordion .panel-title i.glyphicon {
	font-size: 200%;
	-moz-transition: -moz-transform 0.5s ease-in-out;
	-o-transition: -o-transform 0.5s ease-in-out;
	-webkit-transition: -webkit-transform 0.5s ease-in-out;
	transition: transform 0.5s ease-in-out;
	left: 0;
	position: absolute;
	top: -4px;
}
.rotate-icon {
	-webkit-transform: rotate(-225deg);
	-moz-transform: rotate(-225deg);
	transform: rotate(-225deg);
}
.panel {
	border: 0px;
	border-bottom: 1px solid #fff;
	background: #fff;
}
.panel-title > .small, .panel-title > .small > a, .panel-title > a, .panel-title > small, .panel-title > small > a {
	color: inherit;
	display: block;
	outline: none;
	text-decoration: none;
	padding-left: 40px;
	position: relative;
}
#myTab-accordion .panel-title > .small, .panel-title > .small > a, #myTab-accordion .panel-title > a, .panel-title > small, #myTab-accordion .panel-title > small > a {
	padding-left: 10px;
}
#myTab3-accordion .panel-title > .small, .panel-title > .small > a, #myTab3-accordion .panel-title > a, .panel-title > small, #myTab3-accordion .panel-title > small > a {
	padding-left: 10px;
}
.panel-title {
	color: inherit;
	font-size: 20px;
	font-weight: 400;
	line-height: 1.3;
	margin-bottom: 0;
	margin-top: 0;
}
.panel-group .panel+.panel {
	margin-top: 8px;
}
.panel-group .panel {
	border-radius: 4px;
}
.panel-heading {
	border-radius: 4px;
	color: #231f20;
	padding: 25px 15px;
}
.panel-body {
	padding: 30px 40px;
	background-color: #e86a21;
	color: #fff;
	position: relative;
	overflow: hidden;
}
img.panel-bg {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	opacity: 0.3;
	z-index: -1;
}
.panel-custom>.panel-heading {
	background-color: #fff;
	box-shadow: 0 0 4px #cccccc;
}
.panel-group .panel:last-child {
	border-bottom: none;
}
panel-collapse .collapse.in {
	border-bottom: 0;
}
.panel-group .panel-heading + .panel-collapse > .list-group, .panel-group .panel-heading + .panel-collapse > .panel-body {
	border-top: medium none;
	color: #fff;
	padding: 8%;/* min-height:450px; */
}
/*Accordion end*/

/* Section7*/

.section7 {
	background: #fff;
	height: auto;
	min-height: auto;
	color: #231f20;
}
.section7 ul li {
	line-height: 1.4;
	margin-bottom: 10px;
}
.size25-section7 {
	font-size: 25px;
}
h2.head-section7 {
	font-size: 55px;
}
h2 span.first-line-section7 {
	font-size: 65px;
	font-weight: bold;
	line-height: 75px;
}
.margintop-section7 {
	margin-top: 25px;
}
.number-section7 {
	font-size: 50px;
	color: #ff6600;
}
.size18-section7 {
	font-size: 18px;
}
.margintop-section7 {
	margin-top: 34px;
}
/* Video Part */
.overlay {
	position: absolute;
	z-index: 9999;
	margin: 150px 0;
}
/* Section8 */
.section8 {
	background: #eeeeee url("/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/bg3.jpg");
	color: #231f20;
}
.section8 .nav-tabs > li {
	padding-right: 30px;
}
.section8 .tab-content > .active {
	background: #fff;
	color: #231f20;
	display: block;
	font-family: myriad-pro;
	font-weight: 200;
	padding: 1.5em;
	border: 1px solid rgba(230, 230, 230,1);
}
.section8 .tab-pane ol, .section8 .tab-pane ul {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 0;
	list-style: none;
}
.section8 .tab-pane li {
	padding: 0 15px 0 25px;
	position: relative;
	font-size: 25px;
}
.section8 .tab-pane li:before {
	content: "\203A";
	display: block;
	left: 0;
	top: 0;
	position: absolute;
	font-weight: 200;
	color: #E86A21;
	line-height: 0.6;
	font-size: 180%;
}
/* Section9 */
.section9 {
	background: #fff;
	height: auto;
	min-height: auto;
	color: #231f20;
}
.head-section9 {
	font-size: 32px;
	font-weight: normal;
}
ul.learn-more {
	padding-left: 5px;
}
ul.learn-more li {
	list-style-type: none;
	text-transform: uppercase;
	line-height: 35px;
	font-size: 20px;
	background: url(/content/dam/infosys-web/en/engineering-services/service-offerings/internet-of-things/Images/arrow.png);
	background-repeat: no-repeat;
	background-position: 0 7px;
	padding-left: 50px;
}
.margintop {
	margin-top: 50px;
}
/* Section sitemap */

.sitemap ul ul {
	list-style: none;
	margin-bottom: 10px;
	margin-top: 0;
	padding-left: 40px;
}
.sitemap ul ul li:before {
	content: "\203A";
	display: block;
	left: 0;
	top: 3px;
	position: absolute;
	font-weight: 200;
	color: #999;
	line-height: 0.6;
	font-size: 150%;
}
.sitemap ul ul li {
	font-size: 17px;
	padding: 0 15px 0 25px;
	position: relative;
}
/* section10 */
.section10 {
	background: #eee;
	font-size: 14px;
}
.breadcrumb {
	background: none!important;
	margin-bottom: 0!important;
	margin-top: 41px;
}
.breadcrumb > li + li::before {
	color: #333333!important;
	content: "| ";
	padding: 0 5px;
}
.breadcrumb > li > a {
	color: #333333!important;
}
.footer-social {
	margin: 0 0 15px 0px;
	padding: 0px;
}
.footer-social li {
	display: inline;
	margin: 0;
	padding: 0 10px;
}
.footer-para {
	padding-left: 10px;
}
/* Common CSS */
.block {
	display: block;
}
.fixed-ht {
	width: 100%;
	min-height: 900px;
}
.contact {
	background: rgba(210, 210, 210, 1.0);
	color: #000;
	font-size: 12px;
	height: 40px;
	line-height: 23px;
	padding: 10px;
	position: fixed;
	right: 0;
	text-transform: uppercase;
	top: 80vh;
	transform: translate(0px, 0px) rotate(0deg) skew(0deg, -10deg) scale(1, 1);
	width: 100px;
	z-index: 999;
}
.contact::before {
	background: rgba(210, 210, 210, 0.6);
	content: "";
	height: 40px;
	padding: 10px 20px;
	position: absolute;
	right: -20px;
	top: 19px;
	transform: translate(0px, 0px) rotate(0deg) skew(0deg, 18deg) scale(1, 1);
	width: 120px;
	z-index: -1;
}
.navbar-brand {
	padding: 15px 15px 15px 0px!important;
}

@media screen and (max-width: 1024px) {
	.slide6 {
	background: rgba(0, 0, 0, 0) url("/content/dam/infosys-web/en/global-resource/responsive/digital-outlook-lead-tab.jpg") no-repeat scroll center center / cover;
}
.section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10 {
	background-attachment: scroll!important;
	height: auto !important;
}
	.block{display: inline;}
.section1 {
	height: 600px!important;
}
.auto-height {
	height: auto !important;
}
.scale-image {
	overflow: hidden;
}
.scale-image:hover .image {
	-o-transform: scale(1.2); /* Opera */
	-webkit-transform: scale(1.2);
	-ms-transform: scale(1.2); /* IE 9 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand')"; /* IE8 */
 filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.2, M12=0, M21=0, M22=1.2, SizingMethod='auto expand'); /* IE6 and 7 */
	transform: scale(1.2);
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
}
.image {
	-webkit-transition: all 0.5s ease 0s;
	transition: all 0.5s ease 0s;
	height: 550px;
}
figure.effect-sadie h2 {
	position: absolute;
	top: 80%;
	left: 0;
	width: 100%;
	color: #fff;
	font-size: 30px;
	-webkit-transition: -webkit-transform 0.35s, color 0.35s;
	transition: transform 0.35s, color 0.35s;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}
figure.effect-sadie figcaption::before, figure.effect-sadie p {
	-webkit-transition: opacity 0.35s, -webkit-transform 0.35s;
	transition: opacity 0.35s, transform 0.35s;
}
figure.effect-sadie p {
	position: absolute;
	/*bottom: 30px;*/
	top: 180px;
	left: 0;
	padding: 0 15px;
	width: 100%;
	opacity: 0;
	-webkit-transform: translate3d(0, 10px, 0);
	transform: translate3d(0, 10px, 0);
	font-size: 16px;
	line-height: 1.4em;
	text-transform: none;
}
p.atp-content {
	bottom: 68px;
}
figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: translate3d(0, -350%, 0) translate3d(0, -40px, 0);
	transform: translate3d(0px, -350%, 0px) translate3d(0px, -40px, 0px);
}
figure.effect-sadie:hover figcaption::before, figure.effect-sadie:hover p {
	opacity: 1;
	-webkit-transform: translate3d(0, 0, 0);
	transform: translate3d(0, 0, 0);
}
.inline-list {
	margin-left: 10px;
}
.list-inline > li {
	top: 15px;
}
.size-md-40 {
	font-size: 30px!important;
}
.size-md-75 {
	font-size: 40px!important;
}
.size-md-58 {
	font-size: 40px!important;
}
.marginbottom-md-30 {
	margin-bottom: 20px!important;
}
h2.head-section3 {
	font-size: 40px;
}
h4.head-section3 {
	font-size: 22px;
}
}

@media screen and (max-width: 991px) {
.section5 .col-sm-5.col-xs-12 {
	height: 470px;
}
}

@media screen and (max-width: 768px) {
.bdr [class^="col-"] {
	width: 33.333%;
}
/* .topnew { */
    /* top: 65% !important; */
/* } */
/* .top { */
    /* top: 48% !important; */
/* }	 */

.top1 {
	top: 50% !important;
}
.section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10 {
	height: auto !important;
}
/* section 1 */
h1.firstline-section1 {
	font-size: 109px;
	line-height: 90px;
}
.secondline-section1, .thirdline-section1, .fourthline-section1 {
	font-size: 65px;
	line-height: 63px;
}
/* section 2 */
.snail {
	right: 215px;
	top: 140px;
}
/* section 3 */
.section3 .nav-tabs > li > a {
	font-size: 1.3em;
}
.section3 .nav-tabs > li > a:after {
	line-height: 0.6;
}
.relative {
	height: 330px;
}
/*h2.head-section3 {
	font-size: 66px;
}*/
/* Section 4*/
.margintop-xs-mobile {
	margin-top: 30px!important;
}
.breadcrumb {
	margin-top: 0;
}
/*.list-inline >li {
	top:15px;

}*/
.section8 .nav-tabs > li {
	padding-right: 25px;
}
.section3 .tab-content > .active {
	font-size: 18px;
}
.margintop-sm-80 {
	margin-top: 80px;
}
h3.head-section3 {
	font-size: 28px;
}
}

@media screen and (max-width: 767px) {
.close {
    height: 40px;
    width: 40px;
}
.navbar-header::after {
	clear: none;
}
.navbar h4 {
	font-size: 15px;
}
.navbar-brand > img {
	width: 90px;
}
.bdr [class^="col-"] {
	width: 50%;
}
.white-box {
	width: 100%;
	background: #ffffff;
	border-right: none;
	border-bottom: 1px solid #cccccc;
	height: 160px;
	padding: 10px;
	position: relative;
	text-align: center;
}
.white-box.right-arrow::before {
	border-left: 30px solid rgba(0, 0, 0, 0);
	border-top: 15px solid #ffffff;
	border-right: 30px solid rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	left: 40%;
	position: absolute;
	top: 100%;
	width: 0;
	z-index: 1;
}
.white-box.right-arrow::after {
	border-left: 30px solid rgba(0, 0, 0, 0);
	border-top: 15px solid #bcbcbc;
	border-right: 30px solid rgba(0, 0, 0, 0);
	content: "";
	display: block;
	height: 0;
	left: 40%;
	position: absolute;
	top: 100.5%;
	width: 0;
	z-index: 0;
}
.list-inline span {
	display: inline;
}
.list-inline > li {
	border-bottom: 1px solid #cccccc;
	border-right: medium none;
	margin: 0;
	padding: 0;
	position: relative;
	top: 10px;
	width: 100%;
}
.list-inline a {
	display: block;
	padding: 10px 15px;
	text-align: center;
}
/*stop hover effect*/
figure.effect-sadie h2 {
	color: #fff;
	font-size: 30px;
	left: 0;
	position: absolute;
	top: 21%;
	transform: none;
	transition: none;
	width: 100%;
	height: auto;
}
/* .top{top: 22% !important;} */
/* .topnew{top: 17% !important;} */
.height {
	height: auto !important;
}
figure.effect-sadie p {
	font-size: 16px;
	left: 0;
	line-height: 1.4em;
	opacity: 1;
	padding: 0 15px;
	position: absolute;
	text-transform: none;
	top: 180px;
	transform: none;
	width: 100%;
	height: auto;
}
figure.effect-sadie:hover h2 {
	color: #fff;
	-webkit-transform: none;
	transform: none;
}
/*stop hover effect*/
	/*section2 table cell*/
.accordion {
	width: 100%;
	height: auto !important;
	overflow: hidden;
	margin: 0;
}
.accordion ul li {
	display: block;
	vertical-align: bottom;
	position: relative;
	width: 100%;
	height: auto !important;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center center;
	transition: none;
}
.accordion ul:hover li:hover {
	width: 100%;
}
.accordion ul:hover li {
	width: 100%;
}
.accordion ul li .content h2 {
	font-size: 21px;
	text-align: center;
	margin-left: -34px;
	height: auto;
}
.accordion ul li .layer-mask {
	background: rgba(180, 30, 30, 0.6);
	height: 300px;
	width: 100%;
	transition: all 400ms ease;
}
.section1, .section2, .section3, .section4, .section5, .section6, .section7, .section8, .section9, .section10 {
	background-attachment: scroll!important;
}
.size20-section2, .size20-section4, .size18-section3, .size18-section7, .size25-section7, ul.learn-more li {
	font-size: 16px!important;
}
.infy-logo {
	position: absolute;
	top: 15px;
	left: 15px;
	width: 100px;
}
/* section 1*/
.student {
	position: relative;
	top: 0;
}
h1.firstline-section1 {
	font-size: 92px;
	line-height: 90px;
}
.secondline-section1, .thirdline-section1, .fourthline-section1 {
	font-size: 55px;
	line-height: 63px;
}
/* section 2 */
.snail {
	right: 118px;
	top: 148px;
}
/* section 3 */

.section3 .panel-title > .small, .section3 .panel-title > .small > a, .section3 .panel-title > a, .section3 .panel-title > small, .section3 .panel-title > small > a {
	color: inherit;
	display: block;
	text-decoration: none;
}
.section3 .panel-default > .panel-heading {
	background-color: #e86a21;
	border-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	color: #FFFFFF;
	position: relative;
}
.section3 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading.collapsed:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 5px;
	z-index: 1;
	transform: scale(1.5, 1);
	transition: all ease-in .5s;
}
.section3 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 5px;
	z-index: 1;
	transform: scale(1.5, 1) rotate(180deg);
	transition: all ease-in .5s;
}
.section3 .panel-group .panel {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #e86a21;
	border-radius: 0;
	margin-bottom: 0;
}
.section3 .panel-title {
	color: inherit;
	font-size: 20px;
	font-weight: 200;
}
.section3 .panel-default > .panel-heading + .panel-collapse > .panel-body {
	background: #e86a21;
	border-top-color: #fff;
}
/* section 4 */
h2.head-section4 {
	font-size: 55px;
}
.section7 {
	min-height: auto;
}
.breadcrumb > li {
	display: block;
	line-height: 40px;
}
.breadcrumb > li + li::before {
	color: #333333!important;
	content: " ";
	padding: 0px;
}
.breadcrumb > li > a {
	color: #333333!important;
}
.text-xs-center {
	text-align: center;
}
.contact {
	width: 40px;
}
.contact::before {
	top: 14px;
	width: 60px;
}
/*Section 7*/
.section7 .panel-title > .small, .section3 .panel-title > .small > a, .section7 .panel-title > a, .section7 .panel-title > small, .section3 .panel-title > small > a {
	color: inherit;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}
.section7 .panel-default > .panel-heading {
	background-color: rgba(0, 0, 0, 0.2);
	border-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	color: #fff;
	position: relative;
}
.section7 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading.collapsed:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 13px;
	z-index: 1;
	transform: scale(1.5, 1);
	transition: all ease-in .5s;
}
.section7 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 13px;
	z-index: 1;
	transform: scale(1.5, 1) rotate(180deg);
	transition: all ease-in .5s;
}
.section7 .panel-group .panel {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #e86a21;
	border-radius: 0;
	margin-bottom: 0;
}
.section7 .panel-title {
	color: inherit;
	font-size: 20px;
	font-weight: 200;
}
.section7 .panel-default > .panel-heading + .panel-collapse > .panel-body {
	/*background: #e86a21;*/
	border-top-color: #fff;
}
/* section 8 */


.section8 .panel-title > .small, .section8 .panel-title > .small > a, .section8 .panel-title > a, .section8 .panel-title > small, .section8 .panel-title > small > a {
	color: inherit;
	display: block;
	text-decoration: none;
}
.section8 .panel-default > .panel-heading {
	background-color: #e86a21;
	border-color: rgba(0, 0, 0, 0);
	border-radius: 0;
	color: #FFFFFF;
	position: relative;
}
.section8 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading.collapsed:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 5px;
	z-index: 1;
	transform: scale(1.5, 1);
	transition: all ease-in .5s;
}
.section8 .panel-default > .panel-heading > .panel-title > .js-tabcollapse-panel-heading:after {
	content: '\25bc';
	display: block;
	color: #fff;
	position: absolute;
	font-size: 20px;
	line-height: 0.8;
	right: 15px;
	top: 5px;
	z-index: 1;
	transform: scale(1.5, 1) rotate(180deg);
	transition: all ease-in .5s;
}
.section8 .panel-group .panel {
	background: rgba(0, 0, 0, 0);
	border: 1px solid #e86a21;
	border-radius: 0;
	margin-bottom: 0;
}
.section8 .panel-title {
	color: inherit;
	font-size: 20px;
	font-weight: 200;
}
.section8 .panel-default > .panel-heading + .panel-collapse > .panel-body {
	background: #e86a21;
	border-top-color: #fff;
}
.section8 .panel-body > .active {
	background: #e86a21;
	color: #fff;
	display: block;
	font-family: myriad-pro;
	font-weight: 200;
	padding: 1.5em;
	border: 1px solid rgba(230, 230, 230,1);
}
.section8 .panel-body ol, .section8 .panel-body ul {
	margin-bottom: 10px;
	margin-top: 0px;
	padding-left: 0;
	list-style: none;
}
.section8 .panel-body li {
	padding: 0 15px 0 25px;
	position: relative;
	font-size: 17px;
	color: #FFF;
}
.section8 .panel-body li a {
	color: #FFF;
}
.section8 .panel-default .panel-body ul li:before {
	content: "\203A";
	display: block;
	left: 0;
	top: 3px;
	position: absolute;
	font-weight: 200;
	color: #FFF;
	line-height: 0.6;
	font-size: 150%;
}
/* section8 */

.section9 .row .row {
	margin-left: -5px;
	margin-right: -5px;
}
.section9 .col-xs-3 {
	padding-left: 5px;
	padding-right: 5px;
}
.overlay nav {
	height: 70%;
	font-size: 30px;
}
.button_container {
	right: 10px;
}
.marginright-xs-10 {
	margin-right: 10px;
}
h3.head-section3 {
	font-size: 22px;
}
h4.head-section3 {
	font-size: 20px!important;
	line-height: 1.2;
}
.bdr [class^="col-"] a .icon, .white-box .icon {
	height: 50px;
	width: 50px;
}
.bdr [class^="col-"] {
	height: 190px;
	min-width: 165px;
}
.bdr [class^="col-"] a {
	padding: 40px 10px 0;
}
.section5 .col-sm-5.col-xs-12 {
	height: auto;
	padding: 30px 20px;
}
#myTab-accordion a .hoverbox {
	background: none;
	color: #ffffff;
}
a .hoverbox {
	background: none;
	color: #231f20;
}
.margintop-xs-80 {
	margin-top: 80px;
}
#IoTServices ul {
	padding-left: 40px;
}
.h3, h3 {
	font-size: 20px;
}
}

@media screen and (max-width: 480px) {
/* section 1*/
figure.effect-sadie h2 {
	margin-top: -37px;
}
.student {
	left: 0;
}
h1.firstline-section1 {
	font-size: 93px;
}
/* section 2 */
.snail {
	right: 65px;
	top: 142px;
}
h2.head-section2 {
	font-size: 45px;
}
/* section 3 */
h2.head-section3 {
	font-size: 35px;
}
h3.head-section3 {
	font-size: 25px;
}
h4.head-section3 {
	font-size: 20px;
}
/* section 4 */
h2.head-section4 {
	font-size: 30px;
}
.overlay nav {
	top: 40%
}
}

@media screen and (max-width: 360px) {
.size20-section2, .size20-section4, .size18-section3, .size18-section7, .size25-section7, ul.learn-more li {
	font-size: 16px!important;
}
/* section 1*/


h1.firstline-section1 {
	font-size: 86px;
}
.secondline-section1, .thirdline-section1, .fourthline-section1 {
	font-size: 51px;
}
/* section 2 */
.snail {
	right: 16px;
	top: 96px;
}
h2.head-section2 {
	font-size: 35px;
	line-height: 40px;
}
/* section 3 */
.height-auto {
	height: auto;
}
h2.head-section3 {
	font-size: 28px;
}
h4.head-section3 {
	font-size: 30px;
}
/* section 4 */
h2.head-section4 {
	font-size: 34px;
}
/*section*/

figure.effect-sadie h2 {
	font-size: 22px;
}
figure.effect-sadie p {
	font-size: 14px;
	top: 149px;
}
.overlay nav {
	top: 50%
}
}

@media screen and (max-width: 320px) {
/* section 1*/
figure.effect-sadie h2 {
	font-size: 20px;
	margin-top: -40px;
}
h1.firstline-section1 {
	font-size: 74px;
	line-height: 65px;
}
.secondline-section1, .thirdline-section1, .fourthline-section1 {
	font-size: 44px;
	line-height: 47px;
}
/* section 2 */
.snail {
	right: 64px;
	top: 77px;
	width: 80px;
}
h2.head-section2 {
	font-size: 25px;
	line-height: 27px;
}
/* section 3 */
h2.head-section3 {
	font-size: 25px;
}
h3.head-section3 {
	font-size: 22px;
}
h4.head-section3 {
	font-size: 21px;
}
/* section 4 */
h2.head-section4 {
	font-size: 30px;
}
.heading-section6 {
	font-size: 20px;
}
.overlay nav {
	top: 50%
}
.bdr [class^="col-"] {
	height: 210px;
	min-width: 145px;
}
}