@charset "utf-8";
/* CSS Document */
body{
	padding:0;
	margin:0;
	min-width:1000px;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
body a{
	text-decoration:none;
}
#body-wrapper{
	background:#3a3a3a;
}
#header{
	height:60px;
	border-bottom:3px solid #606060;
}
.header-content{
	width:960px;
	margin:0 auto;
}
a{
	text-decoration:none;
	color:inherit;
}
.logo{
	width:285px;
	height:60px;
	background:url(images/logo.png) no-repeat left center;
	float:left;
}
.nav{
	float:right;
	height:60px;
}
.nav ul{
	padding:0;
	list-style:none;
	vertical-align:middle;
	margin:10px 0 0 0;
	padding:0;
}
.nav ul li{
	display:inline-block;
	color:#aeaeae;
	position:relative;
	margin-bottom:-6px;
}
.nav a{
	display:inline-block;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	transition:all 0.3s linear;
	padding:15px 10px;
	border-bottom:3px solid transparent;
	
}
.nav li:hover,
.nav li.active{
	color:#FFF;
	border-bottom:3px solid #e94a4a;
}
#banner{
	height:480px;
	position:relative;
	width:100%;
	overflow:hidden;
}
.slides{
	background:url(images/banner.jpg) no-repeat;
	background-position:center top;
	height:100%;
	opacity:0;
	position:absolute;
	width:100%;
}
.slides:first-child{
	opacity:1;
}
.slides img{
	position:absolute;
	visibility:hidden;
	opacity:0;
}

#banner1{
	height:265px;
	background:url(images/banner.jpg) no-repeat;
	background-position:center top;
	position:relative;
}
#container{
	width:960px;
	margin:20px auto 0 auto;
	position:relative;
}
.content{
	background:#2f2f2f;
	border-bottom:3px solid #c73335;
}
.content h1{
	position:relative;
}
.content h1:before{
	background:url(images/h-before.jpg) no-repeat left center;
	width:12px;
	height:38px;
	content:"";
	position:absolute;
	top:5px;
	left:-20px;
}
.main-txt{
	padding:20px 20px 0 20px;
	position:relative;
	color:#fff;
	font-family:Tahoma, Geneva, sans-serif;
}
.main-txt h1{
	font-size:36px;
	color:#FFF;
	margin-top:5px;
}
.main-p1{
	width:500px;
	text-align:justify;
}
.main-p2{
	width:730px;
}
.main-txt p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#cccccc;
	text-align:justify;
	line-height:24px;
}
.round-cntnr{
	width:490px;
	height:390px;
	position:absolute;
	top:-105px;
	right:-45px;
	z-index:20;
}

