html {
 background: none;
}
body {
 background: #080319;
 color: #fff;
 font-size: 13px;
}
#container {
 margin: 0 auto;
 width: 866px;
}
#head {
 height: 480px;
 position: relative;
}
nav {
 position: absolute;
 bottom: 20px;;
 width: 100%;
 display: table;
}
nav ul {
 display: table-row;
 width: 100%;
}
nav li {
 display: table-cell;
 white-space: nowrap;
}
nav a {
 display: block;
 color: #000;
 line-height: 50px;
 font-size: 36px;
 text-align: center;
 background: rgba(255,255,255,0.4);
 font-family: 'Jolly Lodger', cursive;
 cursor: pointer;
 text-transform: uppercase;
 text-decoration: none;
}
nav a:hover, nav .active a {
 background: rgba(255,255,255,1);
}
h1,h2 {
 font-family: 'BenchNine', sans-serif;
 color: #ffffff;
 font-size: 35px;
 line-height: 30px;
 text-transform: uppercase;
}
#body {
 margin: 0 30px;
}
#foot {
 color: #555;
 padding: 8px 0;
}
#foot .made-by {
 float: right;
}
#foot a {
 color: #888;
}
p strong {
 font-size: 1.1em;
}
p em {
 display: block;
 color: #ffffff;
 font-style: normal;
}

#offer-page p {
 clear: right;
 overflow: hidden;
 margin-bottom: 30px;
 text-align: justify;
}
#offer-page .pic {
 float: right;
 width: 320px;
 margin: 0 0 30px 30px;
}
#offer-page .pic img {
 display: block;
}
#offer-page .center {
 text-align: center;
 margin: 0 50px 30px;
}
#demo-page .video {
 margin: 0 0 20px;
}
#contact-page div {
 font-size: 24px;
 font-family: 'BenchNine', sans-serif;
 letter-spacing: 2px;
}
#contact-page .name {
 text-transform: uppercase;
}
#contact-page a {
 color: #fff;
}
#contact-page img {
 float: left;
 margin: 0 8px 0 0;
}
#rider-page a {
 font-size: 30px;
 color: #fff;
 text-transform: uppercase;
 font-family: 'BenchNine', sans-serif;
}
#gallery-page .gallery {
 overflow: hidden;
}
#gallery-page .gallery a {
 float: left;
 margin: 30px;
}
#offer-page strong {
 font-size: 1.5em;
}
#logo {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 123px;
 background: url(../imgs/shead.jpg);
}
#banners {
 position: absolute;
 top: 123px;
 left: 0;
 width: 100%;
 height: 359px;
}
#banners div {
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 359px;
 opacity: 0;
}
#banners .in {
 transition: all 0.5s linear;
 opacity: 1;
}
#banners .out {
 transition: all 0.5s linear;
}
#banners .b0 {
 background: url(../imgs/b/b0.jpg)
}
#banners .b2 {
 background: url(../imgs/b/b1.jpg)
}
#banners .b1 {
 background: url(../imgs/b/b2.jpg)
}
#banners .b3 {
 background: url(../imgs/b/b3.jpg)
}

.x-link {
 position: relative;
 overflow: hidden;
}
.x-link img {
 position: absolute;
 top: 0;
 left: 0;
 transition: all 0.5s ease-in-out;
}
.x-link-hide img {
 top: -100%;
}
.x-over {
 background: rgba(0,0,0,0.5);
 position: fixed;
 top: 100%;
 left: 0;
 width: 100%;
 height: 100%;
 transition: top 0.5s ease-in-out;
 z-index: 100;
}
.x-over-show {
 top: 0;
}
.x-popup {
 position: fixed;
 top: -100%;
 left: 0;
 width: 100%;
 height: 100%;
 transition: top 0.5s ease-in-out;
 z-index: 101;
 cursor: pointer;
}
.x-popup div {
 position: relative;
}
.x-popup span {
 display:none;
 border-radius: 25px;
 border:solid 3px #fff;
 color: #fff;
 height: 10px;
 line-height: 10px;
 padding: 10px;
 position: absolute;
 right: -20px;
 text-align: center;
 top: -20px;
 width: 10px;
 background: rgba(0,0,0,0.7);
 font-size:15px;
 overflow:hidden;
}
.x-popup div:hover span{
 display: block;
}
.x-popup img {
 width: 100%;
 height: 100%;
}
.x-popup-show {
 top: 0;
}
.seo h2 {
	font-size:10px;
	display: inline-block;
}