@charset "utf-8";
/* CSS Document */
body {
	position: relative;
}
h1, h2, h3, h3 {
	font-family: 'Oswald', sans-serif;
	font-weight: normal;
}
p, table {
	font-family: 'Dosis', sans-serif;
	font-size: 20px;
}
div {
	font-family: 'Dosis', sans-serif;
}
a, a:hover {
	color: #be1e2c;
}
.menu_bars {
	border: 1px solid #ccc;
}
.menu_bars:hover {
	color: #fff;
	background: #FF0004;
}
.button_black {
	background-color: #000000;
	border: 0px solid #ff0000;
	display: inline-block;
	cursor: pointer;
	color: #ffffff;
	font-family: Dosis, sans-serif;
	font-size: 20px;
	padding: 12px 24px;
	text-decoration: none;
}
.button_black:hover {
	background-color: #000;
	color: #fff;
	text-decoration: none;
}
.button_black:active {
	position: relative;
}
.hvr-underline-reveal:before {
	background: #ff0000;
}
#bikes {
	padding-top: 25px;
	padding-bottom: 0px;
	background: rgb(211,211,211); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 22%, rgba(241,241,241,1) 69%, rgba(206,206,206,1) 71%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 22%, rgba(241,241,241,1) 69%, rgba(206,206,206,1) 71%, rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(211,211,211,1) 0%, rgba(255,255,255,1) 22%, rgba(241,241,241,1) 69%, rgba(206,206,206,1) 71%, rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d3d3d3', endColorstr='#ffffff', GradientType=0 );
}
#hardware {
	padding-top: 10px;
	padding-bottom: 25px;
}
#instructions {
	padding-top: 25px;
	padding-bottom: 25px;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
