* {
  margin:0;
  padding:0;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box;
box-sizing:broder-box;
}

html,body
{
    width: 100%;
    height: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

body {
  margin:0;
  padding:0;
}

.clearfix {
	clear:both;
}

img.fit {
	width:100%;
	height:auto;
	display:block;
}


#top1 {
	float:left;
	width:44%;
	padding-top:6%;
	text-align:left;
	margin-top:2%;
	padding-left:5%;
}

p#address {
	font-size:0.8em;
	color:#7a7a7a;
	font-family:sans-serif;
	line-height:150%;
	
}

p#pnumber {
	font-size:0.8em;
	color:#7a7a7a;
	font-family:sans-serif;
	line-height:150%;
}

#top2 {
	width:12%;
	float:left;
	margin-top:2%;
}

#top3 {
  width:44%;
  float:left;
	line-height:150%;
	text-align:right;
	padding-top:6%;
	color:#7a7a7a;
	font-family:sans-serif;
	margin-top:2%;
	padding-right:5%;
}



i.menubtn {
  width:7%;
  cursor:pointer;
  margin-left:46.5%;
  display:none;
}


.navbar {
  width:100%;
  background-color:#fafafa;
  border-top:solid 1px #e4e4e4;
  border-bottom:solid 1px #e4e4e4;
  margin-top:2%;
  position:relative;
}

ul.nav {
  margin:0 auto;
  padding:0.7% 0;
  width:70%;
  list-style:none;
  overflow:hidden;
  margin:0 auto;
  padding-left:6%;
}

ul.nav li {
  float:left;
  margin-right:3%;
}

ul.nav li:last-child {
  margin-right:0;
}

ul.nav a {
  display:block;
  font-size:1.5em;
  text-decoration:none;
  color:#3f3f3f;
  font-family:'Roboto Condensed',sans-serif;
  padding:10px 20px;
}

ul.nav a:hover{
  background-color:#1823ff;
  color:white;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
}

#signal {
  background-color:#1823ff;
  color:white;
}

ul.drop {
  list-style:none;
  position:absolute;
  background-color:#fafafa;
  visibility:hidden;
  opacity:0;
  z-index:10000;
  -webkit-transition:0.5s;
  -moz-transition:0.5s;
  transition:0.5s;
  width:20%;
}

ul.drop li {
  float:none;
  margin-right:0;
  font-size:0.9em;
}

ul.nav li:hover ul.drop {
  visibility:visible;
  opacity:1;
}

.container {
  Width:100%;
  font-size:3em;
  height:auto;
}

.mapcontainer {
  Width:100%;
  font-size:3em;
  height:auto;
}

div.intro {
  width:93%;
  margin-left:7%;
  height:500px;
}

div.intro .box1 {
  width:31%;
  float:left;
  position:relative;
  height:auto;
}


h6.mcp {
  font-size:2em;
  color:black;
  font-weight:normal;
  word-spacing:0;
  font-family:sans-serif;
}

div.introbox {
  position:absolute;
  top:40%;
  left:19%;
  border:solid 1.5px #a2a2a2;
  background-color:white;
  padding:7% 10% 5%;
  text-align:center;
  font-family:'Roboto',sans-serif;
  line-height:11px;
  font-size:0.9em;
  word-spacing:2px;
}

div.introbox p {
  color:#989898;
  font-size:1em;
}

img.brief {
  opacity:0.1;
  height:500px;
  width:100%;
}

