﻿/* 我的PB模板网（5MoBan.com）做最好的整站PbootCMS模板下载网站 */
/* 万维站长：www.WanWeiZhan.Com */
/* Pboot模板网 ：www.PbootMoBan.com */
/* QQ：43171398 */
/* 站长交流群①：183945698 */
/* 站长交流群②：183966298 */
/* 商业VIP群 ③  183989070 */
/* 会员VIP群 ④ ：38400389 */
@charset "utf-8";
html {
	font-size: 62.5%;
}
body {
	font-family: "Open Sans", 'Raleway', "Microsoft YaHei", sans-serif;
	font-size: 16px;
	line-height: 2.4rem;
	background-color: #fff;
	color: #676767;
}
p {
	font-size: 1.5rem;
}
a {
	color: #404040;
}
a:hover {
	text-decoration: none;
}
img {
	max-width: 100%;
}
.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.top {
	margin-top: 5rem;
}
.top-mini {
	margin-top: 3rem;
}
.block {
	display: inline-block;
}
.paddings {
	padding: 10rem 0;
}
iframe {
	border: none;
	width: 100%;
}
.text-overflow {
	overflow: hidden !important;
}
nav .bar-login, nav .menu, .carousel-bikes, .social-icons, .gallery-images, .faq, .footer-bottom .menu, .thumbs, .tweet_list, .social_bottons, .login_form ul, .sf-menu .sub-current, .sf-mega ul, .bar-section ul, .team, .social, .sponsors, .team-carousel, .list-bikes, .extra-products, .working-hours, .faq, .sitemap, .sitemap ul, .list-features {
	padding: 0;
	margin: 0;
}
nav .bar-login li nav .menu li, .carousel-bikes li, .social-icons li, .gallery-images li, .tweet_list li, .social_bottons li, .login_form ul, .sf-menu .sub-current li, .sf-mega ul li, .bar-section ul li, .team li, .social li, .sponsors li, .team-carousel li, .list-bikes li, .extra-products li, .working-hours li, .faq li, .sitemap li, .list-features li {
	list-style: none;
}
h1, h2, h3, h4, h5, h6 {
	color: #404040;
}
.sub-text {
	position: absolute;
	bottom: 4.8rem;
	right: 2.5rem;
}
.sub-text h4 {
	font-size: 5rem;
	opacity: 0.6;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	letter-spacing: -0.01px;
}
.social-icons li {
	display: inline-block;
	margin-right: 1rem;
}
.social-icons li i {
	font-size: 3rem;
}
.social-icons .fa-facebook-official {
	color: #3A589B;
}
.social-icons .fa-twitter {
	color: #55ACEE;
}
.social-icons .fa-bicycle {
	color: #06728D;
}
.social-icons .fa-youtube {
	color: #E02F2F;
}
.iframe_video {
	display: block;
}
.alert {
	width: 320px;
	padding: 1rem;
	text-align: left;
	font-size: 1.4rem;
	margin-top: 1rem;
}
.tp-banner-container {
	border-bottom: 0.3rem solid;
}
select {
	background-color: #fbfafa;
	font-size: 1.4rem;
	border: 1px solid #ededed;
	padding: 5px;
	height: 37px;
	line-height: 37px;
}
.divider {
	width: 100%;
	height: 1px;
	margin: 5rem 0;
	background-color: #ededed;
}
.text-capitalize {
	text-transform: capitalize;
	font-size: 8rem;
	line-height: 9rem;
}
#map {
	display: block;
	width: 100%;
	height: 400px;
	margin: 0 auto;
	border-bottom: solid 1px #dedede;
	-moz-box-shadow: 0px 5px 20px #eee;
	-webkit-box-shadow: 0px 5px 20px #eee;
	box-shadow: 0px 5px 20px #eee;
}
blockquote p {
	color: #404040;
	font-size: 2.5rem;
	line-height: 3.5rem;
}
.section-gray {
	background-color: #f7f7f7;
}
.borders {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
.info_dark {
	background-color: #191919;
	background: #191919;
	color: #dedede !important;
}
.content_info {
	position: relative;
	width: 100%;
}
/* Preloader --------------------------------------------------------*/
.preloader {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #fefefe;
	z-index: 99999;
	height: 100%;
	width: 100%;
	overflow: hidden !important;
}
.status {
	width: 16px;
	height: 16px;
	position: absolute;
	left: 50%;
	top: 50%;
	background-image: url("../images/preloader.gif");
	background-repeat: no-repeat;
	background-position: center;
	-webkit-background-size: cover;
	background-size: cover;
	margin: -20px 0 0 -20px;
}
.trips-pag {
	margin: 10rem 0 2rem 0;
}
/* Menu ----------------------------------------------------------*/
nav {
	border-top: 0.3rem solid;
	background: #1d1d1d;
}
nav .mainmenu {
	background-color: #2F2F2F;
	height: 100%;
}
nav .logo {
	padding: 2rem 0rem;
}
nav .logo img {
	width: 4rem;
	margin-top: -2rem;
}
nav .logo span {
	color: #fff;
	font-family: "Open Sans", 'Dancing Script', "Microsoft YaHei", cursive;
	font-size: 3rem;
	line-height: 6rem;
	letter-spacing: 0.3rem;
}
.sf-menu > li > a {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 0.07rem;
	font-weight: lighter;
}
nav .bar-login {
	background-color: #1d1d1d;
	padding: 4rem 0rem 1rem 5rem;
}
nav .menu_02 .logo {
	padding: 4rem 0rem 0 0;
}
nav .menu_02 .bar-login {
	padding: 1rem 0 3rem 0;
}
nav .menu_02 .bar-login #loginpanel {
	right: 27%;
}
nav .menu_02.sf-menu {
	padding-left: 22%;
}
nav .bar-login li:last-child, nav .bar-login li p, nav .menu p {
	margin-right: 0;
}
.icon-slider {
	font-size: 100px;
}
.tp-caption {
	font-family: "Open Sans", 'Dancing Script', "Microsoft YaHei", cursive !important;
}
.tinynav {
	display: none;
}
.is-sticky .sf-menu > li {
	margin: 0 15px 0 0;
	padding: 10px 10px 8px 10px;
}
.is-sticky .mainmenu {
	min-height: 30px;
	left: 0;
}
.is-sticky .sf-menu .sf-mega, .is-sticky .sf-menu li:hover > .sf-mega, .is-sticky .sf-menu li.sfHover > .sf-mega, .is-sticky .sf-menu .sub-current {
	top: 44px;
}
.is-sticky .sf-menu .sub-current .sub-current {
	top: 0px;
}
nav .mainmenu .extra-products li img {
	float: none;
}
nav .mainmenu .extra-products h6 {
	margin-bottom: 0;
}
nav .mainmenu .extra-products p {
	font-size: 1.3rem;
	line-height: 2.1rem;
	font-weight: lighter;
}
nav .mainmenu .video-menu iframe {
	width: 100%;
	margin-top: 1rem;
	height: 17rem;
}
.sf-menu .sf-mega .extra-products li:hover, .sf-menu .sub-current .extra-products li:hover {
	background-color: transparent;
}
/* Parallax Secion --------------------------*/
.image_01_parallax {
	background: url("../images/parallax-image-02.jpg");
}
.image_02_parallax {
	background: url("../images/parallax-image-04.jpg");
}
.image_03_parallax {
	background: url("../images/parallax-image-01.jpg");
}
.image_04_parallax {
	background: url("../images/parallax-image-03.jpg");
}
.bg_parallax {
	margin: 0 auto;
	padding: 0;
	position: absolute;
	z-index: 0;
	left: 0;
	right: 0;
	width: 100%;
	height: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: repeat-y;
	background-position: 0 50%;
	-webkit-transition: none;
	-moz-transition: none;
	-ms-transition: none;
	-o-transition: none;
	transition: none;
}
.opacy_bg_01 {
	bottom: 0px;
	left: 0;
	width: 100%;
	position: relative;
	height: auto;
	z-index: 2;
	background: rgba(255,255,255,0.6)
}
.opacy_bg_02 {
	bottom: 0px;
	left: 0;
	color: #dedede !important;
	width: 100%;
	position: relative;
	height: auto;
	z-index: 2;
	background: rgba(0,0,0,0.7)
}
.opacy_bg_02 .caption-head {
	color: #5c5c5c !important;
}
.opacy_bg_02 .caption-head h2 {
	color: #232323 !important;
}
.opacy_bg_03 {
	bottom: 0px;
	left: 0;
	color: #dedede !important;
	width: 100%;
	position: relative;
	height: auto;
	z-index: 2;
}
.opacy_bg_04 {
	bottom: 0px;
	left: 0;
	width: 100%;
	color: #dedede !important;
	position: relative;
	height: auto;
	z-index: 2;
}
.overflow-hidden {
	overflow: hidden;
}
.color-font-white, .color-font-white h1, .color-font-white h2, .color-font-white h3 {
	color: #fff;
}
.bg-title.paddings {
	padding: 0rem 0 45rem 0;
	z-index: 0;
}
.top-sub-home {
	margin-top: -50rem;
}
/* Bg Title ------------------------------------------------------*/
.bg-title {
	position: relative;
	overflow: hidden;
	z-index: 2;
}
.bg-title img, .overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	background-size: cover;
}
.overlay {
	height: 100%;
	opacity: 0.5;
}
.overlay.solid {
	opacity: 1;
}
.bg-title .text-content {
	color: #f5f5f5;
	margin: 0 auto;
	width: 70%;
}
.text-content h2 {
	color: #f5f5f5;
	font-size: 4rem;
	line-height: 6rem;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.text-content > h4 {
	color: #f5f5f5;
	font-size: 2rem;
	line-height: 3.2rem;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.text-content > p {
	font-size: 1.6rem;
	line-height: 2.6rem;
	letter-spacing: 0.3px;
}
.text-content.home-03 {
	width: auto;
	padding-bottom: 20rem;
	margin: auto;
}
.bar-info {
	padding: 4rem;
	color: #fff;
	opacity: 0.9;
	font-weight: lighter;
	position: relative;
}
.bar-info h3 {
	color: #f5f5f5;
	font-weight: lighter;
	line-height: 4rem;
	letter-spacing: 0.2px;
}
.bar-info i {
	font-size: 11rem;
	opacity: 0.6;
	float: left;
	margin-top: -1.5rem;
	margin-right: 2.5rem;
}
.bg-title .phone {
	position: absolute;
	right: 0;
	width: 30%;
	z-index: 1;
}
/* Central Content -----------------------------------------------*/
.item-category.paddings {
	margin-top: 0;
}
hr {
	border-top: 1px solid;
	width: 30%;
	margin: 0 auto;
	margin-top: 2.5rem;
	position: relative;
}
hr:after {
	border-top: 2px solid;
	width: 30%;
	margin-top: -1px;
	content: '';
	position: absolute;
	top: -0.1rem;
	left: 35%;
}
hr.left-hr {
	margin-bottom: 2rem;
	margin-top: 2rem;
	margin-left: 0;
}
hr.left-hr:after {
	left: 0;
}
.item-category .items hr {
	width: 30%;
	margin-left: 0;
	margin-top: 0;
	margin-bottom: 1rem;
}
.item-category .items hr:after {
	width: 20%;
	left: 0;
}
.text-content.home-03 hr {
	margin-left: 35%;
}
.item-category figure, .item-category figure img {
	position: relative;
}
.item-category figure .sub-text {
	position: absolute;
	left: 3%;
	top: 0;
	background-color: rgba(0,0,0,0.3);
	width: 94%;
	height: 100%;
}
.item-category figure:hover .sub-text {
	background-color: rgba(0,0,0,0.2);
}
.item-category figure:hover .sub-text h4 {
	opacity: 0.85;
}
.item-category figure .sub-text h4 {
	position: absolute;
	bottom: 6.1rem;
	right: 1.7rem;
}
.top-category {
	margin-top: 7rem;
}
.item-category figcaption {
	position: absolute;
	background-color: #fbfafa;
	bottom: -4rem;
	width: 87%;
	left: 6.5%;
	padding: 1rem 1.5rem;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	-webkit-box-shadow: 0px 7px 5px -7px rgba(0,0,0, 0.3);
	-moz-box-shadow: 0px 7px 5px -7px rgba(0,0,0, 0.3);
	box-shadow: 0px 7px 5px -7px rgba(0,0,0, 0.3);
}
.item-category figure figcaption p {
	font-size: 1.4rem;
	line-height: 2rem;
	letter-spacing: 0.03rem;
	color: #4c4c4c;
}
.item-category h3 {
	margin-top: 0;
}
.carousel-bikes {
	margin-top: 5rem;
}
.carousel-bikes.home {
	margin-top: 0;
	padding: 3rem 7rem;
}
/* Title downloads -----------------------------------------------------*/
.title-downloads {
	font-weight: 400;
	z-index: 5;
	position: relative;
	padding-top: 6rem;
}
.title-downloads .responsive-numbers span {
	background-color: #2F2F2F;
	color: #fff;
	padding: 1rem 1.5rem;
	border-radius: 0.8rem;
	-webkit-border-radius: 0.8rem;
	-moz-border-radius: 0.8rem;
	border-radius: 0.8rem;
	font-weight: bold;
}
.title-downloads .logo-clients {
	background-color: #fff;
	color: #2F2F2F;
	padding: 0;
	border-radius: 0;
}
/* subtitle downloads -----------------------------------------------------*/
.subtitle-downloads {
	margin-top: 30px;
	position: relative;
	z-index: 5;
}
.subtitle-downloads h4 {
	background-color: #fff;
	margin: 0 auto;
	width: 40%;
	z-index: 2;
	position: relative;
}
.subtitle-downloads h4 i {
	font-size: 2em;
	margin: auto 10px;
}
.subtitle-downloads .line {
	height: 1px;
	z-index: 1;
	background-color: #dedede;
	width: 80%;
	left: 10%;
	position: absolute;
	top: 67%;
}
.sections .subtitle-downloads h4 {
	background-color: #fff;
}
/* image clients downloads -----------------------------------------------------*/
.image-clients-downloads {
	margin: 3.5rem auto 5rem auto;
	display: table;
}
.image-clients-downloads li {
	display: inline-block;
	width: 70px;
	margin: auto 5px;
	border: solid 1px #ddd;
}
.image-clients-downloads li:hover {
	cursor: pointer;
}
.image-clients-downloads li img {
	width: 100%;
}
/* Bar video Gallery and Simple Gallery ---------------------------------------*/
.video-gallery {
	background-color: #fbfafa;
	border-top: 0.1rem solid #ededed;
	border-bottom: 0.1rem solid #ededed;
}
.video {
	position: relative;
	width: 49.2%;
	float: left;
	margin: 0 3rem 0 0;
	overflow: hidden;
}
.video figure figcaption {
	position: absolute;
	top: 3rem;
	left: 5rem;
	width: 100%;
	z-index: 1;
	height: 100%;
}
.video figure figcaption i {
	font-size: 11rem;
	color: #CC181E;
	opacity: 0.6;
	float: left;
	margin-right: 1rem;
	margin-top: 0.5rem;
}
.video figure figcaption .text-video, .video figure figcaption .text-video h2 {
	color: #fff;
}
.video figure figcaption .text-video h2 {
	font-size: 4rem;
	margin-bottom: 0rem;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.video figure figcaption .text-video time {
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.gallery {
	width: 40%;
	display: inline-block;
	vertical-align: top;
	position: relative;
	margin-top: 12rem;
	padding-bottom: 12rem;
}
.gallery hr {
	margin: 1.5rem 0 1.5rem 0;
}
.gallery hr:after {
	left: 0;
}
.video .sub-text {
	bottom: 0.2rem;
	right: 5rem;
}
.video .sub-text h4 {
	font-size: 9rem;
	letter-spacing: -0.2rem;
}
/* Gallery Images Carousel -----------------------------------------------------------*/
.img-hover {
	overflow: auto;
}
.img-hover i {
	font-size: 3rem;
	color: #fff;
	opacity: 0.9;
}
.gallery-images {
	margin-top: 3rem;
}
.gallery-images img {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.gallery-images figure, .img-hover figure {
	position: relative;
}
.gallery-images figure figcaption, .img-hover figure figcaption {
	position: absolute;
	top: -2rem;
	width: 100%;
	overflow: hidden;
}
.gallery-images figure:hover figcaption, .img-hover figure:hover figcaption {
	padding: 6rem 0;
	font-size: 3rem;
	opacity: 0.9;
	background-color: #000;
	background-color: rgba(0,0,0,0.5);
	width: 100%;
	height: auto;
	color: #fff;
}
.bar-section ul {
	padding-top: 3rem;
}
.bar-section ul li {
	position: relative;
	display: inline-block;
	margin: 0 54px 30px;
	text-transform: uppercase;
	font-size: 1.8rem;
	line-height: 4.8rem;
	font-weight: 500;
	text-align: left;
}
.bar-section ul li i {
	font-size: 74px;
	margin-left: 10px;
	vertical-align: -2%;
	line-height: 74px;
	color: #404040;
	opacity: 0.8;
}
.bar-section ul li strong {
	display: block;
	font-size: 42px;
	font-weight: 700;
	margin-bottom: 5px;
}
.bar-section ul li:before {
	content: '\f054';
	font-family: FontAwesome;
	line-height: 1;
	font-size: 20px;
	color: #676767;
	position: absolute;
	top: 56%;
	right: -3rem;
	margin-top: -3rem;
}
.bar-section h2 {
	font-size: 3.5rem;
	font-weight: lighter;
	line-height: 4.5rem;
}
.bar-section i {
	font-size: 7rem;
	line-height: 8rem;
}
.bar-section a:hover {
	opacity: 0.7;
}
/* Faqs -----------------------------------------------------*/
.faq {
	border-top: solid #dedede 1px;
	border-bottom: solid #dedede 1px;
}
.faq li {
	padding: 20px 0 10px 0;
	margin-left: 0px;
	margin-right: 0;
	width: 100%;
	border-bottom: 1px solid #dedede;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
	transition: 0.2s all ease;
}
.faq li:last-child {
	margin-bottom: 0px;
	border-bottom: 0;
}
.faq li:hover {
	background-color: #fff;
	-webkit-transition: 0.2s all ease;
	-moz-transition: 0.2s all ease;
	-o-transition: 0.2s all ease;
	-ms-transition: 0.2s all ease;
	transition: 0.2s all ease;
}
.faq li:hover .info .link .more.faq {
	right: 0;
}
.faq .info {
	border-left: none;
}
.faq .faq-list li {
	list-style: disc;
	padding: 0;
	border-bottom: none;
}
.faq .faq-list {
	padding-bottom: 3rem;
}
.faq .faq-list li a {
	font-size: 1.4rem;
	letter-spacing: 0.02rem;
}
.faq .info .link .more {
	padding: 0 1rem;
	border-radius: 0.5rem;
}
.faq .info .link .more a {
	font-size: 1.3rem;
	color: #fff;
}
.faq .info {
	padding-left: 3.5rem;
}
.info h4 {
	padding: 5px 0 0 0;
	margin-bottom: 0;
	line-height: 2.8rem;
}
.info .link {
	position: relative;
}
.info .link a {
	font-size: 1.3rem;
	color: #ADADAD;
}
.info .link span {
	font-size: 1.3rem;
	color: #ADADAD;
}
.info .link .more {
	position: absolute;
	top: 0;
	right: 7em;
}
.info .link .more a {
	color: #404040;
	font-size: 1.7rem;
}
.box.faq .info .link .more:hover a {
	color: #fff;
}
/* Team --------------------------------------------------------------*/
.team li {
	float: left;
	margin: 0.1rem;
}
.team > li img {
	width: 27.4rem;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.team > li:first-child {
	padding-left: 19.8%;
	padding-top: 8rem;
}
.team > li:nth-child(3), .team > li:nth-child(2) {
	padding-top: 8rem;
}
.team > li:nth-child(3) {
	padding-right: 20%;
}
.team-gallery {
	position: relative;
	overflow: hidden;
}
.overlay-info p {
	color: rgba(255,255,255,0.7);
}
.overlay-info {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 20px 25px 10px 30px;
	width: 100%;
	color: #fff;
	background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0,0,0,0)), color-stop(100%, rgba(0,0,0,1)));
	background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -o-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 100%);
}
.team-gallery:hover .data-name {
	-webkit-transform: translate3d(0, -85px, 0);
	transform: translate3d(0, -85px, 0);
	transition: opacity .5s, transform 1s;
	-webkit-transition: -webkit-transform 1s;
}
.team-gallery:hover .data-name h3 {
	text-shadow: 0 2px 1px #000;
}
.team-gallery:hover .data-name p {
	text-shadow: 0 2px 1px #000;
	color: #fff;
}
.team-gallery .data-name p {
	letter-spacing: 0.4px;
}
.overlay-info .data-name {
	-webkit-transform: translate3d(0, 115px, 0);
	transform: translate3d(0, 115px, 0);
	transition: opacity 1s, transform 1.35s;
}
.overlay-info .data-name h3 {
	margin-bottom: 0;
	color: #fff;
	font-weight: 500;
}
.team-gallery .overlay-description {
	color: #fff;
	opacity: 0;
	-webkit-transition: opacity .5s, -webkit-transform 1.0s;
}
.team-gallery:hover .overlay-description {
	opacity: 1;
	-webkit-transform: translate3d(0, -85px, 0);
	transform: translate3d(0, -85px, 0);
	transition: opacity 1s, transform 1.35s;
}
.team-gallery .social {
	position: relative;
	top: -21px;
}
.team-gallery .social li i {
	color: rgba(255,255,255,0.5);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
	font-size: 26px;
}
.team-gallery:hover .social li i {
	color: rgba(255,255,255,0.9);
	-webkit-transition: all .4s linear;
	-moz-transition: all .4s linear;
	-o-transition: all .4s linear;
	transition: all .4s linear;
}
.social li {
	margin-right: 0.5rem;
	display: inline-block;
}
.team-carousel .overlay-info .data-name {
	-webkit-transform: translate3d(0, 33px, 0);
	transform: translate3d(0, 33px, 0);
	transition: opacity 1s, transform 1.35s;
}
.team-carousel .team-gallery:hover .data-name {
	-webkit-transform: translate3d(0, -85px, 0);
	transform: translate3d(0, -25px, 0);
	transition: opacity .5s, transform 1s;
	-webkit-transition: -webkit-transform 1s;
}
.team-carousel .team-gallery:hover .overlay-description {
	opacity: 1;
	-webkit-transform: translate3d(0, -85px, 0);
	transform: translate3d(0, -25px, 0);
	transition: opacity 1s, transform 1.35s;
}
.team-carousel {
	margin: 4rem 0 1.5rem 0;
}
/* Crumbs --------------------------------------------------------------*/
.crumbs {
	background-color: #f5f5f5;
}
.breadcrumb {
	padding: 15px 15px 15px 0;
	margin-bottom: 0;
}
/* Sponsors -----------------------------------------------------------*/
.sponsors li {
	display: inline-block;
	border-left: 1px solid #ededed;
	border-bottom: 1px solid #ededed;
	padding: 2rem 3rem;
}
.sponsors li:first-child, .sponsors li:nth-child(5) {
	border-left: none;
}
.list-bikes.carousel li {
	width: auto;
}
.list-bikes li {
	display: inline-block;
	width: 23.35%;
	margin: 3rem 2rem 0rem 0;
	background-color: #fbfafa;
	border: 1px solid #ededed;
	padding: 0.5rem;
}
.image-bike {
	position: relative;
	overflow: hidden;
}
.image-bike .arrow-options .buy-item a, .image-bike .arrow-options .item-detail a, .image-bike .arrow-options .sold-item {
	color: #fff;
}
.image-bike .arrow-options .buy-item, .image-bike .arrow-options .sold-item, .image-bike .arrow-options .item-detail {
	position: absolute;
	left: -12rem;
	top: 60%;
	padding: 0.5rem 1.2rem;
	font-size: 1.3rem;
	letter-spacing: 0.05rem;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	z-index: 2;
}
.image-bike .arrow-options .sold-item {
	right: 0.3rem;
	top: 0.3rem;
	left: auto;
}
.image-bike .arrow-options .item-detail {
	left: auto;
	right: -12rem;
}
.list-bikes li:hover .item-detail {
	right: 4rem;
}
.list-bikes li:hover .buy-item {
	left: 4rem;
}
.list-bikes li:hover .image-bike img {
	opacity: 0.7;
}
.list-bikes .text-bike {
	padding-top: 1rem;
}
.list-bikes .text-bike h4 {
	margin-bottom: 0.3rem;
}
.sidebar .list-bikes li {
	width: 31%;
}
.sidebar .gallery-images figure:hover figcaption {
	padding: 2.7rem 2rem 2rem 2rem;
}
.sidebar .gallery-images figure figcaption i {
	font-size: 2rem;
}
/* Extra Products ----------------------------------------------------*/
.extra-products li figure img {
	float: left;
	width: 30%;
	margin-right: 1rem;
}
.extra-products li:hover p {
	color: #404040;
}
.extra-products li {
	margin-bottom: 5rem;
}
/* Events --------------------------------------------------------------*/
.events figcaption p {
	margin: 0;
	font-size: 1.3rem;
	line-height: 3rem;
	color: #676767 !important;
}
.events figcaption p span {
	font-weight: 500;
	padding-right: 0.5rem;
	letter-spacing: 0.04rem;
	color: #4c4c4c;
}
.events figcaption {
	bottom: -5.5rem;
	padding: 1rem 1.5rem 1.5rem 1.5rem;
}
.events figure .sub-text {
	background-color: rgba(0,0,0,0.2);
}
.events .details span {
	vertical-align: sub;
	font-size: 1.6rem;
}
.details p, .details h4 {
	margin-bottom: 0.5rem;
}
.details .top-mini {
	margin-top: 2.5rem;
}
.events .btn {
	position: absolute;
	right: 1rem;
	bottom: 1rem;
}
/* where buy --------------------------------------------------------*/
.place-purchase .item-category figure .sub-text {
	left: 0;
	width: 95.5%;
}
.place-purchase .item-category figcaption {
	width: 85%;
	left: 5.5%;
	padding: 2rem 3rem;
	bottom: -10rem;
}
.place-purchase .item-category figure .sub-text h4 {
	top: 11rem;
	right: 3.3rem;
}
.place-purchase .item-category .items hr {
	margin-left: auto;
	width: 50%;
	margin-top: 1.5rem;
	margin-bottom: 1.5rem;
}
.place-purchase .item-category .items hr:after {
	left: auto;
	left: 40%;
}
.place-purchase .working-hours {
	margin: 2.5rem 3rem 2.5rem 3rem;
}
.place-purchase .working-hours li span {
	float: right;
}
.place-purchase .item-category {
	margin-bottom: 9rem;
}
.modal.map iframe {
	height: 500px;
}
/*  Details ---------------------------------------------------------*/
.list-detail, .details-bike .list-inline.colors {
	margin: 3rem 0 4rem 0;
}
.details-bike .list-inline.colors li {
	width: 3.5rem;
	height: 3rem;
}
.details-bike .list-inline .red {
	background-color: #810328;
}
.details-bike .list-inline .black {
	background-color: #0A0E0D;
}
.details-bike .list-inline .gray {
	background-color: #7C7D7F;
}
.details-bike .list-inline .brown {
	background-color: #2F2E29;
}
.details-bike .list-inline .blue {
	background-color: #04b2fb;
}
.rating-star i, .rating-star .fa-star-half-o, .fa-star {
	color: #fdb822;
}
.rating-star .empty {
	color: #d4d4d4;
}
.details-categories li a {
	margin-right: 1.2rem;
}
.details-bike.gallery {
	margin-top: 4.5rem;
	padding-bottom: 6.5rem;
	padding-left: 2rem;
}
/* Tabs Details ------------------------------------------------------*/
.tab-pane {
	padding: 5rem 0 5rem 0;
}
.tab-content h3 {
	font-size: 2.1rem;
}
.tab-pane .divider {
	margin: 3rem 0 4rem 0;
}
.tab-pane .gallery-images {
	margin-top: 0;
}
.tab-pane .gallery-images figure:hover figcaption {
	padding: 7rem 0;
}
.tab-pane img {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.tab-pane .social li a {
	font-size: 3em;
}
.tab-pane .gallery-image li {
	width: 16%;
}
.tabpanel {
	border-bottom: 1px solid #ddd;
}
/*	Accordion ---------------------------------------------------------*/
.acc-trigger {
	cursor: pointer;
	margin: 0 0 0 0;
	width: 100%;
}
.no-js .acc-trigger:last-of-type {
	border-bottom: none;
}
.acc-trigger a {
	background: url("../images/accordion-ico.png") no-repeat 14px 13px;
	display: block;
	padding: 11px 20px 11px 44px;
	text-decoration: none;
	font-size: 1.6rem;
	border-bottom: 1px solid #e3e3e3;
	border-top: 1px solid #e3e3e3;
	color: #404040;
	letter-spacing: 0.02rem;
}
.acc-trigger a:first-child {
	border-top: 0;
}
.acc-trigger a:hover {
	background-position: 14px -58px;
}
.acc-trigger.active {
	cursor: default;
	background: #fff;
}
.acc-trigger.active:last-of-type {
	border-bottom: none;
	margin-bottom: 0;
}
.acc-trigger.active a {
	background-position: 14px -58px;
	cursor: default;
}
.acc-container .content {
	padding: 2.5rem 1.4rem 0.5rem 4.4rem;
	margin-bottom: 1rem;
}
.register .modal-dialog {
	width: 900px;
}
.register .modal-body {
	padding: 15px 30px;
}
.form-register {
	border-right: 1px solid #ddd;
}
.register .sign-up {
	padding-left: 3rem;
	padding-top: 6rem;
}
.form-horizontal .control-label {
	text-align: left;
	margin-right: 2rem;
}
.form-register {
	margin-bottom: 2rem;
}
/* Post -------------------------------------------------------------*/
.post {
	padding-right: 3rem;
}
.post img {
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.form-comment input, .form-comment textarea {
	border-radius: 0;
	height: 40px;
	margin-bottom: 1rem;
}
.form-comment textarea {
	height: 20rem;
}
.item-category.post figure figcaption p {
	line-height: 2.2rem;
}
.item-category.post figure .sub-text h4 {
	bottom: 4.4rem;
}
.item-category.post .list-unstyled p {
	margin-bottom: 0;
}
.item-category.post .items {
	padding-bottom: 4.5rem;
}
.item-category.post figure .sub-text {
	left: 3.2%;
	width: 93.6%;
}
.item-category.post.full-width figure .sub-text {
	left: 2.5%;
	width: 95%;
}
/* Sitemap ---------------------------------------------------------------*/
.sitemap {
	float: left;
	display: inline;
	width: 370px;
	margin-right: 2px;
	font-size: 14px;
	padding: 10px 0 0 0;
	background: url("../images/line_tree1.gif") left repeat-y;
}
.sitemap li {
	float: left;
	width: 347px;
	padding-left: 25px;
	line-height: 35px;
	background: url("../images/line_tree2.gif") 0 center no-repeat;
}
.sitemap li.has_sub {
	background: url("../images/line_tree2.gif") 0 17px no-repeat;
}
.sitemap li a {
	color: #666;
	position: relative;
	text-decoration: none;
}
.sitemap li a:hover {
	color: #cbd6e2;
	text-decoration: underline;
}
.sitemap ul {
	width: 132px;
	padding-top: 0;
}
/* Footer -----------------------------------------------------------*/
footer {
	background-color: #191919;
}
.footer-top, .footer-bottom {
	background: #2F2F2F;
}
.footer-top {
	text-align: center;
	padding: 4rem 0;
}
.footer-top h3 {
	padding: 0;
	font-weight: 300;
	font-size: 2rem;
}
.footer-top h3 a {
	color: #f5f5f5;
}
.footer-center {
	padding: 7rem 0;
}
.footer-center .item-center h4 {
	padding-bottom: 0;
}
.footer-center .item-center i {
	font-size: 1.8em;
	line-height: 1.4em;
	-webkit-transition: 0.5s all ease;
	-moz-transition: 0.5s all ease;
	-o-transition: 0.5s all ease;
	-ms-transition: 0.5s all ease;
	transition: 0.5s all ease;
}
.footer-center .item-center p {
	color: #ddd;
	max-width: 88%;
	margin: 0 auto;
}
.footer-center hr {
	border-top: 0.1rem solid #333;
	margin-top: 4rem;
	margin-bottom: 5rem;
}
.footer-center i {
	font-size: 5rem;
	line-height: 6rem;
}
footer h4, footer h3, footer i {
	color: #f5f5f5;
	text-shadow: 1px 1px 1px #000;
}
.twitter .owl-controls {
	margin-top: 20px;
}
.footer-top .fa-twitter {
	float: none;
}
footer .btn {
	border: 0;
	font-size: 16px;
	border-radius: 0 3px 3px 0;
	font-weight: 300;
}
footer .btn:hover {
	color: #f5f5f5;
}
footer .input-group-addon, footer input {
	background: #f5f5f5;
	border: 0;
}
footer .input-group-addon i {
	color: #131313;
	text-shadow: 1px 1px 1px #ccc;
}
footer .links li {
	color: #f5f5f5;
	line-height: 32px;
}
footer .links li a {
	color: #f5f5f5;
	font-size: 1.4rem;
}
#newsletterForm input, #newsletterForm button {
	background: transparent;
	border: none;
	border-bottom: 1px solid #fff;
	border-radius: 0;
	font-size: 7rem;
	height: auto;
}
#newsletterForm button {
	border: 1px solid #fff;
	height: 11.3rem;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	font-size: 5rem;
	padding: 0 25px;
}
/* Error Page & Coming Soon --------------------------------------*/
.error-page.paddings {
	padding: 15rem 0;
}
.error-page h2, .coming-soon h2 {
	font-family: "Open Sans", 'Dancing Script', "Microsoft YaHei", cursive;
	font-size: 17rem;
	line-height: 18rem;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	color: #f5f5f5;
	letter-spacing: 0.1rem;
}
.error-page h3, .coming-soon h3 {
	font-size: 8rem;
	line-height: 9rem;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
	color: #f5f5f5;
	letter-spacing: -0.4rem;
}
.error-page p {
	font-size: 4rem;
	color: #f5f5f5;
	line-height: 5rem;
	width: 70%;
}
.coming-soon img {
	width: 140px;
	position: relative;
}
.coming-soon h2 {
	font-size: 12rem;
	line-height: 13rem;
}
.coming-soon h3 {
	font-size: 3rem;
	line-height: 4rem;
	letter-spacing: 0;
	font-weight: lighter;
}
.coming-soon .btn {
	font-size: 2rem;
	padding: 1.5rem 2rem;
	letter-spacing: 0.05rem;
}
.coming-soon.paddings {
	padding: 12rem 0;
}
.error-page .btn {
	font-size: 1.7rem;
	padding: 1rem 1.6rem;
}
/*  Counter ------------------------------------------------------------*/
.counter {
	margin: 0 auto;
	padding-top: 43px;
	vertical-align: middle;
	position: relative;
}
.counter span {
	display: inline-block;
	margin: 0 0 20px 0;
	font-size: 5rem;
	color: #f5f5f5;
}
.counter span small {
	font-size: 16px;
	font-weight: normal;
	width: 100px;
	margin-right: 40px;
}
/* Features List of Bicycles ----------------------------------*/
.list-features {
	margin-top: 2rem;
}
.list-features.list-inline li {
	border-bottom: none;
}
.list-features li {
	font-size: 1.3rem;
	letter-spacing: 0.5px;
	border-bottom: 0.1rem dashed #dedede;
	line-height: 4.4rem;
}
.list-features li:last-child {
	border-bottom: none;
}
.table-check {
	background-color: #f5f5f5;
	padding: 3rem 0rem 2.5rem 0rem;
	margin-top: 2rem;
}
.table-check h3 {
	margin-top: 0;
}
.table-check li span {
	display: none;
}
.table-check .list-check li:nth-child(odd) {
	background-color: #ededed;
	padding: 1rem 0;
}
.table-check .list-check {
	margin: 2rem 0 2.5rem 0;
}
.table-check .list-check li:nth-child(even) {
	padding: 1rem 0;
}
.table-check .list-check .fa-check {
	color: #04cd9a;
}
.table-check .list-check .fa-close {
	color: #b31f1f;
}
.table-check .list-check p {
	margin-bottom: 0;
}
.quotation {
	margin-bottom: 8rem;
}
.quotation h2 {
	padding-top: 14rem;
}
.top-sub-home .quotation-gallery-div {
	background-color: #fff;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}
.top-sub-home .quotation-gallery-div img {
	padding: 2rem 2rem 0 2rem;
}
.top-sub-home .list-features li {
	color: #fff;
}
.top-sub-home .quotation h2 {
	color: #f5f5f5;
	text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}
.top-sub-home .quotation h2 {
	padding-top: 11rem;
}
/* Services ---------------------------------------------------*/
.services i {
	font-size: 5rem;
	float: left;
	margin: 2rem 3rem 0 0;
	color: #404040;
}
.services {
	margin-bottom: 2rem;
	padding-left: 5rem;
}
.services h3 {
	font-size: 2.2rem;
	line-height: 3rem;
}
/* Social -----------------------------------------------------*/
footer .menu {
	border-top: 1px solid #404040;
	padding: 3rem 0 2rem 0;
}
footer .menu.home-03 {
	border-top: none;
}
footer .menu li {
	display: inline-block;
	margin-right: 2rem;
}
footer .menu li a {
	color: #f5f5f5;
}
footer .social li {
	background: #2F2F2F;
	border-radius: 50%;
	text-align: center;
	display: inline-block;
}
footer .social li i {
	color: #f5f5f5;
	text-shadow: none;
}
.social li a:hover {
	color: #fff;
}
.copry {
	margin: 0;
	padding-bottom: 2rem;
	color: #f5f5f5;
	font-size: 1.4rem;
}
footer .social li {
	width: 6rem;
	height: 6rem;
	margin-right: 1rem
}
footer .social li i {
	font-size: 3rem;
	line-height: 6rem;
}
/* Bootstrap Extra --------------------------------------------*/
.popover-content {
	padding: 9px 14px;
	font-size: 13px;
	font-weight: 200;
	letter-spacing: 0.4px;
	color: #555;
}
.popover-title {
	font-weight: normal;
	padding: 10px 14px;
	font-weight: 400;
	letter-spacing: 0.04rem;
}
.popover {
	border-radius: 0;
}
hr.tall {
	margin: 44px 0;
	border: 0;
	height: 1px;
	background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
	background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.20), rgba(0,0,0,0));
}
div.show-grid [class*="col-md-"] span.show-grid-block {
	background-color: #dedede;
	line-height: 40px;
	min-height: 40px;
	text-align: center;
	border: 1px solid #FFF;
	display: block;
}
div.fontawesome-icon-list [class*="col-md-"] {
	margin-bottom: 10px;
}
div.fontawesome-icon-list i {
	margin-right: 10px;
}
div.fontawesome-icon-list a {
	color: #4c4c4c;
	font-size: 14px;
}
/* Video Section --------------------------*/
.bg_video {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
}
/* Top ------------------------------------------------------------*/
#toTop {
	display: none;
	text-decoration: none;
	position: fixed;
	bottom: 10px;
	right: 10px;
	overflow: hidden;
	width: 51px;
	height: 51px;
	border: none;
	text-indent: 100%;
	z-index: 9999;
	background: url("../images/ui.totop.png") no-repeat left top;
}
#toTopHover {
	background: url("../images/ui.totop.png") no-repeat left -51px;
	width: 51px;
	height: 51px;
	display: block;
	overflow: hidden;
	float: left;
	opacity: 0;
	-moz-opacity: 0;
}
#toTop:active, #toTop:focus {
	outline: none;
}

/*PB模板库新增翻页样式 各类模版第一站 www.PBku.Cn*/
.pagess {clear: both;margin: 20px;overflow: hidden;margin-left: 0px;text-align: center;font-size:12px}
.pagess ul li { display:inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;line-height: 20px;background: #fff;color:#999}
.pagess ul li:hover{ background:#ccc; color:#fff;border: 1px solid #ccc}
.pagess ul li:hover a{color:#fff;}
.pagess ul li.thisclass {display: inline-block;border: 1px solid #ccc;padding: 2px 9px;margin: 0 3px;background: #ccc;color: #fff;}
.pagess ul li.thisclass a {color: #fff;}
.pagess ul li a{ display:block;color:#999}
.pagess ul li a:hover {color: #fff;}