.round1{
	width:203px;
	height:200px;
	background:url(images/rnd11.png) no-repeat;
	float:left;
	position:relative;
	top:30px;
	border-radius:50%;
}
.round1:before{
	background:url(images/r1-hover1.png) no-repeat;
	width:0;
	height:0;
}
.round1:hover{
	background:url(images/r1-hover1.png) no-repeat;
}
.round2{
	width:175px;
	height:172px;
	background:url(images/round5.png) no-repeat;
	float:left;
	position:relative;
	top:0;
	left:-15px;
	border-radius:50%;
}
.round2:after{
	background:url(images/r2-hover.png) no-repeat;
	width:0;
	height:0;
}
.round2:hover{
	background:url(images/r2-hover.png) no-repeat;
}
.round3{
	width:155px;
	height:143px;
	background:url(images/r3.png) no-repeat;
	float:right;
	position: relative;
	top: -60px;
	right: 30px;
	border-radius:50%;
}
.round3:after{
	background:url(images/r3-hover1.png) no-repeat;
	width:0;
	height:0;
}
.round3:hover{
	background:url(images/r3-hover1.png) no-repeat;
}
.round4{
	width:142px;
	height:140px;
	background:url(images/round4.png) no-repeat;
	float:right;
	position: relative;
	right: 28px;
	top: -53px;
	border-radius:50%;
}
.round4:after{
	background:url(images/r4-hover.png) no-repeat;
	height:0;
	width:0;
}
.round4:hover{
	background:url(images/r4-hover.png) no-repeat;
}
.round5{
	width:99px;
	height:97px;
	background:url(images/round3.png) no-repeat;
	position:relative;
	top:70px;
	right:-180px;
	float:right;
	border-radius:50%;
}
.round5:after{
	background:url(images/r5-hover.png) no-repeat;
	width:0;
	height:0;
}
.round5:hover{
	background:url(images/r5-hover.png) no-repeat;
}
.round1,
.round2,
.round3,
.round4,
.round5{
	transition:all ease-in-out 0.3s;
	-webkit-transition:all ease-in-out 0.3s;
	-moz-transition:all ease-in-out 0.3s;
	-o-transition:all ease-in-out 0.3s;
}
.round6{
	width:25px;
	height:25px;
	border-radius:50%;
	background:#4a4a4a;
	position:absolute;
	bottom:120px;
	left:110px;
}
.round7{
	width:25px;
	height:25px;
	border-radius:50%;
	background:#4a4a4a;
	position:absolute;
	right:60px;;
	bottom:90px;
}
.round-cntnr P{
	margin:0;
	text-align:center;
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	color:#FFF;
}
.round1 p{
	top:110px;
	right:4px;
	font-size:15px;
}
.round2 p{
	font-size:14px;
	top:105px;
}
.round3 p{
	font-size:14px;
	top:65px;
	right:10px;
}
.round4 p{
	top:55px;
	font-size:14px;
}
.round5 p{
	top:35px;
	font-size:14px;
}
.rdmore1{
	margin:0;
	width:730px;
	text-align:right !important;
}
.round-arrow{
	width:142px;
	height:140px;
	background:url(images/round-arrow.png) no-repeat;
	background-position:center;
	position:absolute;
	bottom:0;
	transition:all 0.3s linear;
}
.round4:hover .round-arrow{
	transform:rotate(-30deg);
	-ms-transform:rotate(-30deg); /* IE 9 */
	-webkit-transform:rotate(-30deg); /* Safari and Chrome */
}
.rdmore1 a{
	color:#cccccc;
}
.rdmore1 a:hover{
	color:#FFF;
}
.b-cont2{
	position:relative;
	bottom:-20px;
}
.cont2-opacity{
	width:100%;
	height:100%;
	position:absolute;
	background:#292929;
	border-radius:10px;
}
.img-cont{
	height:315px;
	width:990px;
	background:url(images/img-bg1.png);
	position:relative;
	top:15px;
	right:15px;
	display:block;
}
.imgs-cont{
	width:256px;
	float:left;
	margin:20px 35px 0 36px;;
}
.img1,
.img2,
.img3{
	width:256px;
	height:163px;
	position:relative;
}
.img1{
	background:url(images/img1.jpg) no-repeat;
}
.img2{
	background:url(images/img2.jpg) no-repeat;
}
.img3{
	background:url(images/img3.jpg) no-repeat;
}
.img-btm{
	height:35px;
	width:99.999%;
	background:#000;
	opacity:0.7;
	position:absolute;
	bottom:0;
	border-bottom-left-radius:8px;
	border-bottom-right-radius:8px;
	padding:0;
	transition: all 0.3s ease-in-out;
}
.imgs-cont:hover .img-btm{
	background:#6d0c0d;
}
.imgs-cont p{
	width:100%;
	margin:0;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:17px;
	font-weight:300;
	color:#FFF;
	position:absolute;
	bottom:7px;
}
.img-list{
	position:relative;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	line-height:24px;
	color:#FFF;
}
.img-list ul{
	padding:0 0 0 15px;
}

