@charset "utf-8";
/* CSS Document */
@font-face{src:url(../fonts/fonts/OpenSans-Bold.ttf);font-family:OpenSans-Bold;}
@font-face{src:url(../fonts/fonts/OpenSans-Regular.ttf);font-family:OpenSans-Regular;}
@font-face{src:url(../fonts/fonts/OpenSans-Light.ttf);font-family:OpenSans-Light;}
@font-face{src:url(../fonts/fonts/OpenSans-Semibold.ttf);font-family:OpenSans-Semibold;}
@font-face{src:url(../fonts/fonts/OpenSans-Italic.ttf);font-family:OpenSans-Italic;}
@font-face{src:url(../fonts/fonts/OpenSans-LightItalic.ttf);font-family:OpenSans-LightItalic;}
@font-face{src:url(../fonts/fonts/OpenSans-SemiboldItalic.ttf);font-family:OpenSans-SemiboldItalic;}

@font-face {
  font-family:'FontAwesome';
  src: url(../fonts/UbuntuCondensed-Regular.ttf); 
  src:url('../fonts/ionic-fonts/fontawesome-webfont.eot');
  src: url('../fonts/ionic-fonts/fontawesome-webfont.eot') format('embedded-opentype'), url('../fonts/ionic-fonts/fontawesome-webfont.woff') format('woff'), url('../fonts/ionic-fonts/fontawesome-webfont.woff') format('truetype'), url('../fonts/ionic-fonts/fontawesome-webfont.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}



.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}


body {overflow-x:hidden; font-family:"OpenSans-Regular";}
body p {text-align:justify; font-size:14px;}

.img-responsive { margin:0 auto; } 

a:hover,a:focus { text-decoration:none;}

.top {margin:0px; background-color:#03305A;}
.top ul li {list-style-type:none; display:inline-block; padding:4px; float:right; margin:0px;}
.top ul li {font-family:"OpenSans-Regular"; font-size:14px; color:#ffffff;}
.top ul li a {color:#ffffff;}
.top ul li a:hover {color:#FFFF33; -webkit-transition:0.8s;}
	 


body h1, h2, h3 { font-family:"OpenSans-Bold"; text-align:center; font-size:24px; line-height:2em;}
body p { font-family:"OpenSans-Regular"; text-align:justify; font-size:14px; line-height:31px;}

.banner { width:100%; height:auto; margin-top:81px;}
.banner img { width:100%; height:auto;}

.footersec {background-color:#102986; padding-bottom:1em; padding-top:1em;}
.footersec p { text-align:center; font-family:"OpenSans-Regular"; color:#ffffff; font-size:14px; margin-bottom:0px;}
.footersec p a {font-family:"OpenSans-Regular"; color:#ffffff; font-size:14px; }

.precision_section_2 { padding-bottom:2em;}
.precision_section_2 .row { padding-bottom:1em; padding-top:1em;}
.precision_section_2 h2 { text-align: center;}
.precision_section_2 h3 { text-align: center; font-size:18px; line-height:1em; color:#102986;}
.fa-wrench { margin-right:10px; color:#102986;}
.precision_section_2_btn { padding:10px 10px 10px 10px; border:none; border-radius:0px; margin-top:5em; margin-bottom:5em; background-color:#102986; color:#fff;}
.precision_section_2_btn:hover { background-color:#000; color:#fff; -webkit-transition:0.8s;}

.precision_section_3 { background-color:#102986; text-align:center; color:#fff; padding-bottom:2em; padding-top:1em;}
.precision_section_3 h4 { text-align: center; font-size:24px; line-height:2em; color:#fff; font-family:"OpenSans-Bold";}
.precision_section_3_btn { padding:10px 20px 10px 20px; border:1px solid #fff; border-radius:0px; background-color:transparent; color:#fff;}
.precision_section_3_btn:hover { background-color:#000; color:#fff; -webkit-transition:0.8s;}

.precision_section_4 { padding-bottom:2em;}
.precision_section_4 h5 {padding:10px; color:#000; font-family:"OpenSans-Bold"; font-size:24px; line-height:2em;}
.fa-toolbox { margin-right:10px; color:#000;}
.para_style_0 p { background-color:#eee; color:#000; padding:10px; font-family:"OpenSans-Semibold";}
.para_style_0 p:hover { background-color:#000; color:#fff; -webkit-transition:0.8s;}
.para_style_0 p:hover .fa-toolbox {color:#fff;}
.para_style_1 p {background-color:#eee; font-family:"OpenSans-Regular"; font-size:14px; padding:20px;}
.precision_section_4_btn { padding:10px 20px 10px 20px; border:1px solid #fff; border-radius:0px; background-color:#102986; color:#fff;}
.precision_section_4_btn:hover { background-color:#000; color:#fff; -webkit-transition:0.8s;}

.precision_section_5 { background-color:#fafafa; padding-bottom:2em; padding-top:2em;}
.precision_section_5 h2 { font-size:30px; font-family:"OpenSans-Semibold"; text-align:justify; line-height:2em; color:#102986;}
.black { color:#000;}
.precision_section_5 address {font-family:"OpenSans-Regular"; font-size:14px; line-height:30px; text-align:justify;}
.precision_section_5 h3 { font-size:24px; font-family:"OpenSans-Semibold"; text-align:justify; line-height:2em; color:#000;}
.precision_section_5 p { line-height:30px; color:#000;}
.precision_section_5 p a {color:#000;}
.precision_section_5 p a:hover {color:#102986; -webkit-transition:0.8s;}




.abt_section_1 { padding-top:1em;}
.abt_section_2 h2 { text-align:justify;}
.abt_section_2 ul li {font-family: "OpenSans-Regular";
font-size: 14px;
line-height: 31px;}

.abt_section_table { padding-bottom:2em;}
.abt_section_table table { width:100%; font-family: "OpenSans-Regular";}
.abt_section_table table tr th { background-color:#fafafa; font-size:14px; text-align:right; padding:10px; border:1px solid #eee;}
.abt_section_table table tr td { background-color:#fff; color:#000; font-size:14px; text-align:left; padding:10px; border:1px solid #eee;}

.products_section_table { padding-top:2em; padding-bottom:2em;}
.products_section_table ul  li {font-family: "OpenSans-Regular";
font-size: 14px;
line-height: 31px;}
.txt_cntr { text-align:center;}


.products_section_table h2 { text-align:justify;}
.products_section_table table { width:100%; font-family: "OpenSans-Regular";}
.products_section_table table tr th { background-color:#fafafa; font-size:14px; padding:10px; border:1px solid #eee;}
.products_section_table table tr td { background-color:#fff; color:#000; font-size:14px; padding:10px; border:1px solid #eee;}

.btn_enquiry {
    padding: 10px 15px 10px 15px;
    border: none;
    border-radius: 0px;
    background-color: #102986;
    color: #fff;
	margin:10px;
}
.btn_enquiry:hover { background-color:#000; -webkit-transition:0.8s;}


.contact_section_1 h3 { text-align:justify;}
.contact_section_1 p a { color:#000;}


#products_cnc_machined_components { padding-top:5em;}
#products_cnc_turned_components { padding-top:5em;}
#products_precision_stamped_components { padding-top:5em;}
#products_press_tools { padding-top:5em;}



@media screen and (max-width: 736px) {

}


@media screen and (max-width: 480px) {
.banner { width:100%; height:auto; margin-top:44px;}
.precision_section_2_btn { margin-top:0.5em; margin-bottom:0.5em;}
.para_style_0 p { text-align:center;}

.precision_section_5 h2 { text-align:center;}
.precision_section_5 address { text-align:center;}
.precision_section_5 h3 { text-align:center;}
.precision_section_5 p { text-align:center;}
}