.box1:hover img.brief {
  opacity:1.0;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

div.welcome {
  width:50%;
  height:50px;
  border-right:solid 1px #bababa;
  margin-top:5%;
  margin-bottom:4%;
}

.speech {
  height:auto;
  width:50%;
  margin:0 auto;
}

div.speech h2 {
  text-align:center;
  font-size:2em;
  font-family:'Roboto',sans-serif;
  margin-bottom:5%;
}

div.speech p {
  text-align:center;
  font-family:sans-serif;
  font-size:1.2em;
  color:#5f5f5f;
  line-height:140%;
  word-spacing:2px;
  font-family:'Roboto',sans-serif;
}

div.speech a.lm {
  border:solid 1px #bababa;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:2% 3%;
  margin-top:5%;
  margin-bottom:10%;
  color:grey;
  margin-left:41.5%;
  font-family:'Roboto condensed',sans-serif;
}

div.speech a.lm:hover {
  background-color:#bababa;
  color:white;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.productg {
  width:100%;
  height:auto;
}

.panel {
  width:25%;
  float:left;
  overflow:hidden;
}

div.p1 {
  width:100%;
  height:400px;
  float:left;
  overflow:hidden;
  margin-bottom:10%;
}

div.p1 img {
  height:400px;
}

div.p2 {
  width:100%;
  height:500px;
  float:left;
  overflow:hidden;
  margin-bottom:10%;
}

div.p2 img {
  height:500px;
}

div.p4 {
  width:100%;
  height:470px;
  float:left;
  overflow:hidden;
  margin-bottom:10%;
}

div.p4 img {
  height:470px;
}

.describe h4 {
  text-align:center;
  font-size:1.8em;
  font-family:'Roboto',sans-serif;
  padding:10% 0;
}

.describe p {
  text-align:center;
  font-family:'Roboto' ,sans-serif;
  font-size:1.2 em;
  color:#5f5f5f;
  line-height:170%;
}

.describe a.fom {
  text-align:center;
  text-decoration:none;
  display:inline-block;
  padding:2% 4%;
  margin-left:34%;
  margin-top:10%;
  margin-bottom:15%;
  color:#1823ff;
  font-family:'Roboto',sans-serif;
  font-size:1em;
  border:solid 1px #1823ff;
  border-radius:25px;
}

.describe a.fom:hover {
   -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  transition: all 0.3s ease;
  background-color:#1823ff;
  color:white;
}

.big {
  width:50%;
  float:left;
  margin-top:6%;
}

.big img {
  height:400px;
}

.talk1 {
  width:100%;
  float:left;
  background-color:#f9c53b;
  height:588px;
  margin-top:0;
  text-align:center;
  padding-bottom:7%;
}

.talk1 h3 {
  margin-top:12%;
  margin-bottom:5%;
  color:white;
  font-family:'Roboto condensed',sans-serif;
}

.talk1 p{
  color:white;
  font-size:1em;
  line-height:130%;
  font-family:'Roboto',sans-serif;
  font-size:0.5em;
  padding-left:10%;
  padding-right:10%;
}

.talk2 {
  width:100%;
  float:left;
  background-color:#2f3334;
  height:588px;
  margin-top:0;
  text-align:center;
  padding-bottom:7%;
}

.talk2 h3 {
  margin-top:12%;
  margin-bottom:5%;
  color:white;
  font-family:'Roboto condensed',sans-serif;
}

.talk2 p{
  color:white;
  font-size:1.1em;
  line-height:130%;
  font-family:'Roboto',sans-serif;
  font-size:0.5em;
  padding-left:10%;
  padding-right:10%;
}

  
.mapp {
  width:50%;
  float:right;
}

.mapp img {
  height:450px;
}

div.contact {
  width:100%;
  background-color:#f1f1f1;
  padding-top:5%;
}

div.contact .line {
  width:50%;
  height:50px;
  border-right:solid 1px #959595;
  margin-bottom:4%;
  display:inline-block;
}

.details {
  height:200px;
  float:left;
  width:33.33%;
}

.details p {
  text-align:center;
  font-size:1.2em;
	color:#000000;
	font-family:'Roboto',sans-serif;
	line-height:150%;
}

.details a {
  text-decoration:none;
  color:#000000;
}

.details a:hover {
  color:#1823ff;
}

div.copyright {
  width:100%;
  background-color:#f1f1f1;
  padding-bottom:5%;
}

div.copyright p {
  text-align:center;
  font-size:1.2em;
	color:#000000;
	font-family:'Roboto',sans-serif;
	line-height:150%;
}

/*
Back to top button 
*/
#back-top a {
	width: 48px;
	display: block;
	text-transform: uppercase;
	text-decoration: none;
	color:#1823ff;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover {
	color: #000;
}
/* arrow icon (span tag) */
#back-top i {
	width: 38px;
	height: 38px;
	display: block;
	margin-bottom:8%;
	font-size:10px;
	line-height:130%;
	color:white;
	padding-top:27%;
	text-align:center;
	font-family:sans-serif;
	background: #1823ff;
	/* rounded corners */
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover i {
	background-color: #777;
}

/*ABOUT US CSS*/

.aboutbox {
  width:32%;
  float:left;
  margin-right:2%;
  margin-bottom:5%;
}

.aboutbox img {
  height:300px;
}

.aboutboxl {
  float:right;
  width:32%;
  margin-bottom:5%;
}

.aboutboxl img {
  height:300px;
}

div.aboutbox h4 {
  text-align:center;
  font-size:2em;
  font-family:'Roboto',sans-serif;
  margin:4% 0;
}

div.aboutbox p {
  text-align:left;
  font-family:sans-serif;
  font-size:1.2em;
  color:#989898;
  line-height:140%;
  word-spacing:2px;
  font-family:'Roboto',sans-serif;
}

div.aboutboxl h4 {
  text-align:center;
  font-size:2em;
  font-family:'Roboto',sans-serif;
  margin:4% 0;
}

div.aboutboxl p {
  text-align:left;
  font-family:sans-serif;
  font-size:1.2em;
  color:#989898;
  line-height:140%;
  word-spacing:2px;
  font-family:'Roboto',sans-serif;
}

.parallax {
    /* The image used */
    background-image: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5) ),url(http://imgur.com/syRzcX6.jpg);
    
    /* Set a specific height */
    min-height: 350px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.parallax h2{
  color:white;
  font-size:1.8em;
  text-align:center;
  font-family:'roboto condensed',sans-serif;
  padding-top:7%;
}

.parallax p{
  color:white;
  font-size:1.4em;
  text-align:center;
  font-family:'roboto',sans-serif;
  padding-top:3%;
}

.line {
  width:50%;
  height:50px;
  border-right:solid 1px #959595;
  margin:4% 0;
}

.parallax1 {
    /* The image used */
    background-image:linear-gradient( rgba(0, 0, 0, 0.3), rgba(0, 0, 0, 0.3) ),url(http://i.imgur.com/fpv30fa.jpg);
    
    /* Set a specific height */
    min-height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
}

.vision {
  height:200px;
  width:100%;
}

.vision h3 {
  font-size:1.8em;
  text-align:center;
  font-family:'roboto condensed', serif;
  padding-top:3%;
  color:white;
}

.vision p {
  font-size:1.5em;
  text-align:center;
  font-family:'roboto', serif;
  color:white;
  padding-top:2%;
}

/**CONTACT US**/

table.enquiry {
  font-family:arial; 
  font-size:1em;
  color:white;
}

table.enquiry td {
  padding-bottom:1%;
}

input.info {
  width:100%;
  padding:1.5%;
  font-family:arial;
  font-size:1em;
  color:blue;
  background-color:transparent;
  border:1px solid #ffffff;
  outline:none;
}

input::-webkit-input-placeholder {
color: white !important;
}
 
input:-moz-placeholder { /* Firefox 18- */
color: white !important;  
}
 
input::-moz-placeholder {  /* Firefox 19+ */
color: white !important;  
}
 
input:-ms-input-placeholder {  
color: white !important;  
}

textarea::-webkit-input-placeholder {
color: white !important;
}
 
textarea:-moz-placeholder { /* Firefox 18- */
color: white !important;  
}
 
textarea::-moz-placeholder {  /* Firefox 19+ */
color: white !important;  
}
 
textarea:-ms-input-placeholder {  
color: white !important;  
}

textarea {
  width:100%;
  padding:1%;
  font-family:arial;
  font-size:1em;
  color:blue;
  background-color:transparent;
  border:1px solid #ffffff;
  height:100px;
  outline:none;
}

input.button {
  padding:15px 40px;
  font-family:arial;
  font-size:1em;
  color:#ffffff;
  background-color:#1823ff;
  border:1px solid #1823ff;
  cursor:pointer;
  outline:none;
  margin:1% 0 5% 45%;
}

input.button:hover {
  background-color:grey;
  border:1px solid grey;
}

#mailsection p {
  text-align:center;
  font-size:2em;
  font-family:'Roboto',sans-serif;
  margin-bottom:4%;
}

#mailsection a {
  text-decoration:none;
  padding:15px 40px;
  font-family:arial;
  font-size:1em;
  color:#ffffff;
  background-color:#1823ff;
  border:1px solid #aaaaaa;
  cursor:pointer;
  outline:none;
  margin:1% 0 5% 45%;
}

