@charset "utf-8";
/* CSS Document */
@import url(https://fonts.googleapis.com/css?family=Calibri+Sans);
*{ outline:none; margin:0px; padding:0px; border:none; text-decoration:none}
.clear{ clear:both}
audio,
::selection {
  background: #92c94d;
  color: white;}
*,
*:before,
*:after {
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.img-responsive {
  display: block;
  height: auto;
  max-width: 100%;
}
.img-full{display: block;
  height: auto;
  width: 100%;}

.img-rounded {
  border-radius: 6px;
}

.img-thumbnail {
  display: inline-block;
  height: auto;
  max-width: 100%;
  padding: 4px;
  line-height: 1.428571429;
  background-color: #ffffff;
  border: 1px solid #dddddd;
  border-radius: 4px;
  -webkit-transition: all 0.2s ease-in-out;
   transition: all 0.2s ease-in-out;
}

.img-circle {
  border-radius: 50%;
}
.pre-scrollable {
  max-height: 340px;
  overflow-y: scroll;
}
canvas,
video {
  display: inline-block;}

audio:not([controls]) {
  display: none;
  height: 0;
}

[hidden],
template {
  display: none;
}

html {
  font-family: sans-serif;
  -webkit-text-size-adjust: 100%;
      -ms-text-size-adjust: 100%;
}

body {
  margin: 0;
}

dfn {
  font-style: italic;
}

hr {
  height: 0;
  -moz-box-sizing: content-box;
       box-sizing: content-box;
}
html,body{height:100%;}
main{
	width:100%;
	height:auto;
}
.topwrap{width:100%;	height:81px; padding:0% 5%; border-bottom:1px solid #e5e5e5; overflow:hidden !important }
.logo{	width:auto;	height:auto;	position:absolute;	left:0%;	top:0%;	z-index:2;}
.logo h1{width:70%;	font-family: 'Open Sans', sans-serif;	font-size:1em;	color:#005aab;	font-weight:500;	text-transform:uppercase;}
.logo img{	max-width:100%;	height:auto;	display:block;width:auto !important;}
.callus{width:100%;margin-top:10px; padding-right:20px;text-align:right; float:right;font-family: 'Open Sans', sans-serif;	font-size:.8em;	color:#2f8ac3;	font-weight:500;}
.menu_wrapper {
    width:84%;
    height: auto;
    /* padding: 0% 5% 0% 5%; */
    float: right;
    margin-top:8px; 
	position:absolute; top:5%; right:0%;
	border:0;
    border-top-left-radius:0em;
	background: blue; /* For browsers that do not support gradients */
    background: -webkit-linear-gradient(#00c0f2, #0c64ce); /* For Safari 5.1 to 6.0 */
    background: -o-linear-gradient(#00c0f2, #0c64ce); /* For Opera 11.1 to 12.0 */
    background: -moz-linear-gradient(#00c0f2, #0c64ce); /* For Firefox 3.6 to 15 */
    background: linear-gradient(#00c0f2, #0c64ce); /* Standard syntax (must be last) */
	box-shadow: 0px 5px 5px #888888;

}
.navigation li a {
    padding: 1em .6em 1em .6em !important;
    color: #FFF;
    display: inline-block;
    outline: 0;
    font-weight: 400;
    font-family: 'Lato', sans-serif;
    text-decoration: none;
    text-transform: uppercase;
}

nav{	width:100%;	height:auto;	padding:0% 0% 0% 0%;	float:right;	}

.banner{width:100%;	height:auto; background:url(../images/banner-bg.jpg) no-repeat; float:left; background-size:cover;   }
.banner-text{width:47%; height:auto; float:left ; padding:200px 0 0 5% ; }
.banner-text h1{ width:60%; line-height:38px;	font-family: 'Lato', sans-serif;	font-size:1em;	color:#1481b1;	font-weight:400; background:#FFF; text-align:center;	text-transform:uppercase;}
.banner-text h2{font-family: 'Lato', sans-serif; line-height:73px;	font-size:3em;	color:#FFF;	font-weight:500;	text-transform:uppercase;}
.banner-text p{ line-height:22px;font-family: 'Calibri', sans-serif; font-style: italic;	font-size:1.1em;	color:#FFF;	font-weight:400;  text-align:left;	}
.home_knowmore{	font-family: 'Lato', sans-serif;	color:#fff;	font-size:.8em;	font-weight:600;		margin-top:4%;}
.home_knowmore a{	width:auto;	height:auto;	color:#FFF;	font-family: 'Lato', sans-serif;	padding: 2%;	border:1px solid #FFF;	}
.home_knowmore a:hover{	width:auto;	height:auto;	background:#36318a;	color:#fff;	font-family: 'Lato', sans-serif;	padding: 2%;	}
.banner-pic{width:702px; height:612px; float: left ; /*background: url(../images/banner-pic-bg.png) no-repeat*/}

.home-abt{width:100%;	height:auto; float:left; padding:5% 20%  }
.home-abt  h1{	font-family: 'Lato', sans-serif;	font-size:2em;	color:#666;	font-weight:600;	text-transform:uppercase; text-align:center}
.home-abt  h2{	font-family: 'Lato', sans-serif;	font-size:1.5em;	color:#666;	font-weight:400;	text-transform: none; text-align:center}
.underline{width:385px; margin:0 auto;	height:30px; border-bottom:1px solid #666;}
.underline h1{width:45px;	height:30px; position:absolute; left:0; right:0;  margin:auto;}
.home-abt  p{ margin-top:30px;	font-family: 'Calibri', sans-serif; font-style: italic;	font-size:1.0em; line-height:30px;	color:#666;	font-weight:400;	text-transform: none; text-align:center}
.iso9001{width:25%;	height:auto; margin:0 auto}
.iso9001z{ float:left}

.home-pro{width:100%;	height:568px;float:left; background:url(../images/home-pro-bg.jpg) 0 0 ; background-size:cover; padding:3% 2% }
.home-pro1{width: 48%;    height: auto;    background: url(../images/ship.png) left top no-repeat;    float: left;    margin:1% 1%;    padding-left:7%;}
.home-pro1 h1{	font-family: 'Lato', sans-serif;	font-size:1.4em;	color:#FFF;	font-weight:600;	text-transform:uppercase; text-align: left}
.home-pro1 p{ font-family: 'Calibri', sans-serif; font-style: italic;	font-size:1em; line-height:24px;	color:#FFF;	font-weight:400;	text-transform: none; text-align: justify}

.enginesscrol{width:100%;	height:305px;float:left;  padding:0% 5% }
.enginesscrol h1{ margin:2% 0%; 	font-family: 'Lato', sans-serif;	font-size:1.4em;	color:#666;	font-weight:550;	text-transform:uppercase; text-align: left}

.enginesscrolthumb{width:23%;	height:auto;float:left;  margin:1% }

.companiescrol{width:100%;	height:183px;float:left; background:#1d2931; padding:3% 5%}
.companiescrolthumb{width:23%;	height:auto;float:left;  margin:1% }

footer{	width:100%;	height:auto; float: left;	background: url(../images/footer-bg.jpg) no-repeat ;	background-size:cover;	padding:2% 0% 0% 0%;	}
.footer_container{	width:90%;	height:auto;	margin:0 auto;	padding-bottom:1%;	}
.quicklnks{	 width:30%; 	 min-height:175px; 	 float:left; 	 background:url(../images/ftsep.png) no-repeat 90% 20%	 }
.quicklnks h3{	font-family: 'Open Sans', sans-serif;	font-size:1em; 	color:#FFF;  	font-weight:600; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%;	text-transform:uppercase; 	}
.quicklnks ul{	margin:0; 	padding:0; 	width:46%; 	float:left;	margin-right:4%;	}
.quicklnks li{	font-family: 'Open Sans', sans-serif;	font-size:.85em; 	color:#777;	font-weight:normal; 	list-style-type:none; 	margin:0% 0% 0% 0%; 	line-height:2em; 	padding:0% 0% 0% 10% ;	background: url(../images/arow.png) no-repeat 0% 50%;
	}
.quicklnks li a{	font-family: 'Lato', sans-serif;	color:#FFF;	font-weight:normal; 	text-decoration:none;
	 }
.quicklnks li a:hover{	font-family: 'lato', sans-serif;      color:#009ce6;	font-weight:normal;	text-decoration:none;  
}
.contact-ftr{	width:33%; 	min-height:222px;	float:left;	background:url(../images/ftsep.png) no-repeat 100% 20%	}
.contact-ftr h3{	font-family: 'Open Sans', sans-serif;	font-size:1em; 	color:#FFF;  	font-weight:600; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%; 	text-transform:uppercase; 	}
.contact-ftr{	width:25%; 	min-height:165px;	float:left;	padding:0% 2% 0% 2%;	}
.ftr-adrs{	width:100%; 	height:auto;	font-family: 'Open Sans', sans-serif;	font-size:.85em; 	color:#FFF;	font-weight:normal; 	line-height:1.8em;  
	}
.ftr-adrs a{	 color:#FFF;	 font-family: 'Open Sans', sans-serif; 	 text-decoration:none;}
.ftr-adrs a:hover{	 color:#009ce6;	 font-family: 'Open Sans', sans-serif;	 text-decoration:none;	}

.ftr{	width:100%;	height:auto;	padding:0% 0%; border-top:1px solid #729394}
.footer-calback{ width:20%; height: auto; float:left; padding-left:0%}
.footer-calback h3{font-family: 'Open Sans', sans-serif;	font-size:1em; 	color:#FFF;  	font-weight:600; 	text-align:left; 	padding:0% 0% 1% 0%;  	margin-bottom: 4%;	text-transform:uppercase; }
.calback-footer{ width:95%; height:auto; margin-bottom:7px;}
.calback-footer-txt{ width:100%; height:38px; border:1px solid rgba(255,255,255,0.2); background-color:rgba(255,255,255,1.2);font-family: 'Open Sans', sans-serif;font-size: 12px; font-weight:300; color:#b3b2b2; padding-left:5px; line-height:30px}
.calback-footer-loc{ width:73%; height:auto; margin-bottom:7px; float:left}
.calback-footer-go{ width:14%; height:30px; float:left; background-color:#19d2c2; line-height:30px; margin-left:1%}
.calback-footer-go img{width:32px; height:30px; display:block; margin:0 auto}
.copyright{ 	width:60%; 	height:auto; 	float:left; 	font-family: 'Open Sans', sans-serif;	font-size:.75em; 	color:#FFF;  	font-weight:normal; 	padding:1% 0% 1% 0%; 	margin-left:5%;	}
.followus{ 	width:25%;	height:auto;	float:left;	padding:5% 0% 0% 5%;}
.followus h6{	font-family: 'Open Sans', sans-serif;	font-size:.85em;	color:#adadad;	float:left;	margin-right:1%;	font-weight:400;	text-transform:uppercase;	padding-top: 6%;}
.followus ul{	margin:0;	padding:0;	}
.followus li{	float:left;	width:auto;	height:auto;	list-style-type:none;	padding:0% .5% 0% .5%;	opacity:1.2;	filter: grayscale(0%);	-webkit-filter: grayscale(0%)}
.followus li:hover{	float:left;	width:auto;	height:auto;	list-style-type:none;	padding:0% .5% 0% .5%;	filter:#009ce6(100%);	-webkit-filter:#009ce6(100%);pacity:1;}
.ftrimg{	width:auto;	height:auto;	float:right;	margin-right:5%;	padding:.3% 0% .3% 0%; 	}
.webdesign-idodesigns{ width:auto;text-align: right;margin-right:5%; }
.webdesign-idodesigns a{ width:auto;font-family:'Open Sans', sans-serif;	font-size:.7em; 	color:#FFF;  	font-weight:normal; line-height:40px;  		}
.webdesign-idodesigns a:hover{ color:#FFF;}
/***********************sub image**************************/

.sub-page-wrap{width:100%; min-height:650px;	height:auto; float:left; padding:5% 5% ; }
.sub-page-bg01{background:url(../images/sub-left-bg.jpg) no-repeat left top  }
.sub-page-bg02{background:url(../images/sub-left-bg2.jpg) no-repeat left top  }
.sub-page-bg03{background:url(../images/gearbox.jpg) no-repeat left top  }
.sub-page-bg04{background:url(../images/sub-left-bg4.jpg) no-repeat left top  }
.sub-page-bg05{background:url(../images/sub-left-bg5.jpg) no-repeat left top  }
.sub-page-bg06{background:url(../images/sub-left-bg6.jpg) no-repeat left top  }
.breadcrumps{ 	width:100%; 	height:auto; 	padding-bottom:1%;	margin:0 auto;}
.breadcrumps_wrapper{	width:20%; 	height:auto; float:left; 		padding:7% 2% 1% 0% ; border-bottom:1px solid rgba(255,255,255,0.5)}
.breadcrumps_wrapper h4{	font-family:'lato', sans-serif;	font-size:1.8em; 	color:#333; 	font-weight:700;	text-align:left;	}
.breadcrumps_wrapper h4 span{	font-family:'Lato', sans-serif;	color:#fff; 	font-weight:400;}
.breadtxt{	width:auto; 	height:auto;font-weight:700; 	font-family:'Lato', sans-serif;	font-size:.85em; 	color:#fff; 	padding:0.7em 0em 0em 0em; text-transform:uppercase;	text-align:left;}
.breadtxt a{font-weight:700;font-family:'Lato', sans-serif;  	color:#333; 	text-decoration:none;}
.breadtxt a:hover{font-weight:700;	font-family:'Lato', sans-serif;	color:#fff; 	text-decoration:underline;	}

.content-wrap{width:80%; height:auto; float:right; padding-left:5% ;}
.content-wrap  h1{ width:auto; float:left;	font-family: 'Lato', sans-serif;	font-size:1.6em;	color:#666;	font-weight:600;	text-transform:uppercase; text-align:left}
.content-wrap  h1 span{	font-family: 'Lato', sans-serif;	font-size:1.1em !important;	color:#666;	font-weight:600;	text-transform: none; text-align:left}
.volvo-logo{ float:left;    margin-top: 1%;}
.content-wrap  h2{ clear:both;font-family: 'Lato', sans-serif;	font-size:1.5em;	color:#666;	font-weight:400;	text-transform: none; text-align:left;border-bottom: 1px solid #e5e5e5;    padding-bottom: 15px;}
.content-wrap  p{ margin-top:30px;	font-family: 'Calibri', sans-serif; font-style: italic;	font-size:1.1em; line-height:30px;	color:#666;	font-weight:400;	text-transform: none; text-align:left}
.fiftyperc{ width:50% !important; float:left}
.content-wrap  ul{ margin:0; padding:0;}
.content-wrap  ul li{ list-style: none; background:url(../images/dot.gif) no-repeat 1px 7px; font-family: 'Calibri', sans-serif; font-style: italic;font-size:1em; line-height:22px;	color:#666;	font-weight:400;	text-transform: none; text-align:left; padding-left:20px}
.liselected{list-style: inside decimal !important; background:none !important; }
.prdct-pic{width:50% !important; /*min-height:400px;*/ height:auto; float:right ;margin-top: -10%; /*background-size:120% 120% !important ; background-position:50% 125% !important*/}
.tata{ background:url(../images/banner-pic1.png) no-repeat; }
.mist{ background:url(../images/banner-pic2.png) no-repeat; }

.table-resp{width:100%; }
table { 
  width: 100%; 
  border-collapse: collapse; 
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  /*background: #eee; */
}
th { font-family: 'Lato',Sans-Serif; line-height:100%;    font-weight: bold !important;    font-size: 16px;   text-align: center !important ;
  background: #eeecec;
  color:#0067ac; 
  font-weight: bold; 
}
td, th { 
    font-family: 'lato', sans-serif; line-height:100%; min-width:80px; text-align:center;    font-weight: normal;    font-size: 14px;  line-height:120%;
  padding:2% 1%; 
  border: 1px solid #ccc; 
  
}
.selecz{ color:#037fb3}

.gearboxpic{width:30% !important; height:auto; margin:1%; float:left !important}
.gearboxpic p span{font-family: 'lato', sans-serif; font-size:0.9em; color:#666; text-transform:none; line-height:25px;}
.gearboxpic p{font-family: 'lato', sans-serif;  font-weight: normal;    font-size: 15px; color:#666; line-height:20px; margin-top:10px;}
.cablepic{width:45%; height:auto; margin:1%; float:left}

.contact-addr{width:32%; min-height:350px; height:auto; padding:3%;  float:left; background:#666666;}
/*.contact-addrpad{margin:3% !important;}*/
.contact-addr h1{font-family: 'lato', sans-serif; font-size:21px; color:#FFF; text-transform:none; line-height:20px;}
.contact-addr p{font-family: 'lato', sans-serif;  font-weight: normal;    font-size: 15px; color:#FFF; line-height:27px; margin-top:10px;}
.contact-addr p span{ font-weight:bold;}
.contact-addr-line{ width:100%; height:2px; margin:25px 0px; border-bottom:1px solid #858585}

.contact_rgt{	width:68%;	height:auto;float:right;	padding: 0% 0% 0% 0%;	}
.contact_rgt h4{	font-family:'Open Sans', sans-serif;	font-size:1.5em; 	color:#aa3c25; 	font-weight:700;	text-align:left;	padding: 0% 0% % 0%;	}
.contact_rgt h4 span{	font-family:'Open Sans', sans-serif;	color:#aa3c25; 	font-weight:400;	text-align:left;	}
.contact_rgt_cont{	width:100%;	height:auto;	background:#fff;	padding:0%;	}
.enqry{	width:50%;	height:auto;	padding:2% 0% 2% 0%;	float:left;	}
.enqry1{	width:100%;	height:auto;	padding:2% 0% 2% 0%;	float:left;	}
.enqry h5{ display:none;	width:40%;	height:auto;	font-family: 'Open Sans', sans-serif;	font-size:.85em;	padding:1%;	color:#949494;	float:left;	font-weight:400;}	
.enqry1 h5{	display:none;width:20%;	height:auto;	font-family: 'Open Sans', sans-serif;	font-size:.85em;	padding:1%;	color:#949494;	float:left;	font-weight:400;}	
.enqry_txtbox{	width:90%;	height:45px;	font-family: 'Open Sans', sans-serif;	font-size:.85em;	padding:2%;	color:#949494;	border:1px solid #eaeaea;	background:#f7f6f6;	float:right;}
.captcha{	width:18%;	height:40px;	padding:0% 2% 0% 0% ;	float:left;}
.captcha img{	width:100%;	height:40px;	display:block;}
.enqry_txtbox1{	width:41%;	height:40px;	font-family: 'Open Sans', sans-serif;	font-size:.85em;	padding:2%;	color:#949494;	border:1px solid #eaeaea;	background:#f7f6f6;}
.enqry_txtbox2{	width:95%;	height:150px;	font-family: 'Open Sans', sans-serif;	font-size:.85em;	padding:2%;	color:#949494;	border:1px solid #eaeaea;	background:#f7f6f6;	float:right;}
.enqrysendbtn{	width:auto;	height:auto;	float:right;}
.enqrysendbtn img{	width:100%;	height:40px;	display:block;}
.locationmap_container{	width:100%;	height:auto;	position:relative;	margin-top:2%;	clear:both;	}


	
	
.banner-text {
    width: 43%; 
    height: auto;
    float: left;
    padding: 200px 0 0 5%;
}
.contact-addr {
    width:40%;
    min-height: 350px;
    height: auto;
    padding:2%;
    float: left;
    background: #666666;
}
.contact_rgt {
    width: 60%;
    height: auto;
    float: right;
    padding: 0% 0% 0% 0%;
}