@charset "utf-8";
/* CSS Document */
body {
	background: #d7eef5;
	font-family: 'Lora', serif;
}
h1 {
	font-family: 'Arvo', serif;
	font-weight: bold;
}
h2 {
	font-family: 'Arvo', serif;
	color : #550007;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
}
h3 {
	font-family: 'Arvo', serif;
	font-weight: bold;
}
p {
	font-size: 16px;
	line-height: 24px;
}
.container {
	background: #f5f4ef;/*padding: 25px; */
}
.caption {
	font-style: italic;
	font-size: 12px;
	color : #550007;
}
.jumbotron {
	background: #f5f4ef;
}
mark {
	background-color: yellow;
	background: yellow;
}
.alert .alert-danger {
	margin-bottom: -10px;
	background: #FF0004;
	color: #FFFFFF;
}
.model_accordion, model_accordion:hover {
	background: #fff;
}
.btn, a.btn {
	font-family: 'Arvo', serif;
	font-weight: bold;
	background-color: #F79420;
	border: medium solid #ffcc55;
	border-style: outset;
	color: #1c0001;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
}
.btn:hover, .btn:focus, .btn:active, .btn.active {
	background: #F79420;
}
.btn-xl {  
    padding: 15px 22px;
    font-size: 24px;
    line-height: 1.33;
    border-radius: 0px
}
.btn_checkout {
	font-family: 'Arvo', serif;
	font-weight: bold;
	color: #1c0001;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	background-color: #acbfbf;
	border: medium solid #d5e9e9;
	border-style: outset;
}
.vcenter {    
    display: flex;
    align-items: center;

}
.modal {
	border-radius: 0px;
}
.color_swatch_disabled {
	height: 50px;	
	border: 4px solid #fff;
	margin-top: 4px;
	margin-bottom: 4px;
	padding: 0px;
	cursor: not-allowed;
	-moz-box-shadow: 0px 0px 6px 8px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.color_swatch {
	height: 50px;	
	border: 4px solid #fff;
	margin-top: 4px;
	margin-bottom: 4px;
	cursor: pointer;
	-moz-box-shadow: 0px 0px 6px 8px #000;
	-webkit-box-shadow: 0px 0px 6px #000;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
}
.color_swatch:hover {
	border: 4px solid #000;
	-moz-box-shadow: 0px 0px 6px 8px #e5f752;
	-webkit-box-shadow: 0px 0px 6px #e5f752;
    -webkit-animation: pulse 1s;
    animation: pulse 1s;
}	
.color_swatches input[type=radio]{
    	display:none;
	}
	.color_swatches input[type=radio]:checked + .color_swatch{
    	border: 4px solid #000;
		-moz-box-shadow: 0px 0px 6px 8px #e5f752;
		-webkit-box-shadow: 0px 0px 8px #e5f752;

	}
input[type=checkbox].css-checkbox {
	display:none;
}
input[type=checkbox].css-checkbox + label.css-label {
	padding-left:35px;
	height:30px; 
	display:inline-block;	
	line-height:30px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:16px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label {
	background-position: 0 -30px;
}
label.css-label {
	background-image:url(../images/csscheckbox.png);	
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}
.product_price {
	font-family: Gotham, "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size : 28px;
	font-weight: bold;
	text-decoration : none;
	color : #990000;
}
.product_price_compare {
	font-size: 10px;
	font-style: italic;
	
}
thead {
	font-family: 'Arvo', serif;
	color: #1c0001;
	background: #F79420;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	padding: 12px;
	text-align: left;
	margin-top: 10px;
	border-left: 1px #e4b85d solid;
	border-right: 1px #a97c1d solid;
	border-top: 1px #e7c070 solid;
	border-bottom: 1px #9d731b solid;
	-moz-box-shadow: 0 0 12px 0px #999999;
	-webkit-box-shadow: 0 0 12px #999999;/*
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	*/
}
#cart tr{
	font-size: 18px;
}

@media only screen and (max-width : 768px) {
	#cart tr {
		font-size: 14px;
	}
	#cart .combined_cell { 
     border-top: none !important; 
	}
	 #cart .box_white_fade {
	 padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-top: 8px;
	 }
	 #cart .cart_options {
	 	font-size: 14px;
	 }
	 
	 

}
@media only screen and (max-width : 480px) {
/*.container {
		background: #000;
		padding: 5px;
	}*/

.hidden-xxs {
	display: none;
}
h1 {
	font-size: 30px;
}
h2 {
	font-size: 25px;
}
h3 {
	font-size: 20px;
}
}
@media only screen and (min-width : 481px) {
.hidden-over-xxs {
	display: none;
}
}
.box_white {
	background: #fff;
	padding: 24px;
	-moz-box-shadow: 0px 0px 12px 0px #999999;
	-webkit-box-shadow: 0px 0px 12px #999999;/* -moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	*/
}
.box_white_fade {
	background: #fff;
	padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-top: 24px;
	-webkit-box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
	box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
}
.box_white_fade_top {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #F5F4EF),
	color-stop(1, #FFFFFF)
);
background-image: -o-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #F5F4EF 0%, #FFFFFF 100%);"
}
.box_white_fade_top {
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #FFFFFF),
	color-stop(1, #F5F4EF)
);
background-image: -o-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -moz-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -webkit-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: -ms-linear-gradient(bottom, #F5F4EF 0%, #FFFFFF 100%);
background-image: linear-gradient(to bottom, #F5F4EF 0%, #FFFFFF 100%);"
}
.box_white_header {
padding-left: 24px;
	padding-right: 24px;
	padding-bottom: 24px;
	padding-top: 24px;
	-webkit-box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
	-moz-box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
	box-shadow: 0px 12px 12px -6px rgba(0,0,0,0.25);
	
background: -moz-linear-gradient(top,  #ffffff 0%, #f5f4ef 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f5f4ef)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffffff 0%,#f5f4ef 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffffff 0%,#f5f4ef 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffffff 0%,#f5f4ef 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffffff 0%,#f5f4ef 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f5f4ef',GradientType=0 ); /* IE6-9 */

}
.scroll-top-wrapper {
	position: fixed;
	opacity: 0;
	visibility: hidden;
	overflow: hidden;
	text-align: center;
	z-index: 99999999;
	background-color: #c2d52c;
	color: #394b4f;
	width: 50px;
	height: 48px;
	line-height: 48px;
	right: 30px;
	bottom: 30px;
	padding-top: 2px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
	-moz-box-shadow: 0px 0px 5px 0px #999999;
	-webkit-box-shadow: 0px 0px 5px #999999;
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	-ms-transition: all 0.5s ease-in-out;
	-o-transition: all 0.5s ease-in-out;
	transition: all 0.5s ease-in-out;
}
.scroll-top-wrapper:hover {
	background-color: #888888;
}
.scroll-top-wrapper.show {
	visibility: visible;
	cursor: pointer;
	opacity: 1.0;
}
.scroll-top-wrapper i.fa {
	line-height: inherit;
}
/* cart */
#cart .price {
	font-size: 18px;
}
/*citizenbike_notification */
#citizenbike_notification .notification-warning {
	background: #FF0004;
	color: #FFFFFF;
	margin-bottom: 0px;
	border-radius: 0px;
	border: none;
	font-size: 20px;
	padding: 20px;
}
/* knowledgebase */
#knowledgebase sup {
	color: red;
	zoom: 1.2;
	line-height: 10px;
}
#knowledgebase .categories {
	font-size: 24px;
	line-height: 36px;
	font-weight: bold;
	background-color: #F79420;
	padding: 12px;
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-box-shadow: 0 0 14px #ccc;
	-webkit-box-shadow: 0 0 14px #ccc;
}
#knowledgebase .categories a {
	color : #550007;
}
#knowledgebase .sub {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	background-color: #fff;
	padding: 12px;
	margin: 6px;
	-moz-box-shadow: 0 0 14px #ccc;
	-webkit-box-shadow: 0 0 14px #ccc;
}
#knowledgebase .question {
	font-size: 18px;
	line-height: 24px;
	font-weight: bold;
	margin-left: 20px;
	margin-top: 20px;
	margin-bottom: 20px;
}
#knowledgebase .answer {
	margin-top: 20px;
	margin-bottom: 20px;
	margin-left: 50px;
}
#knowledgebase a.answer {
	color: #C00;
}
/* gallery */
#gallery ul {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}
#gallery ul li {
	list-style: none;
	margin-bottom: 25px;
}
#gallery ul li img {
	cursor: pointer;
}
/* citizenbike_brand_header */
/* 
#citizenbike_brand_header_container {
	background: #394b4f;
	background: -moz-linear-gradient(45deg, #1e282a 0%, #394b4f 48%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%, #1e282a), color-stop(48%, #394b4f));
	background: -webkit-linear-gradient(45deg, #1e282a 0%, #394b4f 48%);
	background: -o-linear-gradient(45deg, #1e282a 0%, #394b4f 48%);
	background: -ms-linear-gradient(45deg, #1e282a 0%, #394b4f 48%);
	background: linear-gradient(45deg, #1e282a 0%, #394b4f 48%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e282a', endColorstr='#394b4f', GradientType=1 );
}

#citizenbike_brand_header .btn_cart {
	font-family: 'Arvo', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #F79420;	
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	margin: 2px;
}
#citizenbike_brand_header .btn_contact {
	font-family: 'Arvo', serif;
	color: #394b4f;
	font-size: 12px;
	line-height: 16px;
	font-weight: bold;
	text-decoration: none;
	background-color: #c2d52c;
	padding: 4px;
	border: medium solid #e5f752;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 8px #ccc;
	-webkit-box-shadow: 0 0 8px #ccc;
	margin: 2px;
	margin-top: 8px;
}
#citizenbike_brand_header .btn_checkout {
	font-family: 'Arvo', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #acbfbf;
	padding: 8px;
	border: medium solid #d5e9e9;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	margin: 2px;
}

@media only screen and (max-width : 480px) {
#citizenbike_brand_header_logo {
	text-align: center;
}
}
*/