#app {
	padding-top: 25px;
	padding-bottom: 25px;
	background-color: #be1e2c;
	-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	background-image: url(../images/pattern_sharedbikes_dark_transparent.png);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #fff;
}
#admin {
	padding-top: 25px;
	padding-bottom: 25px;/*
	background-color: #ccc;
	-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	-moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.5);
	background-image: url(../images/pattern_sharedbikes_dark_transparent.png);
	background-repeat: repeat;
	background-attachment: fixed;
	color: #000;
	*/
}
#rates {
	padding-top: 25px;
	padding-bottom: 25px;
	background: rgb(114,114,114); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(226,226,226,1) 8%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(114,114,114,1) 0%, rgba(226,226,226,1) 8%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(114,114,114,1) 0%, rgba(226,226,226,1) 8%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 51%, rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#727272', endColorstr='#fefefe', GradientType=0 );
}
#rate_header {
	padding: 10px;
	color: #fff;
	background-color: #be1e2c;
	-webkit-border-radius: 16px 16px 0px 0px;
	-moz-border-radius: 16px 16px 0px 0px;
	border-radius: 16px 16px 0px 0px;
	background: rgb(190,30,44); /* Old browsers */
	background: -moz-linear-gradient(top, rgba(190,30,44,1) 0%, rgba(190,30,44,1) 61%, rgba(124,19,28,1) 92%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(190,30,44,1) 0%, rgba(190,30,44,1) 61%, rgba(124,19,28,1) 92%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(190,30,44,1) 0%, rgba(190,30,44,1) 61%, rgba(124,19,28,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2c', endColorstr='#7c131c', GradientType=0 );
}
#rate_body {
	color: #fff;
	padding: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 0px 0px 16px 16px;
	-moz-border-radius: 0px 0px 16px 16px;
	border-radius: 0px 0px 16px 16px;
	background: rgb(149,149,149);
	background: -moz-linear-gradient(-45deg, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%);
	background: -webkit-linear-gradient(-45deg, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%);
	background: linear-gradient(135deg, rgba(149,149,149,1) 0%, rgba(13,13,13,1) 46%, rgba(1,1,1,1) 50%, rgba(10,10,10,1) 53%, rgba(78,78,78,1) 76%, rgba(56,56,56,1) 87%, rgba(27,27,27,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#959595', endColorstr='#1b1b1b', GradientType=1 );
}
#faqs {
	padding-top: 25px;
	padding-bottom: 25px;
}
#contact {
	padding-top: 25px;
	padding-bottom: 25px;
	-webkit-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.3);
	-moz-box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.3);
	box-shadow: inset 0px 10px 10px -5px rgba(0,0,0,0.3);
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(-45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(135deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
/*
	background-image: url(images/pattern_sharedbikes_dark_transparent.png);
	background-repeat: repeat;
	background-attachment: fixed; */		
}
.bike_icon {
	padding: 15px;
	max-height: 300px;
}
#band_white {
	padding-top: 15px;
	padding-bottom: 15px;
}
#band_black {
	background: #000;
	color: #fff;
}
#band_black_inner {
	padding-top: 20px;
	padding-bottom: 20px;
}
#band_black_inner p {
	font-size: 24px;
}
#band_red {
	background: -moz-linear-gradient(45deg, rgba(190,30,45,1) 0%, rgba(190,30,45,1) 50%, rgba(238,50,47,1) 50%, rgba(238,50,47,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(190,30,45,1) 0%, rgba(190,30,45,1) 50%, rgba(238,50,47,1) 50%, rgba(238,50,47,1) 100%);
	background: linear-gradient(45deg, rgba(190,30,45,1) 0%, rgba(190,30,45,1) 50%, rgba(238,50,47,1) 50%, rgba(238,50,47,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2d', endColorstr='#ee322f', GradientType=1 );
	color: #fff;
}
#band_bloom {
	background: -moz-linear-gradient(45deg, rgba(37,50,70,1) 0%, rgba(37,50,70,1) 50%, rgba(236,0,140,1) 50%, rgba(236,0,140,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(37,50,70,1) 0%, rgba(37,50,70,1) 50%, rgba(236,0,140,1) 50%, rgba(236,0,140,1) 100%);
	background: linear-gradient(45deg, rgba(37,50,70,1) 0%, rgba(37,50,70,1) 50%, rgba(236,0,140,1) 50%, rgba(236,0,140,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2d', endColorstr='#ee322f', GradientType=1 );
	color: #fff;
}
#band_red_inner {
	width: 100%;
	background: -moz-linear-gradient(45deg, rgba(190,30,45,0.85) 0%, rgba(190,30,45,0.85) 1%, rgba(190,30,45,0.92) 50%, rgba(238,50,47,0.92) 50%, rgba(238,50,47,1) 100%);
	background: -webkit-linear-gradient(45deg, rgba(190,30,45,0.85) 0%, rgba(190,30,45,0.85) 1%, rgba(190,30,45,0.92) 50%, rgba(238,50,47,0.92) 50%, rgba(238,50,47,1) 100%);
	background: linear-gradient(45deg, rgba(190,30,45,0.85) 0%, rgba(190,30,45,0.85) 1%, rgba(190,30,45,0.92) 50%, rgba(238,50,47,0.92) 50%, rgba(238,50,47,1) 100%);
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d9be1e2d', endColorstr='#ee322f', GradientType=1 );
	position: absolute;
	top: 40%;
}
#band_red_inner_text {
	color: #fff;
	width: 100%;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 25%;
	padding-right: 25%;
}
#background_ftl_bikes {
	width: 100%;
	height: 650px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(5% 0%, 80% 0%, 95% 100%, 20% 100%);
	clip-path: polygon(5% 0%, 80% 0%, 95% 100%, 20% 100%);
	background-image: url('../images/example_ftl_bikes.jpg');
	background-size: cover;
	background-position: 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-attachment: fixed;
}
#background_bikes_for_hotels {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_biz_the_mark.jpg');
	background-size: cover;
	background-position: 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_fleet_bikes {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_biz_fleets_google.jpg');
	background-size: cover;
	background-position: 0% 50%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_promotional_bikes {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_biz_promotions_evian.jpg');
	background-size: cover;
	background-position: 50% 20%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_retail_programs {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_biz_retail_cb2.jpg');
	background-size: cover;
	background-position: 50% 40%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_bike_sharing {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_biz_sharing_jade.jpg');
	background-size: cover;
	background-position: 50% 40%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_republic_kids {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_kids_cargo_lifestyle_01.jpg');
	background-size: cover;
	background-position: 50% 40%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_bikes_for_you {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../../images/home_bikes_for_you_lifestyle.jpg');
	background-size: cover;
	background-position: 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
#background_studio {
	width: 100%;
	height: 500px;
	margin: 0px;
	padding: 0px;
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	background-image: url('../studio/images/studio_ambassador_jorge.jpg');
	background-size: cover;
	background-position: 50% 0%;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;/* background-attachment: fixed; */
}
.clip_right {
	-webkit-clip-path: polygon(5% 0, 80% 0, 95% 100%, 20% 100%);
	clip-path: polygon(5% 0, 80% 0, 95% 100%, 20% 100%);
}
.clip_left {
	-webkit-clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
	clip-path: polygon(20% 0, 95% 0, 80% 100%, 5% 100%);
}
/* corrections for xs */
@media (max-width: 767px) {
#background_retail_programs {
	background-position: 50% 50%;
}
#background_promotional_bikes {
	background-position: 50% 50%;
}
}
#footer {
	padding-top: 25px;
	background: #000;
	padding-bottom: 50px;
	color: #fff;
	font-size: 12px;
}
#footer p {
	font-size: 12px;
}
#footer a {
	color: #be1e2c;
}
.social_icon {
	color: #fff;
	padding-left: 5px;
	padding-right: 5px;
}
#band_gray {
	padding: 20px;
	background: rgb(226,226,226); /* Old browsers */
	background: -moz-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(45deg, rgba(226,226,226,1) 0%, rgba(219,219,219,1) 50%, rgba(209,209,209,1) 50%, rgba(254,254,254,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e2e2e2', endColorstr='#fefefe', GradientType=1 );
}
.header-unit {
  height: 425px;
  border: 0px solid #000;
  border-right:none;
  border-left: none;
  position: relative;
  padding: 0px;
  background: -moz-linear-gradient(45deg, rgba(190,30,45,0.8) 0%, rgba(190,30,45,0.5) 50%, rgba(238,50,47,0.5) 50%, rgba(238,50,47,0.8) 100%); 
	background: -webkit-linear-gradient(45deg, rgba(190,30,45,0.8) 0%,rgba(190,30,45,0.5) 50%,rgba(238,50,47,0.5) 50%,rgba(238,50,47,0.8) 100%); 
	background: linear-gradient(45deg, rgba(190,30,45,0.8) 0%,rgba(190,30,45,0.8) 50%,rgba(238,50,47,0.5) 50%,rgba(238,50,47,0.5) 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be1e2d', endColorstr='#ee322f',GradientType=1 );"
	-webkit-box-shadow: inset 0px 50px 50px -25px rgba(0,0,0,0.6);
-moz-box-shadow: inset 0px 50px 50px -25px rgba(0,0,0,0.6);
box-shadow: inset 0px 50px 50px -25px rgba(0,0,0,0.6);
}
#video-container {
	position: absolute;
	
}
#video-container {
	top:0%;
	left:0%;
	height:100%;
	width:100%;
	overflow: hidden;
	
}
video {
	position:absolute;
	z-index: -100;
	
}
video.fillWidth {
	width: 100%;	
	position: relative;
	top: 50%;
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
  	transform: translateY(-50%);	
}
#checkout_notification .notification-warning {
	background: #FF0004;
	color: #FFFFFF;
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	font-size: 20px;
	padding: 20px;
}