/*==============Reset-CSS =============*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset, img { border:0; }
ul { list-style:none; }
input { border: none; height: 18px; outline:none; }
* { outline:none !important; }
a { text-decoration: none; outline:none; cursor: pointer; }
a:hover , a:active, a:focus{ text-decoration: none !important; outline:none; }
.clear { clear: both; }
img { border:none; }

/*======================================*/

body{ font:12px tahoma; background: url(../images/bg.jpg) no-repeat center top;background-size: cover;background-repeat: repeat-y;}
header{ padding: 50px 15px}
header .pull-left h1{ text-align: center; }
header .pull-left h1 a{color: #ffffcc; font-weight: bold; font-size: 55px}
header .pull-left h1 span{display: block; font-size: 12px}
header div.slogan{ color: #fff; font-weight: bold;font-size: 25px; text-align: center;}
header div.slogan span{ color: #cda053; font-size: 28px; display: block}
.services {text-align: center;}
.services li {display: inline-block;width: 33.3333%;}
.services li img{ width: 100%;height: auto;}
.product{ background: #ffffff; text-align: center;padding: 20px 15px}
.product img{max-width: 100%;}
.coming-soon{ padding: 30px 0; text-align: center; color: #cccccc;font-weight: bold; font-size: 35px}
.coming-soon img{ display: block; margin: 10px auto 0}
.contact{ padding: 20px 0 40px; color: #fff;font-weight: bold; font-size: 35px; text-align: center}
.contact a{color: #fff;font-weight: bold; font-size: 30px}
.contact a:hover{color: #cda053;}