@import url('lib/css/font-awesome.min.css');
@import url('lib/css/overwrite.css');
@import url('lib/css/animate.css');

body { background: url(images/bg.png); font-family: open_sanslight; font-size: 16px; color: #555; }

#wrapper { margin: 20px auto; background-color: #fff; padding-bottom: 50px; overflow: hidden; }
#header { background-color: #333; }

#logo { margin: 15px 0; }
#menu { font-family: kaffeesatzthin !important; font-size: 18px; }
#menu ul { display: block; text-align: right; margin: 0; }
#menu ul li { display: inline-block; margin: 0; padding: 0; }
#menu a { display: block; padding: 65px 30px; color: #fff; border-bottom: 4px solid #333; }
#menu a:hover { color: #007da3; text-decoration: none; border-bottom: 4px solid #007da3; background-color: #2A2A2A; }

#logos { margin: 30px 0 20px; text-align: center; }
#logos img { width: 80%; }

#blocks { text-align: center; }
.block { padding: 0 50px; }
.inner-block { padding: 20px 10px; }
.inner-block:hover { padding: 5px 10px 35px; color: #fff; background-color: #007da3; cursor: pointer; }
.inner-block:hover .block-icon-wrap { color: #fff; border: 5px solid #fff; opacity: 1; }
.inner-block:hover h3 { color: #fff; }
.inner-block:hover a { color: #fff; }
.block-icon-wrap { color: #000; opacity: 0.2; border: 5px solid #000; border-radius: 50%; width: 80px; height: 80px; padding-top: 20px; margin: 20px auto; }

.text-block { background-color: #333; margin: 30px 0; padding: 30px; }
.text-block h2 { color: #999; margin: 0; }

#home-items h2 { color: #e2341d; text-align: center; }
#home-items img { width: 100%; text-align: center; }
.home-item { margin-top: 20px; border: 3px solid #FFF; position: relative; }
.home-item:hover { border: 3px solid #CCC; cursor: pointer; }
.home-item .model { font-size: 21px; font-weight: bold; text-align: center;  }
.home-item .gtradial { position: absolute; top: 5px; right: 0; width: 90px; height: 30px; background: url(images/logos/gtradial-logo.gif) no-repeat; background-size: 100% auto; }
.home-item .primewell { position: absolute; top: 5px; right: 0; width: 100px; height: 30px; background: url(images/logos/primewell-logo.gif) no-repeat; background-size: 100% auto; }
.home-item .linglong { position: absolute; top: 5px; right: 0; width: 100px; height: 30px; background: url(images/logos/linglong-logo.png) no-repeat; background-size: 100% auto; }
.logo-separator { margin-top: 40px; border-bottom: 2px solid #CCC; }

#home-videos { margin-top: 30px; text-align: center; }
#home-videos h2 { color: #e2341d; text-align: center; padding: 20px; }
#home-videos iframe { width: 80%; }

.us { margin-top: 50px; font-size: 18px; }
.us img { width: 100%; margin-top: 25px; }

#product h1 { color: #005aa0; font-weight: bold; padding: 30px; font-family: open_sanslight !important; font-size: 50px; }
#product h1 img { margin-left: 40px; }
#product .header { border-bottom: 1px solid #ccc; margin-bottom: 30px; }
#product .tyre-logo img { margin-top: 50px; width: 100%; }
.wheel-type { font-weight: 18px; font-weight: bold; padding: 40px; }

#contact label { margin-top: 20px; display: block; }
#contact input, #contact textarea { display: block; width: 90%; padding: 5px; }
#contact #map { margin-top: 40px;}

footer { margin-top: 40px; background-color: #2A2A2A; border-top: 15px solid #333; padding: 20px 0; color: #fff; font-size: 13px; }

/**
 * Common tags
 */
.clear { clear: both; }