* { margin:0; padding:0; box-sizing:border-box; }
.wrap { width:1170px; height:auto; margin:auto; border:0px solid #0F0; }
/*--------- about---------------*/
#about { width:100%; min-height:200px; border:1px solid; }
#about .wrap h2 { background:#2e95d2; padding:10px 10px; font-family: 'Teko', sans-serif; font-size: 18pt; color:#FFF; border-radius:10px 10px 0 0; }
#about .wrap .ab_box { width:70%; min-height:200px; border:0px solid; float:left; }
#about .wrap .ab_box2 { width:28%; min-height:150px; border:0px solid; float:right; }
#about .wrap .ab_box2 img { width:100%; height:250px; margin:30px 0; }
#about .wrap .ab_box p { text-align:justify; }

/*--------- contact ----------*/
#contact { width:100%; min-height:200px; border:0px solid; }
#contact .wrap h2 { background:#2e95d2; padding:10px 10px; font-family: 'Teko', sans-serif; font-size: 18pt; color:#FFF; border-radius:10px 10px 0 0; }
#contact .wrap p { text-align:justify; }

#contact .wrap .abc { border:0px solid #999; height:auto; float:left; width:50%;  padding:20px; border-radius:10px; margin-bottom:10px; padding-top:10px; }
#contact .wrap .abc p  { font-size:15px; line-height:25px; text-transform:uppercase; }
#contact .wrap .abc p a { text-transform:lowercase; }

#contact .wrap .bcd { border:0px solid #999; height:350px; float:right; width:35%; transition: 2s, transform 2s;  }
#contact .wrap .bcd:hover { width: 350px; height: 350px; -webkit-transform: rotate(360deg); /* Safari */
    transform: rotate(360deg); }
#contact .wrap .bcd img { width:100%; height:100%; }
/*----------- inquiry--------------*/
#inquiry { width:100%; min-height:200px; border:1px solid; }
#inquiry .wrap h2 { background:#2e95d2; padding:10px 10px; font-family: 'Teko', sans-serif; font-size: 18pt; color:#FFF; border-radius:10px 10px 0 0; }

#inquiry .wrap .con_right { width:60%; margin-left:20px; height:360px; border:0px solid; float:left;  }
#inquiry .wrap .con_right h3 { text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; font-size:18px; margin-bottom:10px; }
#inquiry .wrap .con_right .abc { width:100%;padding:5px 10px; height:40px; border-radius:8px; border:1px solid; font-family:Verdana, Geneva, sans-serif;  font-size:16px; margin-bottom:20px; }
#inquiry .wrap .con_right .bcd { width:100%;padding:5px 10px; margin-bottom:20px; height:120px; border-radius:8px; border:1px solid; font-family:Verdana, Geneva, sans-serif; font-size:16px; }
#inquiry .wrap .con_right .button { width:80px; height:30px; cursor:pointer; font-family:Verdana, Geneva, sans-serif;  }

#inquiry .wrap .right { width:35%;  height:360px; border:0px solid; float:right;  }
#inquiry .wrap .right img { width:100%; height:100%;} 
/*----------- products ---------------*/
#product { width:100%; min-height:500px; border:1px solid; }
#product .wrap h2 { background:#2e95d2; padding:10px 10px; font-family: 'Teko', sans-serif; font-size: 18pt; color:#FFF; border-radius:10px 10px 0 0; }

#product .wrap .prod_box { width:23%; margin:11px; text-align:center; float:left; border:0px solid; height:300px; }

#product .wrap .prod_box h3 { font-family:Arial, Helvetica, sans-serif; font-size:16px; text-transform:capitalize; font-weight:bold; }
#product .wrap .prod_box img { width:100%; height:80%; border:2px solid #999; }
#product .wrap .prod_box img:hover { box-shadow:10px 10px 10px #666666; }