.btm-left{
	width:15px;
	height:12px;
	background:url(images/btm-left.png) no-repeat;
	position:absolute;
	bottom:-12px;
	left:0;
}
.btm-right{
	width:15px;
	height:12px;
	background:url(images/btm-right.png) no-repeat;
	position:absolute;
	right:0;
	bottom:-12px;
}
.plus1{
	width:36px;
	height:36px;
	background:url(images/plus1.jpg) no-repeat;
	position:relative;
	left:120px;
	bottom:-15px;
	transition:all 0.3s ease-in-out;
	z-index:15;
}
.plus1:hover{
	background:url(images/plus1-hover.jpg) no-repeat;
}
.plus1 a{
	display:block;
	width:35px;
	height:28px;
}
.cont2-txt{
	padding:20px;
	position:relative;
	z-index:5;
}
.cont2-left{
	width:585px;
	display:inline-block;
	color:#e1e1e1;
}
.cont2-left h2{
	font-size:34px;
	font-family: 'PT Sans', sans-serif;
	font-weight:300;
	margin-bottom:15px;
}
.cont2-left p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	line-height:24px;
	color:#bfbfbf;
}
.cont2-right{
	width:300px;
	float:right;
	margin-top:20px;
}
.hd-img{
	background:url(images/testi-img.png) no-repeat;
	width:80px;
	height:80px;
	float:left;
}
.hd-txt1{
	width:250px;
	height:35px;
	background:#464646;
	float:right;
	margin:20px 0 0 -30px;
}
.hd-txt1 p{
	font-size:20px;
	text-align:center;
	font-family:Tahoma, Geneva, sans-serif;
	margin:0;
	margin-top:5px;
	color:#FFF;
}
.hd-txt2 p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	margin:0;
	color:#FFF;
	position:relative;
	top:10px;
}
.cont2-right-head{
	border-bottom:1px solid #393939;
	padding-bottom:15px;
}
.cont2-right-body{
}
.cont2-body-txt{
	border-top:1px solid #1c1c1c;
}
.cont2-right-body p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:justify;
	color:#b0b0b0;
	line-height:21px;
	margin-top:20px;
}
.rdmore2{
	margin:0;
	width:90px;
	height:25px;
	float:right;
	border-radius:20px;
	background:#6f9414;
	text-align:center;
	transition:all .2s ease-in-out;
	-moz-transition:all .2s ease-in-out;
	-webkit-transition:all .2s ease-in-out;
}
.rdmore2:hover{
	background:#87ac2b;
}
.rdmore2 a{
	color:#FFF;
	font-family: 'Source Sans Pro', sans-serif;
	font-size:12px;
	line-height:23px;
}

