@charset "utf-8";
@import 'https://fonts.googleapis.com/css?family=Roboto';
* { margin: 0; padding: 0; }

li { list-style: none; }

a { text-decoration: none; }

body { font-family: 'Roboto', sans-serif; font-weight:300 !important; }

.wrap { height: auto; width: 1000px; margin: auto; clear: both; }

.fix { clear: both; }

.color { color: #F33; }

#top { height: auto; width: 100%; }

#top #header { background: #fff; height: 110px; width: 100%; }

#top #logo { width: 1000px; height: 110px; margin: 15px auto 0; }

#top #logo p { width: 525px; float: left; margin-top: 36px; border-bottom: 2px #F33 solid; }

#top #logo p { font-size: 36px; font-weight: 300; }

#top #logo p#en { text-align: right; padding-right: 15px; }

#top #logo p#ar { padding-left: 15px; }

#top #logo img { margin: auto; display: block; }

#top #links { height: 50px; width: 1000px; }

#top #links ul#topContact { height: 30px; float: left; margin-top: -20px; }

#top #links ul#topContact li { height: 20px; margin-right: 15px; line-height: 30px; float: left; font-size: 14px; font-weight: 300; color: #333; }

#top #links ul#topContact li i { color: #F33; }

#top #links ul#menu { height: 30px; float: right; clear: both; margin-top: -30px; }

#top #links ul#menu li { padding-left: 10px; float: left; }

#top #links ul#menu li a { font-size: 16px; line-height: 30px; font-weight: 300; color: #333; }

#top #links ul#menu li a:hover { color: #F33; }

#banner { width: 1000px; height: 400px; margin: auto; }

#banner img { width: 100%; }

#welcome { background: #eee; height: 200px; padding: 20px 0; }

#welcome h1 { height: auto; width: 970px; margin: 0 15px; }

#welcome h1 { color: #333; font-size: 26px; font-weight: 300; line-height: 50px; }

#welcome p { height: auto; width: 970px; margin: 0 15px; }

#welcome p { color: #333; font-size: 14px; font-weight: 300; line-height: 28px; }

#welcome a { height: 30px; width: 100px; display: block; color: #333; line-height: 30px; font-size: 12px; font-weight: 300; text-align: center; }

#welcome a:hover { color: #C33; }

#news { height: 300px; width: 470px; float: left; margin: 30px 15px; }

#news h3 { height: 30px; width: 470px; }

#news h3 { color: #333; font-size: 20px; font-weight: 300; line-height: 30px; }

#news ul { height: 270px; width: 470px; }

#news ul li { height: 70px; width: 470px; padding: 10px 0; }

#news ul li h4 { height: 28px; width: 470px; border-bottom: 1px #C00 solid; }

#news ul li h4 { color: #333; font-size: 16px; font-weight: 300; line-height: 30px; }

#news ul li h4 span.dater { font-style: italic; }

#news ul li p { height: 40px; width: 470px; float: left; }

#news ul li p { color: #333; font-size: 14px; font-weight: 300; }

#mav { height: 300px; width: 470px; float: left; margin: 30px 15px; }

#mav .mv { height: 150px; width: 100%; }

#mav .mv img { display: block; margin: 25px 0; float: left; }

#mav .mv h3 { height: 50px; width: 345px; float: right; margin-left: 20px; }

#mav .mv h3 { color: #333; font-size: 20px; font-weight: 300; line-height: 50px; }

#mav .mv p { height: 100px; width: 345px; float: right; margin-left: 20px; }

#mav .mv p { color: #333; font-size: 14px; font-weight: 300; line-height: 24px; text-align: justify; }

#quality { height: auto; padding: 30px 0; background: #eee; }

#quality h2 { height: 50px; width: 100%; }

#quality h2 { color: #333; font-size: 36px; font-weight: 300; line-height: 50px; text-align: center; }

#quality img { height: 90px; display: block; margin: 15px auto; }

#quality p { height: 50px; width: 100%; margin: auto; }

#quality p { color: #333; font-size: 14px; font-weight: 300; text-align: center; line-height: 24px; }

#quality h4 { height: 50px; width: 100%; }

#quality h4 { color: #333; font-size: 24px; font-weight: 300; line-height: 50px; text-align: center; }

#quality p.li { height: 30px; width: auto; padding: 0 10px; margin: 5px auto; background: #fff; }

#quality p.li { color: #333; font-size: 14px; font-weight: 300; text-align: center; line-height: 24px; }

#obj { height: 250px; padding: 30px 0; }

#obj h2 { height: 50px; width: 100%; }

#obj h2 { color: #333; font-size: 36px; font-weight: 300; line-height: 50px; text-align: center; }

#obj .objBox { height: 170px; width: 300px; margin: 16px; float: left; }

#obj .objBox h4 { height: 50px; width: 100%; }

#obj .objBox h4 { color: #333; font-size: 24px; font-weight: 300; line-height: 50px; text-align: center; }

#obj .objBox p { height: auto; width: auto; padding: 0 10px; margin: 5px auto; background: #fafafa; border: 1px #f33 solid; border-top: none; border-bottom: none; }

#obj .objBox p { color: #333; font-size: 14px; font-weight: 300; text-align: center; line-height: 24px; }

#safety { height: 200px; width: 100%; padding: 30px 0; background: #eee; }

#safety img { height: 60px; display: block; margin: auto; }

#safety h3 { height: 50px; width: 100%; }

#safety h3 { color: #333; font-size: 20px; font-weight: 300; line-height: 50px; text-align: center; }

#safety p { height: 100px; width: 100%; margin: auto; }

#safety p { color: #333; font-size: 14px; font-weight: 300; text-align: center; line-height: 24px; }

#products { height: 500px; padding: 30px 0; }

#products h2 { height: 50px; width: 100%; }

#products h2 { color: #fff; font-size: 36px; font-weight: 300; line-height: 50px; text-align: center; }

#products ul { height: 360px; width: 100%; margin: 20px auto; }

#products li { height: 60px; width: 220px; margin: 15px; float: left; background: url(img/topBg.png); }

#products img { display: block; height: 60px; width: 60px; float: left; margin-right: 10px; }

#products h4 { height: 60px; width: 150px; float: left; }

#products h4 { color: #fff; font-size: 16px; line-height: 60px; font-weight: 300; }

#products a { background: #F33; display: block; height: 10px; width: 105px; padding: 15px 0 10px 10px; margin: auto; }

#products a { color: #fff; font-size: 10px; font-weight: 800; }

#products a:hover { color: #333; }

#say { background: #eee; height: 280px; padding: 50px 0; }

#say .wrap { height: 260px; width: 1000px; }

#say img { height: 250px; width: 250px; display: block; float: left; }

#say p { height: 260px; width: 720px; margin: 0 auto; float: right; }

#say p { color: #333; font-size: 14px; font-weight: 300; line-height: 28px; }

#clients { height: 180px; padding: 20px 0; }

#clients ul { height: 180px; width: 100%; }

#clients li { background: #FFF; height: 150px; width: 220px; float: left; margin: 15px; }

#clients li img { display: block; height: 100px; margin: 15px auto 0; }

#partner { height: 320px; padding: 20px 0; }

#partner h2 { height: 50px; width: 100%; margin-top: 100px; color: #fff; font-size: 40px; font-weight: 200; line-height: 50px; text-align: center; }

#partner a { background: #F33; display: block; height: 10px; width: 105px; margin: 20px auto; color: #fff; font-size: 10px; font-weight: 800; padding: 15px 0 10px 10px; }

#partner a:hover { color: #333; }

#sep { height: 50px; width: 100%; }

#map { background: #222; height: auto; }

#map iframe { height: 350px; width: 100%; border: none }

#footer { background: #222; height: 250px; }

#footer #download { padding-top:20px; height:100px; width: 400px; float: left;}

#footer #download a { height:60px; width:60px; margin:auto; display:block; text-align:center; }

#footer #download a i.fa { color:#C33; }

#footer #download p { text-align:center; color: #fff; }

#footer #contact { height: 50px; width: 600px; float: left; }

#footer #contact p { padding: 10px 0; width: 250px; float: right; color: #fff; font-size: 16px; line-height: 34px; font-weight: 300; }

#footer #footLinks { height: 30px; width: 100%; padding: 10px 0; border-top: 1px #666 solid; clear: both; }

#footer #footLinks { color: #666; font-size: 12px; font-weight: 300; clear: both; line-height: 30px; }

#footer ul#fmenu { height: 50px; width: 100%; display: block; }

#footer ul#fmenu li { height: 50px; width: auto; float: left; padding: 0 12px; }

#footer ul#fmenu li a { height: auto; width: auto; color: #fff; font-size: 16px; font-weight: 300; line-height: 50px; }

#footer ul#fmenu li a:hover { border-bottom: 2px #C33 solid; }

#footerContact { background: #fff; height: 50px; width: 100%; }

#footerContact h6{ height: 50px; width: 100%; }

#footerContact h6 { color: #333; font-size: 10px; line-height: 50px; font-weight: 600; text-transform: uppercase;}

/*  PAGES  */

#about { background: #eee; height: auto; padding: 30px 0; margin-top: 10px }

#about h1 { height: auto; width: 970px; margin: 0 15px; }

#about h1 { color: #333; font-size: 26px; font-weight: 300; }

#about p { height: auto; width: 970px; margin: 0 15px; }

#about p { color: #333; font-size: 14px; font-weight: 300; line-height: 28px; }

#achieve { height: 410px; width: 100%; padding: 30px 0; }

#achieve h2 { height: 50px; width: 100%; }

#achieve h2 { color: #333; font-size: 30px; font-weight: 300; line-height: 50px; text-align: center; }

#achieve img { height: 350px; width: 450px; margin: 20px 24px; }

#minvi { height: 150px; width: 100%; margin: 30px 0; }

#minvi .mnv { height: 150px; width: 470px; float: left; margin: 0 15px; }

#minvi .mnv img { display: block; margin: 25px 0; float: left; }

#minvi .mnv h3 { height: 50px; width: 345px; float: right; margin-left: 20px; }

#minvi .mnv h3 { color: #333; font-size: 20px; font-weight: 300; line-height: 50px; }

#minvi .mnv p { height: 100px; width: 345px; float: right; margin-left: 20px; }

#minvi .mnv p { color: #333; font-size: 14px; font-weight: 300; line-height: 24px; text-align: justify; }

#services { background: #fff; }

#services ul { height: 564px; }

#services li { height: 250px; width: 298px; margin: 16px; float: left; background: #fff; border: #eee solid 1px; }

#services li img { margin: auto; display: block; }

#services li h3 { height: 50px; width: 300px; }

#services li h3 { color: #333; font-size: 20px; font-weight: 300; text-align: center; line-height: 50px; }

#deal { height: 520px; padding: 30px 0; }

#deal h2 { height: 50px; width: 100%; }

#deal h2 { color: #fff; font-size: 36px; font-weight: 300; line-height: 50px; text-align: center; }

#deal ul { height: 360px; width: 100%; margin: 20px auto; }

#deal li { height: 60px; width: 470px; margin: 15px; float: left; background: url(img/topBg.png); }

#deal h4 { height: 60px; width: 470px; float: left; }

#deal h4 { color: #fff; font-size: 20px; line-height: 60px; font-weight: 300; text-align:center; }

#quatBox { height: 120px; width: 100%; padding: 30px 0; }

#quatBox { color: #333; font-size: 40px; line-height: 60px; font-weight: 100; text-align:center; }

#productList { height: auto; padding: 30px 0; background: #fff; }

#productList .proList { height: auto; width: 100%; margin: 20px 0; clear: both; background: #fafafa; border: 1px #eee solid; }

#productList .proList h4 { height: 60px; width: 100%; }

#productList .proList h4 { color: #333; font-size: 24px; text-align: center; line-height: 60px; font-weight: 300; }

#productList .proList ul { height: auto; width: 100%; clear: both; }

#productList .proList li { height: 240px; width: 218px; margin: 15px; float: left; background: #fff; border: 1px #eee solid; }

#productList .proList img { display: block; height: 180px; width: 218px; margin-right: 10px; }

#productList .proList p { height: 60px; width: 218px; }

#productList .proList p { color: #333; font-size: 16px; line-height: 30px; text-align: center; font-weight: 300; }

#form { height: 420px; width: 470px; margin: 15px; float:left; }

#form h2 { height: 50px; width: 470px; }

#form h2 { font-size: 22px; line-height:50px; font-weight: 300; color: #333; }

#form #form-grp { height: 310px; padding: 15px 0; background: #ccc; }

#form .group { margin:10px 0; }

#form label { display:block; width: 80px; float:left; padding-right: 10px; }

#form label { font-weight: 300; line-height: 30px; text-align:right; color: #333; }

#form input { height: 30px; width: 350px; border: 1px solid #ccc; padding-left: 10px; }

#form input { font-family:Roboto, sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; }

#form textarea { height: 90px; width: 350px; border: 1px solid #ccc; padding-left: 10px;  resize: none; }

#form textarea { font-family:Roboto, sans-serif; font-size: 14px; font-weight: 400; line-height: 30px; }

#form button { border:none; padding: 5px 20px; background: #f33; }

#form button { color:#fff; font-size: 14px; font-weight: 300; line-height: 20px; margin-right:20px; }

#location { height: 390px; width: 470px; margin: 15px; float:left; }

#location h2 { height: 50px; width: 470px; }

#location h2 { font-size: 22px; line-height:50px; font-weight: 300; color: #333; }

#location iframe { height: 340px; width: 100%; border: none; }