/*Index*/
.banner-container.tech-rubber{
	background-color:#060e15;
}

.content-row{
	border-top:#76cda4 5px solid;
}
.content-row.blue{
	border-top:#67a0d9 5px solid;
}
.content-row.orange{
	border-top:#ff9758 5px solid;
}
.content-row.red{
	border-top:#ff5c58 5px solid;
}
.content-row.bg{
	background-color:#ececec;
}
.content-row-inner{
	margin-top:-38px;
	padding-bottom:100px;
}
.content-row-inner .h1-outer{
	padding-bottom:0px;
}
.content-row.bg .content-row-inner .h1-outer{
	padding-bottom:20px;
}
.content-row-inner .h1-outer h1{
	position:relative;
	left:0;
	width:100%;
	font-size:22px;
	line-height:26px;
	padding:10px 20px;
	background-color:#fff;
	color:#000;
	text-align:center;
	display:block;
}
.content-row-inner .h1-outer h1 span{
	position:absolute; 
	top:-200px;
}

.img-engineered-prod{
	position:relative;
}


.mdf-list{
	border-bottom:#ccc 1px solid;
}
.mdf-list ul{
	padding:0;
	margin:0 0 0 20px;
}
.mdf-list ul li{
	padding:0;
	margin:0;
}

.apps-box{
	border-top:#67a0d9 5px solid;
	background-color:#f3f3f3;
	margin-top:30px;
	margin-bottom:30px;
	position:relative;
	padding:40px 0 20px 0;
}
.apps-box .apps-title{
	position:absolute;
	top:-30px;
	left:50%;
	margin-left:-95px;
}
.apps-box ul{
	padding:0px 5% 0px 10%;
	font-weight:700;
}
ul.list-tick{
	padding:0;
	margin-top:0;
}
ul.list-tick li{
	padding:5px 80px;
	margin:0;
	list-style:none;
	font-size:18px;
	border-bottom:#ccc 1px dashed;
	background:url(../images/tick_blue.png) 50px 10px no-repeat;
}
ul.list-tick.style2 li{
	padding:5px 35px;
	background:url(../images/tick_blue.png) 10px 10px no-repeat;
}
.eva-info-box{
	background-color:#e6f0fa;
	padding:20px 30px;
}
.eva-info-box.blank{
	background-color:transparent;
}
.eva-info-box.orange{
	background-color:#f8ebe4;
}
.eva-info-box.yellow{
	background-color:#fffeed;
}
.eva-info-box ul{
	padding:0;
	margin:0 0 0 30px;
}
.eva-products{
	background-color:#ececec;
	padding:30px 0 100px 0;
	margin:30px 0;
}
.eva-products h4{
	font-size:18px;
	font-weight:700;
	text-align:center;
}
ul.eva-products-list{
	padding:0;
	margin:0 40px;
}
ul.eva-products-list li{
	padding:15px;
	margin:0;
	list-style:none;
	float:left;
	width:25%;
}
.soles-prod-box{
	float:right;
	padding-left:30px;
}


ol.content-ol-list{
	padding:0;
	margin:0 0 0 0px;
}
ol.content-ol-list li{
	padding:10px 20px 10px 40px;
	margin:0;
	list-style:none;
}
ol.content-ol-list li span{
	margin-left:-20px;
	padding-right:8px;
	font-weight:700;
}
ol.content-ol-list li:nth-child(odd){
	background-color:#f6dfdc;
}

ul.content-ul-list{
	padding:0;
	margin:0 0 0 0px;
}
ul.content-ul-list li{
	padding:10px 20px 10px 40px;
	margin:0;
	list-style:none;
}
ul.content-ul-list li span{
	margin-left:-20px;
	padding-right:8px;
	font-weight:700;
}
ul.content-ul-list li:nth-child(odd){
	background-color:#f6dfdc;
}
ul.content-ul-list.white li:nth-child(odd){
	background-color:#fff;
}