#mailsection a:hover {
  background-color:grey;
}

.parallax2 {
    /* The image used */
    background-image:linear-gradient( rgba(0, 0, 0, 0.35), rgba(0, 0, 0, 0.35) ),url(http://i.imgur.com/wR3TfNf.jpg);
    
    /* Set a specific height */
    min-height: 600px;

    /* Create the parallax scrolling effect */
    background-attachment: fixed;
    background-position: center;
    background-repeat: no-repeat;
    background-size: cover;
    padding-top:5%;
}

.panel1 {
  width:45%;
  float:left;
  margin-left:5%;
  position:relative;
  left:1px;
  overflow:hidden;
}

.panel2 {
  width:45%;
  float:right;
  margin-right:5%;
  position:relative;
  overflow:hidden;
}

.panel3 {
  width:45%;
  float:left;
  margin-left:5%;
  margin-bottom:5%;
  position:relative;
  left:1px;
  overflow:hidden;
}

.panel4 {
  width:45%;
  float:right;
  margin-right:5%;
  margin-bottom:5%;
  position:relative;
  overflow:hidden;
}

.shadow {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  height:100%;
  background-color:#000000;
  background:rgba(0,0,0,0.5);
  z-index:100;
  visibility:hidden; opacity:0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.shadow p {
  color:white;
  font-family:arial;
  text-align:center;
  margin-top:30%;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
  -webkit-transform:translateY(-400px);
  -moz-transform:translateY(-400px);
  transform:translateY(-400px);
}

.icon {
  display:block;
  width:15%;
  margin:20% auto 0;
  visibility:hidden; opacity:0;
  -webkit-transition: all 0.4s ease;
  -moz-transition: all 0.4s ease;
  transition: all 0.4s ease;
}

.panel1:hover .pic {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  transform:scale(1.2);
  -webkit-transition: all 0.7s ease 0.1s;
  -moz-transition: all 0.7s ease 0.1s;
  transition: all 0.7s ease 0.1s;
 }

.panel1:hover .shadow {
  visibility:visible; opacity:1;
}

.panel1:hover p {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}

.panel1:hover .icon {
  visibility:visible; opacity:1;
  -webkit-transform:rotate(720deg);
  -moz-transform:rotate(720deg);
  transform:rotate(720deg);
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.panel2:hover .pic {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  transform:scale(1.2);
  -webkit-transition: all 0.7s ease 0.1s;
  -moz-transition: all 0.7s ease 0.1s;
  transition: all 0.7s ease 0.1s;
 }

.panel2:hover .shadow {
  visibility:visible; opacity:1;
}

.panel2:hover p {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}

.panel2:hover .icon {
  visibility:visible; opacity:1;
  -webkit-transform:rotate(720deg);
  -moz-transform:rotate(720deg);
  transform:rotate(720deg);
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.panel3:hover .pic {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  transform:scale(1.2);
  -webkit-transition: all 0.7s ease 0.1s;
  -moz-transition: all 0.7s ease 0.1s;
  transition: all 0.7s ease 0.1s;
 }

.panel3:hover .shadow {
  visibility:visible; opacity:1;
}

.panel3:hover p {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}

.panel3:hover .icon {
  visibility:visible; opacity:1;
  -webkit-transform:rotate(720deg);
  -moz-transform:rotate(720deg);
  transform:rotate(720deg);
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.panel4:hover .pic {
  -webkit-transform:scale(1.2);
  -moz-transform:scale(1.2);
  transform:scale(1.2);
  -webkit-transition: all 0.7s ease 0.1s;
  -moz-transition: all 0.7s ease 0.1s;
  transition: all 0.7s ease 0.1s;
 }

.panel4:hover .shadow {
  visibility:visible; opacity:1;
}

.panel4:hover p {
  -webkit-transform:translateY(0);
  -moz-transform:translateY(0);
  transform:translateY(0);
  -webkit-transition: all 0.4s ease 0.3s;
  -moz-transition: all 0.4s ease 0.3s;
  transition: all 0.4s ease 0.3s;
}

.panel4:hover .icon {
  visibility:visible; opacity:1;
  -webkit-transform:rotate(720deg);
  -moz-transform:rotate(720deg);
  transform:rotate(720deg);
  -webkit-transition: all 0.4s ease 0.2s;
  -moz-transition: all 0.4s ease 0.2s;
  transition: all 0.4s ease 0.2s;
}

.note {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  background-color:#000000;
  background:rgba(0,0,0,0.7);
  padding:1% 4%;
}

.note p {
  color:white;
  font-family:arial;
  text-align:center;
}

.note a {
  color:white;
}

.note a:hover {
  color:#12e0ff;
}

/*process*/

.boxes {
  width:22%;
  float:left;
  margin-right:4%;
}

.boxes img {
  height:auto;
  border:solid 1px #e4e4e4;
}

.box4 {
  float:right;
  margin-right:0;
}

.boxh {
  text-align:center;
  font-size:2em;
  font-family:'Roboto',sans-serif;
  margin:5% 0;
}

.boxp {
  text-align:center;
  font-family:sans-serif;
  font-size:1.1em;
  color:#8a8a8a;
  font-family:'Roboto',sans-serif;
  height:80px;
}

.boxa {
  background-color:#c9c9c9;
  text-decoration:none;
  display:inline-block;
  text-align:center;
  padding:1.5% 10%;
  margin-left:30%;
  margin-top:10%;
  margin-bottom:10%;
  color:white;
  font-family:'Roboto',sans-serif;
}

.boxa:hover {
  background-color:#dbdbdb;
  color:white;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
}

.mbtm {
	margin:0 auto;
	padding-top:2%;
	width:90%;
	margin-bottom:2%;
}

/**process.ball**/

.abox {
  float:left;
  width:15%;
  margin-bottom:2%;
  margin-left:5%;
  height:auto;
  border:1px solid #ccc;
}

.pbox img {
   height:auto;
}

.abox:hover {
 -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
  -moz-box-shadow: 5px 5px 10px #595959;
  -webkit-box-shadow: 5px 5px 10px #595959;
   box-shadow: 5px 5px 10px #595959;
   border:none; 
}

.word {
  float:left;
  width:30%;
  margin-bottom:2%;
}

.word h1 {
  font-family:'Roboto';
  font-size:1.4em;
  text-align:center;
}

.word p {
  margin-top:2%;
  margin-left:5%;
  font-family:'roboto condensed';
  color:grey;
  font-size:0.8em;
  line-height:130%;
}

/**mini ball valve**/

/**left navigation bar**/

.leftbar {
  width:20%;
  float:left;
  height:auto;
  margin-bottom:5%;
  display:block;
  margin-left:3%;
  position:relative;
}

.leftnav h2 {
  text-align:center;
  font-family:'roboto';
  color:#000000;
  margin-bottom:5%;
  border-bottom:1px solid #dbdbdb;
  padding-bottom:8%;
}

ul.leftnav {
  list-style:none;
  position:relative;
}

ul.leftnav li {
  position:relative;
}

ul.leftnav li:last-child {
  border-bottom:1px solid #dbdbdb;
  padding-bottom:5%;
}

ul.leftnav a {
  position:relative;
  text-decoration:none;
  color:#989898;
  display:block;
  padding:10px 20px;
  -webkit-transition:0.2s;
  -moz-transition:0.2s;
  transition:0.2s;
  font-family:'roboto';
  font-size:1.2em;
}

ul.leftnav a:hover {
  background-color:#d9d9d9;
  color:white;
}

ul.leftdrop {
  list-style:none;
  position:absolute;
  top:-50%;
  left:100%;
  width:100%;
  visibility:hidden;
  opacity:0;
  background-color:#d9d9d9;
  -webkit-transform:translateX(30px);
  -moz-transform:translateX(30px);
  transform:translateX(30px);
  z-index:999;
}

ul.leftdrop a {
  color:white;
}

ul.leftdrop a:hover {
  color:#989898;
  background-color:white;
  z-index:999;
}

ul.leftnav li:hover ul.leftdrop {
  visibility:visible;
  opacity:1;
  -webkit-transition: all 0.3s ease-in;
  -moz-transition: all 0.3s ease-in;
  transition: all 0.3s ease-in;
  -webkit-transform:translateX(0);
  -moz-transform:translateX(0);
  transform:translateX(0);
  z-index:999;
}

.magni {
  width:75%;
  height:250px;
  float:right;
}

img.mag {
  margin:0 25%;
  height:100%;
  width:auto;
  margin-top:-5%;
}

.cat {
  width:77%;
  height:auto;
  display:inline-block;
}

.cat1 {
  width:77%;
  height:auto;
  float:right;
}

.cat img {
  padding-bottom:8%;
}

.overview {
  float:left;
  border-right:solid 1px #989898;
  height:auto;
  width:23%;
  margin-left:5%;
}

.overview h2 {
  font-family:'roboto condensed', sans-serif;
}

.spec {
  float:left;
  width:68%;
  margin-left:4%;
  height:auto;
  margin-bottom:5%;
}

ul.right {
  list-style:square;
  color:#989898;
  line-height:150%;
  font-family:'gudea', sans-serif;
}

.cata {
  float:left;
  border-right:solid 1px #989898;
  height:auto;
  width:23%;
  margin-left:5%;
}

ul.right1 {
  color:#989898;
  line-height:150%;
  font-family:'gudea', sans-serif;
  list-style-image:url('http://i.imgur.com/tLWNmqO.png');
}

ul.right1 a {
  text-decoration:none;
  color:#565656;
  padding-right:2%;
  line-height:150%;
}

ul.right1 a:hover {
  color:#bdbdbd;
}

/**AUTOMA**/

.automa {
  width:20%;
  margin:0 auto;
  margin-bottom:3%;
}

.automaparker {
  width:40%;
  margin:0 auto;
  margin-bottom:3%;
}

.electric {
  width:22.5%;
  height:auto;
  margin-left:18%;
  margin-bottom:5%;
  float:left;
  overflow:hidden;
}

.pneumatic {
  width:25%;
  height:auto;
  margin-right:18%;
  margin-bottom:5%;
  float:right;
  padding-top:1%;
}

.electric p {
  text-align:center;
  font-size:2em;
  font-family:'roboto', sans-serif;
  color:grey;
  margin-bottom:10%;
}

.pneumatic p {
  text-align:center;
  font-size:2em;
  font-family:'roboto', sans-serif;
  color:grey;
  margin-bottom:12%;
  margin-top:-2.5%;
}

.bbox img {
  -webkit-filter: grayscale(100%);
    -webkit-transition: all 0.5s ease;
     -moz-transition: all 0.5s ease;
       -o-transition: all 0.5s ease;
      -ms-transition: all 0.5s ease;
          transition: all 0.5s ease;
}

.bbox img:hover {
  -webkit-filter: grayscale(0);
}

.ep2 {
  float:right;
  width:30%;
  overflow:hidden;
  margin-bottom:8%;
  margin-top:2%;
  display:inline-block;
}

.ep2 img:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ep1 {
  float:right;
  text-align:left;
  margin-bottom:8%;
  width:65%;
  margin-left:5%;
  display:inline-block;
}

.ep1 h2 {
  text-align:left;
  font-family:'roboto';
  color:#000000;
  border-bottom:1px solid #dbdbdb;
  padding-bottom:2%;
  margin-bottom:2%;
  margin-top:1%;
}

.ep1 li {
  list-style:none;
  font-family:'roboto condensed';
  color:#000000;
  margin-bottom:1%;
}

.ep1 p {
  font-family:arial;
  color:#989898;
  margin-bottom:2%;
}


.ep1 a {
  color:white;
  text-decoration:none;
  background-color:#c6c6c6;
  font-family:'roboto condensed';
  padding:0.5% 1%;
}

.ep1 a:hover {
  background-color:#53a7ea;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ep4 {
  float:right;
  width:30%;
  overflow:hidden;
  margin-bottom:8%;
  margin-top:2%;
  display:inline-block;
}

.ep4 img:hover {
  -webkit-transform:scale(1.1);
  -moz-transform:scale(1.1);
  transform:scale(1.1);
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  -ms-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.ep3 {
  float:right;
  text-align:left;
  margin-bottom:8%;
  width:65%;
  margin-left:5%;
  display:inline-block;
}

.ep3 h2 {
  text-align:left;
  font-family:'roboto';
  color:#000000;
  border-bottom:1px solid #dbdbdb;
  padding-bottom:2%;
  margin-bottom:2%;
  margin-top:1%;
}

.ep3 li {
  list-style:none;
  font-family:'roboto condensed';
  color:#000000;
  margin-bottom:1%;
}

.ep3 p {
  font-family:arial;
  color:#989898;
  margin-bottom:2%;
}


.ep3 a {
  color:white;
  text-decoration:none;
  background-color:#c6c6c6;
  font-family:'roboto condensed';
  padding:0.5% 1%;
}

.ep3 a:hover {
  background-color:#53a7ea;
  -webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.parent {
  width:100%;
}

.apneumatic {
  width:28%;
  float:left;
  margin-left:5%;
}

.apneumatic h2 {
  font-family:'roboto', sans-serif;
  text-align:center;
}

.talk {
  display:block;
  width:77%;
  height:auto;
  margin-bottom:3%;
  margin-top:5%;
  float:right;
}

.talk h2 {
  display:inline-block;
  background-color:#d6d6d6;
  padding:0.5% 2%;
  font-family:'roboto', sans-serif;
  color:#ffffff;
  margin:3% 0 1% 0;
}

.talk p {
 font-family:'roboto', sans-serif;
 color:#000000;
 font-size:1.1em;
 line-height:180%;
 margin-left:2%;
}

.talkk {
  display:block;
  width:25%;
  float:left;
  margin-left:23%;
  margin-bottom:3%;
  margin-top:2%;
}

.talkk h2 {
  display:inline-block;
  background-color:#d6d6d6;
  padding:0.5% 5%;
  font-family:'roboto', sans-serif;
  color:#ffffff;
  margin:3% 0 1% 0;
  font-size:1.7em;
  margin-bottom:5%;
}

.talkk p {
 font-family:'roboto', sans-serif;
 color:#000000;
 font-size:1.1em;
 line-height:180%;
 margin-left:2%;
}

.talkkk {
  display:block;
  width:45%;
  float:left;
  height:auto;
  margin-top:2.1%;
}


.blue {
  color:#00547c;
  font-family:'roboto condensed', sans-serif;
}

.black {
  color:#ffffff;
  font-family:'roboto condensed', sans-serif;
}

.pneubox {
  width:30%;
  float:left;
  background-color:black;
  margin-right:2%;
  margin-bottom:2%;
}

.pneubox: {
  margin-right:0;
}

/**NEWS**/

.bigbox {
  width:90%;
  height:auto;
  margin-bottom:5%;
  margin-left:5%;
}

.newsh {
  margin-left:5%;
  color:#989898;
  font-family:'roboto', sans-serif;
  font-size:1.5em;
}

 .newsw {
  margin:1% 5%;
  font-family:'roboto condensed';
  color:grey;
  font-size:0.8em;
  line-height:130%;
}