/* citizenbike_slideshow */
#citizenbike_slideshow .btn_accessorize {
	font-family: 'Arvo', serif;
	font-weight: bold;
	background-color: #F79420;
	padding: 8px;
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
}
#citizenbike_slideshow p, #citizenbike_slideshow h1, #citizenbike_slideshow h2 {
	text-shadow: 0px 0px 5px #000, 1px 1px 0px #000;
}
#citizenbike_slideshow h2 {
	color: #fff;
}
/* model browser */
#citizenbike_model_browser tr {
	font-size: 14px;
	padding: 10px;
}
#citizenbike_model_browser .price {
	color: #cc0000;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
}
#citizenbike_model_browser .model {
	font-family: 'Arvo', serif;
	color : #550007;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
	font-size: 16px;
}
#citizenbike_model_browser .btn_cart {
	font-family: 'Arvo', serif;
	font-size: 12px;
	line-height: 14px;
	font-weight: bold;
	text-decoration: none;
	background-color: #F79420;
	padding: 4px;
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 4px #ccc;
	-webkit-box-shadow: 0 0 4px #ccc;
	margin: 1px;
	color: #000;
}
/* model accordion */
#citizenbike_model_accordion tr {
	font-size: 12px;
	padding: 8px;
}
#citizenbike_model_accordion .product_price {
	font-size: 18px;
}
#citizenbike_model_accordion .model {
	font-family: 'Arvo', serif;
	color : #550007;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
	font-size: 13px;
}