.clear{
	clear:both;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.cont2-left-links{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
.cont2-left-links ul{
	padding:0 10px;
	float:left;
}
.cont2-left-links ul li{
	padding:5px 10px 5px 10px;
	margin:0 10px 0 10px;
	list-style-image:url(images/list-arr2.png); 
	line-height:24px;
}
.cont2-left-links ul li:hover{
	list-style-image:url(images/list-arr2-hover.png);
	color:#e64042 !important;
}
#footer{
	background:url(images/footer-bg1.jpg);
	padding-top:10px;
}
#f-container{
	width:960px;
	margin:0 auto;
}
.f-head{
	height:40px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	color:#ce4141;
	border-bottom:1px solid #4e4e4e;
}
.walk-head{
	width:340px;
	text-align:right;
	float:left;
}
.f-head p{
	margin:0;
}
.contact-head p,
.office-head p,
.walk-head p{
	position:relative;
	top:10px;
}
.office-head{
	width:230px;
	text-align:right;
	float:left
}
.contact-head{
	width:230px;
	text-align:right;
	float:left;
}
.f-body{
	width:960px;
	border-top:1px solid #323232;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	display:inline-block;
}
.social{
	width:200px;
	margin:35px 0 0 20px;
	display:inline-block;
	float:left;
}
.social p{
	color:#FFF;
	font-size:14px;
}
.fb{
	background:url(images/fb.png) no-repeat;
}
.in,
.twitter,
.fb{
	float:left;
	width:37px;
	height:38px;
	margin-right:10px;
}
.in{
	background:url(images/in.png) no-repeat;
}
.twitter{
	background:url(images/twitter.png) no-repeat;
}
.walk-body{
	width:240px;
	display:inline-block;
	float:left;
}
.walk-body ul{
	float:left;
	padding-left:28px;
	margin-top:5px;
}
.walk-body ul li{
	list-style-image:url(images/f-list.png);
	line-height:30px;
	position:relative;
	z-index:10;
}
.walk-body a{	
	color:#c6c6c6;
}
.walk-body a:hover{
	color:#FFF;
}
.office-body{
	width:240px;
	float:left;
	line-height:30px;
	margin:5px 0 0 12px;
}
.office-body p{
	margin:0;
	color:#c6c6c6;
}
.contact-body{
	width:210px;
	float:left;
}
.contact-body p{
	text-align:right;
	color:#c6c6c6;
}
.phone{
	margin-right:12px;
}
.mail{
	margin-right:1px;
}
.mech-wheel{
	width:348px;
	height:290px;
	position:absolute;
	bottom:-80px;
	left:-60px;
	background:url(images/mech-wheels.png) no-repeat;
	z-index:2;
}
#f-bottom{
	height:40px;
	background:#292929;
}
.f-btm-cnt{
	width:920px;
	padding:10px 20px 10px 20px;
	margin:0 auto;
	font-size:12px;
	font-family: 'Source Sans Pro', sans-serif;
	color:#848484;
}
.copyright{
	float:left;
}
.copyright p{
	margin:0;
}
.design{
	float:right;
}
.design a{
	color:#848484;
}
.design p{
	margin:0;
}
.banner-txt{
	width:960px;
	position:relative;
	margin:0 auto;
}
.banner-txt p{
	position:absolute;
}
.banner-txt1{
	width:960px;
	margin:0 auto;
	position:relative;
}
.banner-txt1 p{
	width:565px;
	position:absolute;
	font-size:34px;
	color:#fff;
	line-height:50px;
}
.banner-txt1 p{
	margin:0;
}
.banner-txt p{
	font-size:46px;
	margin:0;
	color:#FFF;
}
.about-text{
	background:url(images/about-image.png) no-repeat right bottom;
	min-height:584px;
	padding-right:200px;
	margin-bottom:-12px;
}
.about-text p{
	font-family:Tahoma, Geneva, sans-serif;
}
.text-color{
	color:#e94a4a;
	font-weight:bold;
}
#product-menu{
	float:left;
}
#products{
	float:left;
	margin-left:20px;
	width:670px;
}
ul.product-menu{
	margin:0;
	padding:0;
	color:#f5e8e8;
	font-size:14px;
}
ul.product-menu li,
.heading{
	background:#666666;
	list-style:none;
	position:relative;
	margin:8px 0;
}
ul.product-menu li a{
	display:inline-block;
	padding:8px 20px;
}
ul.product-menu li a h3{
	margin:0;
	font-weight:normal;
	font-size:14px;
}
ul.product-menu li:hover,
ul.product-menu li.active{
	background:#cd3436;
}
ul.product-menu li:hover:after,
ul.product-menu li.active:after{
	position:absolute;
	border-width:8px 0 8px 8px;
	border-style:solid;
	border-color: transparent #cd3436;
	content:"";
	right:-8px;
	top:30%;
}
.product-container{
	margin:20px 0;
	color:#cccccc;
	border-bottom: 1px solid #cd3436;
}
.product-list{
	display:none;
}
.product-list.active{
	display:block;
}
.product-image{
	float:left;
	padding:0 15px 10px 0;
}
.product-title{
	background:#666666;
	float:left;
	width:390px;
	margin-bottom:25px;
	position:relative;
}
.product-title:after{
	position:absolute;
	border-width:12px 12px 0 0;
	border-style:solid;
	border-color:#666666 transparent;
	bottom:-12px;
	content:"";
	left:0;
}
.product-title h4{
	font-size:14px;
	font-weight:normal;
	margin:0;
	padding:8px 0 8px 20px;
}
ul.circle-list,
ul.arrow-brown{
	font-size:12px;
	margin:0;
	padding:0 0 0 30px;
}
ul.circle-list li,
ul.arrow-brown li{
	padding:5px 0;
}
ul.arrow-brown li{
	list-style:url(images/list-arr2-hover.png);
}
.service-text{
	color:#cccccc;
}
.heading{
	display:inline-block;
	background:#cd3436;
	position:relative;
	padding:8px 20px;
	margin:15px 0;
}
.heading.grey{
	background:#666666;
}
.heading h3{
	font-weight:normal;
	font-size:16px;
	margin:0;
}
.heading:after{
	position:absolute;
	border-width:8px 8px 0 0;
	border-style:solid;
	border-color:#cd3436 transparent;
	bottom:-8px;
	content:"";
	left:0;
}
.heading.grey:after{
	border-color:#666666 transparent;
}
.contact-page{
	color:#fff;
	margin-top:-10px;
	font-family:Tahoma, Geneva, sans-serif;
	position:relative;
	z-index:10;
}
.contact-form{
	width:680px;
	background:#2c2c2c;
	float:left;
	padding:0 20px;
	height:300px;
	font-size:16px;
}
.contact-form table td{
	padding:5px 30px 5px 0;
}
.contact-form input{
	width:310px;
	height:40px;
	border:none;
	border-radius:5px;
	padding-left:10px;
}
.contact-form textarea{
	width:310px;
	height:100px;
	border:none;
	border-radius:5px;
	padding:10px;
}
.contact-form button{
	background:#666666;
	border:none;
	color:#fff;
	cursor:pointer;
	font-size:14px;
	height:30px;
	width:120px;
}
.contact-info{
	background:#4a4a4a;
	font-family:Arial, Helvetica, sans-serif;
	font-size:15px;
	float:left;
	width:220px;
	height:300px;
}
.contact-info address{
	font-style:normal;
	margin:40px auto 0 auto;
	line-height:24px;
	padding-left:20px;
	color:#e1e4e2;
}
.about-text ul{
	color:#ccc;
}