@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,300);

* { margin: 0; padding: 0; text-decoration: none; list-style: none; }

img,
p,
ul,
li { display: block; }

body { font-family: "Open Sans", sans-serif; }

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

.clear { height: 1px; clear: both; }

.red { color: #f33; }

.blue { color: #339; }

a.readmore { display: block; width: 100px; font-size: 18px; text-align:center; }

h2 { font-size: 36px; font-weight: 300; line-height: 70px; }

h4 { font-size: 28px; font-weight: 300; }

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

#top #head { height: 100px; width: 100%; background: #eee; }

#top #header { height: 100px; width: 100%; position: absolute; z-index: 1000; }

#top #head #logo,
#top #header #logo { height: 100px; width: auto; float: left; }

#top #head #logo img,
#top #header #logo img { height: 100px; width: auto; float: left; }

#top #header #logo h1 { line-height: 30px; margin-top: 30px; color: #FFF; font-size: 30px; font-weight: 300; }

#top #head #logo h1 { line-height: 30px; color: #333; font-size: 30px; margin-top: 30px; font-weight: 300; }

#top #head ul#menu,
#top #header ul#menu { height: 40px; width: auto; float: right; margin-top: 60px; }

#top #head ul#menu li,
#top #header ul#menu li { height: auto; width: auto; float: left; margin: 0 4px; }

#top #head ul#menu li a,
#top #header ul#menu li a { height: auto; width: auto; display: block; padding: 0 5px; line-height: 30px; }

#top #header ul#menu li a { color: #fff; font-size: 20px; font-weight: 300; }

#top #head ul#menu li a { color: #333; font-size: 20px; font-weight: 300; }

#top #head ul#menu li a.active,
#top #head ul#menu li a:hover,
#top #header ul#menu li a.active,
#top #header ul#menu li a:hover { color: #F33; border-bottom: 2px solid #339; }

#top #banner { height: 600px; width: 100%; }

#top #banner img { height: 600px; width: 100%; }

#welcome { height: auto; width: 100%; margin-bottom: 15px; }

#welcome h2 { height: auto; width: 1200px; text-align: center; }

#welcome p { height: auto; width: 1000px; margin: auto; }

#welcome p { font-size: 20px; font-weight: 300; text-align: center; }

#welcome a.readmore { margin: 15px auto 0; }

#mission-vision { height: auto; width: 100%; margin: 15px 0; background: #eee; }

#mission-vision #mission,
#mission-vision #vision { height: auto; width: 570px; float: left; margin: 30px 15px; background: #fff; }

#mission-vision #mission img,
#mission-vision #vision img { height: 132px; width: 132px; display: block; margin: 15px auto; }

#mission-vision #mission h4,
#mission-vision #vision h4 { height: 30px; width: auto; margin: 15px 0; text-align: center; }

#mission-vision #mission p,
#mission-vision #vision p { height: auto; width: 540px; margin: 0 15px 15px; text-align: center; }

#quality { height: auto; width: 100%; margin: 15px 0; background: #eee;  }

#quality h2 { text-align: center; }

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

#quality h4 { height: 30px; width: auto; margin: 15px 0; text-align: center; }

#quality p { height: auto; width: 1000px; margin: 15px auto; text-align: center; }

#quality a.readmore { margin: 15px auto 0; }

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

#safety h2 { text-align: center; }

#safety img { height: 132px; width: 132px; display: block; margin: 15px auto; }

#safety h4 { height: 30px; width: auto; margin: 15px 0; text-align: center; }

#safety p { height: auto; width: 1000px; margin: 15px auto; text-align: center; }

#trading,
#tradings { height: auto; width: 100%; margin: 15px 0; }

#trading h2 { text-align: center; color: #fff; }

#trading ul { height: 300px; width: 1200px; margin: 15px 0; }
#tradings ul { height: 350px; width: 1200px; margin: 15px 0; padding-top: 15px;  }

#trading ul li,
#tradings ul li { height: 300px; width: 400px; float: left; }

#trading ul li img,
#tradings ul li img { display: block; margin: auto; }

#trading ul li h4 { text-align: center; color: #fff; }
#tradings ul li h4 { text-align: center; color: #333; }

#tradings ul li a.readmore {  margin: 15px auto; text-align:center; }

#trading a.readmore { margin: 15px auto; }

#clientStrip { height: auto; width: 100%; margin: 30px 0; }

#clientStrip ul { height: 280px; width: 100%; }

#clientStrip ul li { height: 280px; width: 300px; float: left; }

#clientStrip ul li img { height: 280px; width: 300px; display: block; }

#clientStrip ul li img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); }

#clientStrip ul li img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); }

#clientStrip ul li img { -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms; }

#footer { height: auto; width: 100%; padding: 30px 0 3px; }

#footer .foot { height: 300px; width: 400px; float: left; }

#footer .foot h4 { color: #FFF; display: block; padding: 0 10px; }

#footer .foot p#contact { color: #fff; padding: 10px; }

#footer .foot ul { height: 280px; width: 500px; }

#footer .foot ul li { height: auto; width: 500px; }

#footer .foot ul li a { height: auto; width: 500px; display: block; padding: 10px 10px; ; color: #fff; }

#footer .foot ul li a:hover { color: #f33; }

#footer #footLinks { height: 50px; width: 100%; }

#footer #footLinks ul { height: 30px; width: 400px; margin: auto; }

#footer #footLinks ul li { height: auto; width: auto; float: left; }

#footer #footLinks ul li a { height: auto; width: auto; display: block; padding: 0 10px; color: #fff; line-height: 30px; }

#footer #footLinks ul li a.active,
#footer #footLinks ul li a:hover { color: #f33; }

#footer #footLinks p { color: #999; line-height: 20px; font-size: 12px; text-align: center; }

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

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

#clients ul li { height: 280px; width: 300px; float: left; }

#clients ul li img { height: 280px; width: 300px; display: block; }

#clients ul li img { filter: grayscale(1); -webkit-filter: grayscale(1); -moz-filter: grayscale(1); -o-filter: grayscale(1); -ms-filter: grayscale(1); }

#clients ul li img:hover { filter: grayscale(0); -webkit-filter: grayscale(0); -moz-filter: grayscale(0); -o-filter: grayscale(0); -ms-filter: grayscale(0); }

#clients ul li img { -webkit-transition: 500ms ease-out 500ms; -moz-transition: 500ms ease-out 500ms; -o-transition: 500ms ease-out 500ms; transition: 500ms ease-out 500ms; }

#tradingItems { height: auto; width: 100%; margin: 15px 0; }

#tradingItems ul { height: 350px; width: 1200px; margin: 15px 0; padding-top: 15px;  }

#tradingItems ul li { height: 300px; width: 360px; border:5px #eee solid; margin: 15px; float: left; }

#tradingItems ul li img { height:250px; width: 360px; display: block; margin: auto; background:#CCC; }

#tradingItems ul li h4 { text-align: center; color: #333; }

#forms { height: 420px; margin-top: 30px; }

#forms #feedback { height: 420px; width: 800px; float: left; }

#forms #feedback h2 { text-align: left; }

#forms #feedback .form-set { height: auto; width: 100%; }

#forms #feedback .form-group { height: auto; display: block; width: 100%; padding: 5px 0; margin: 5px 0; }

#forms #feedback .form-group label { height: auto; width: 150px; display: block; float: left; }

#forms #feedback .form-group label { font-size: 18px; font-weight: 300; line-height: 34px; }

#forms #feedback .form-group .text { background: #fff; height: auto; width: 600px; display: block; float: left; border: 1px #ccc solid; padding: 5px 10px; }

#forms #feedback .form-group .textarea { background: #fff; height: 70px; width: 600px; display: block; float: left; border: 1px #ccc solid; padding: 5px 10px; resize: none; }

#forms #feedback .form-group .text,
#forms #feedback .form-group .textarea { font-family: "Open Sans", sans-serif; font-weight: 400; color: #000; }

#forms #feedback .form-action { height: auto; display: block; width: auto; padding: 5px 20px; margin: 5px 0; }

#forms #feedback .form-action .button { height: auto; display: block; width: auto; float: right; padding: 10px 15px; margin: 5px 10px 5px 0; background: #39c; border: none; color: #fff; }

#section5 #address { height: 419px; width: 385px; padding-left: 15px; background: #fff; float: left; }

#section5 #address p { height: auto; width: 385px; margin-bottom: 20px; }

#section6 { height: 450px; margin-top:30px; background: #eee; }

#section6 #map { height: 450px; width: 1200px; margin: auto; }

#section6 #map h2 { height: 50px; text-align: center; width: 100%; }

#section6 #map iframe { height: 350px; width: 1170px; display: block; margin: 15px auto; border: none; }