@media only screen and (max-width : 480px){
	#citizenbike_model_browser tr {
		font-size: 12px;
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 5px;
		padding-right: 5px;
	}
	#citizenbike_model_browser .model {
		font-size: 12px;
	}
}

@media only screen and (min-width : 1200px) {
#citizenbike_model_browser tr {
	font-size: 16px;
	padding: 12px;
}
}
/* navbar */ 
.navbar {
	border: 0px;
}
#citizenbike_navbar_header {
	background-color: #c2d52c;
}
#citizenbike_navbar_header button {
	float: left;
	background-color: #F79420;
	padding: 8px;
	margin-left: 8px;
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
}
#citizenbike_navbar {
	font-family: 'Arvo', serif;
	font-weight: bold;
	color: #394b4f;
	background-color: #c2d52c;
	font-size: 18px;
}

#citizenbike_navbar  a {
	color: #394b4f;
	padding: 18px;
}
#citizenbike_navbar  a:hover {
	color: #000;
}
#citizenbike_navbar .dropdown-menu {
	background-color: #fff;
}
#citizenbike_navbar .dropdown-menu a {
	font-size: 16px;
	background-color: #fff;
	padding-left: 20px;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-right: 20px;
}
#citizenbike_navbar .price {
	color: #cc0000;
}
@media only screen and (max-width : 768px) {
	/*.container {
		 margin-left: -15px;
		 margin-right: -15px; 
	} */
	#citizenbike_image_header {
		margin-left: -15px;
		margin-right: -15px;
	}
}