ul.img-list{
	padding:0;
	margin:0;
	text-align:center;
}
ul.img-list li{
	width:33.33%;
	padding:20px;
	margin:0;
	list-style:none;
	float:left;
}
ul.img-list li img{
	margin:0 auto;
}
ul.img-list li p{
	display:block;
	font-size:14px;
	line-height:18px;
	height:40px;
	margin-top:5px;
}
ul.img-list.col4 li{
	width:25%;
}
ul.img-list.col3 li{
	width:33.33%;
}
ul.img-list.col2 li{
	width:50%;
}



.bold{
	font-weight:700;
}



.grow {
    min-height: 310px; /* Origional height */
    width: 20%; /* Origional width */
    margin: 0px 0 0px 0; /* Just for presentation (Not required) */
    float: left; /* Just for presentation (Not required) */
    position: relative; /* Just for presentation (Not required) */
	overflow:hidden;
	border-left:#fff 2px solid;
    -transition-duration:0.5s;
    -webkit-transition-duration:0.5s;
    -moz-transition-duration:0.5s;
	}
	.grow:first-child {
		border-left:none;
	}
	.grow h1 {
		font-size:18px;
		line-height:24px;
		width:140px;
		color:#fff;
		overflow:hidden;
		text-align:left;
		padding:20px;
		transition:ease-in-out 0.5s;
	}
	.grow:hover h1 {
		font-size:24px;
		line-height:28px;
		width:100%;
	}
	.blue-bg {
		position:absolute;
		width:100%;
		height:100%;
		background:rgba(0, 129, 211, 0);
		transition:ease-in-out 0.5s;
	}
	.blue-bg:hover {
		background:rgba(0, 129, 211, 0.4);
	}
	.grow .engineered-content li {
		font-size:14px;
		color:#fff;
	}
	.grow .engineered-content {
		opacity:0;
		max-width:440px;
		transition:ease-in-out 0.5s;
	}
	.grow:hover .engineered-content {
		opacity:1;
	}
	.slide1 {
		background: url(../images/engineer-pix1.jpg) top left no-repeat;
		background-size:cover;
	}
	.slide2 {
		background: url(../images/engineer-pix2.jpg) top left no-repeat;
		background-size:cover;
	}
	.slide3 {
		background: url(../images/engineer-pix3.jpg) top left no-repeat;
		background-size:cover;
	}
	.slide4 {
		background: url(../images/engineer-pix4.jpg) top left no-repeat;
		background-size:cover;
	}
	.slide5 {
		background: url(../images/engineer-pix5.jpg) top left no-repeat;
		background-size:cover;
	}
	
	.expand{
		width: 60%;
	}
	.shrink{
		width: 10%;
	}






@media (max-width:800px){
	ul.eva-products-list{
		margin:0 10px;
	}
	ul.eva-products-list li{
		width:33.33%;
	}
	.apps-box{
		padding:50px 0 30px 0;
	}
	.apps-box ul{
		padding:0px 5% 0px 10%;
	}
	ul.list-tick li{
		padding:5px 10px 5px 35px;
		background:url(../images/tick_blue.png) 10px 10px no-repeat;
	}
	.soles-prod-box{
		float:none;
		padding-left:0px;
	}
	ul.img-list li{
		width:50%;
		padding:10px;
	}
	ul.img-list.col4 li{
		width:50%;
	}
	
}

@media (max-width:640px){
	.expand{
		width: 95%;
	}
	.shrink{
		width: 1%;
	}
}


@media (max-width:500px){
	ul.eva-products-list li{
		padding:5px;
		width:50%;
	}
	ul.img-list li{
		width:100%;
	}
	ul.img-list.col4 li{
		width:100%;
	}
	ul.img-list.col3 li{
		width:100%;
	}
	ul.img-list.col2 li{
		width:100%;
	}
	.eva-info-box{
		padding:20px 10px;
	}
	.grow .engineered-content li {
		font-size:14px;
		line-height:18px;
		color:#fff;
	}
		.grow:hover h1 {
		font-size:20px;
		line-height:24px;
		width:100%;
	}

		.grow .engineered-content {
		opacity:0;
		max-width:280px;
		transition:ease-in-out 0.5s;
	}

}