/* carousels */
#citizenbike_slideshow .carousel-inner {
	display: block;
	width: 100%; /*slider width*/
	max-height: 700px; /*slider height*/
	min-height: 300px;
}
#citizenbike_slideshow .item img {
	display: block;
	width: 100%; /*img width*/
	min-height: 300px;
	min-width: 700px;
	margin: auto;
}
/* citizenbike_uses */

#citizenbike_uses .carousel-control.left, #citizenbike_uses .carousel-control.right {
	background: none;
}
#citizenbike_uses .carousel-indicators li {
	background-color: #394b4f;
}
#citizenbike_uses .carousel-indicators .active {
	background-color: #f7941e;
}
#citizenbike_uses .item {
	min-height: 200px;
}
/* citizenbike_carousel_xs */
#citizenbike_carousel_xs .carousel-control.left, #citizenbike_carousel_xs .carousel-control.right {
	background: none;
}
#citizenbike_carousel_xs .carousel-indicators li {
	background-color: #394b4f;
}
#citizenbike_carousel_xs .carousel-indicators .active {
	background-color: #f7941e;
}
#citizenbike_carousel_xs .item {
	min-height: 200px;
}
#citizenbike_carousel_xs .btn_accessorize {
	font-family: 'Arvo', serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #F79420;
	padding: 4px;
	border: medium solid #ffcc55;
	border-style: outset;
	margin: 0px;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
}
#citizenbike_carousel_xs .price {
	color: #cc0000;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
	font-size: 16px;
}
#citizenbike_carousel_xs .model_name {
	font-family: 'Arvo', serif;
	color : #550007;
	font-weight: bold;
	text-shadow: 0px 1px 3px #cac9c5;
	font-size: 24px;
}
#citizenbike_carousel_xs td {
	padding-right: 0px;
}
#citizenbike_carousel_xs_specs {
	color: #666666;
	font-size: 12px;
	text-shadow: none;	
}
#citizenbike_carousel_xs_specs img {
	width: 35px;
	height: 35px;
}
@media only screen and (max-width : 480px) {
	#citizenbike_carousel_xs_specs table {
		display: none;
	}
}
/* #sidebar */
#sidebar a {
	color: #1c0001;
}
#sidebar .sidebar_heading {
	font-family: 'Arvo', serif;
	color: #1c0001;
	background: #F79420;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -0.5px;
	padding: 12px;
	text-align: left;
	margin-top: 10px;
	border-left: 1px #e4b85d solid;
	border-right: 1px #a97c1d solid;
	border-top: 1px #e7c070 solid;
	border-bottom: 1px #9d731b solid;
	-moz-box-shadow: 0 0 12px 0px #999999;
	-webkit-box-shadow: 0 0 12px #999999;/*
	-moz-border-radius-topleft: 12px;
	-webkit-border-top-left-radius: 12px;
	-moz-border-radius-topright: 12px;
	-webkit-border-top-right-radius: 12px;
	*/
}
#sidebar .sidebar_body {
	font-family: 'Lora', serif;
	background: #e8e6e0;
	text-align: left;
	padding: 16px;
	font-size: 12px;
	line-height: 18px;
	margin-bottom: 20px;
	-moz-box-shadow: 0px 6px 12px 0px #999999;
	-webkit-box-shadow: 0px 6px 12px #999999;/*
	-moz-border-radius-bottomleft: 12px;
	-webkit-border-bottom-left-radius: 12px;
	-moz-border-radius-bottomright: 12px;
	-webkit-border-bottom-right-radius: 12px;
	*/
}
#sidebar .btn_sidebar {
	font-family: 'Arvo', serif;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	text-decoration: none;
	background-color: #F79420;
	padding: 8px;
	border: medium solid #ffcc55;
	border-style: outset;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px;
	-moz-box-shadow: 0 0 10px #ccc;
	-webkit-box-shadow: 0 0 10px #ccc;
	margin: 2px;
}