@import url('//fonts.googleapis.com/css?family=Roboto:400,400i,500,500i,700,700i,900,900i');
.nActive-wrapper {
	background-color: #ffffff /*{background-colour}*/;
	background-image: none /*{background-image}*/;
	background-repeat: no-repeat /*{background-repeat}*/;
	color: #33333 /*{font-colour}*/;
	font-family: 'Roboto', -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif /*{font-family}*/;
	padding: 20px 0 0;
}
.nActive-wrapper a {
    color: #337ab7;
    text-decoration: none;
}
.nActive-wrapper .clearfix {
	clear: both;
}
.nActive-wrapper .container {
    background: transparent;
    box-shadow: none;
    border-radius: 0;
    padding: 0px 10px;
    width: 80%;
    margin: auto;
    max-width: 1200px;
}
/*Header*/
.header-con {
	float: right;
	max-width: 680px;
	width: 100%;
}
.header-con ul {
	margin: 0;
	padding: 0;
}
.header-con li {
	list-style: none;
	display: inline-block;
	max-width: 220px;
	font-weight: 700;
	width: 33%;
}
.header-con .phone-number {
    font-family: "Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #333;
    top: -12px;
    font-size: 20px;
    position: relative;
}
.header-con .benefits {
    margin: 10px 0 10px 40px;
    color: #0099cc;
    text-transform: uppercase;
}
.nav {
	background: #1e1b1b;
    margin-bottom: 20px;
}
.navbar-nav {
	display: block;
	margin: 0 auto;
	padding: 10px 0;
	text-align: center;
}
.navbar-nav > li {
	display: inline-block;
	list-style: none;
}
.navbar-nav > li > a {
	color: #fff;
	font-size: 20px;
	text-transform: uppercase;
	padding: 15px 22px;
}
.navbar-nav > li > a:hover,
.navbar-nav > li > a:focus {
	color: #00bbe4;
}
.navbar-nav > li > a > .fa {
	margin-left: 8px;
}
.navbar-nav > li#cat-bikes > a:before,
.navbar-nav > li#cat-clothing > a:before,
.navbar-nav > li#cat-accessories > a:before,
.navbar-nav > li#cat-drivetrain > a:before,
.navbar-nav > li#cat-OnSale > a:before,
.navbar-nav > li#cat-Others > a:before,
.navbar-nav > li#cat-Bikes > a:before,
.navbar-nav > li#cat-Parts > a:before,
.navbar-nav > li#cat-Accessories > a:before,
.navbar-nav > li#cat-Workshop > a:before,
.navbar-nav > li#cat-Apparel > a:before{
	display: inline-block;
    font: normal normal normal 20px/1 FontAwesome;
    font-size: 18px;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transform: translate(0, 0);
	color: #00bbe4;
	margin-right: 8px;
}
.navbar-nav > li#cat-bikes > a:before,
.navbar-nav > li#cat-Bikes > a:before {
	content: "\f206";
}
.navbar-nav > li#cat-clothing > a:before,
.navbar-nav > li#cat-Apparel > a:before {
	content: " ";
	background: url(../img/icon-shirt.png);
	width: 19px;
	height: 15px;
}
.navbar-nav > li#cat-OnSale > a:before {
	content: "\f155";
}
.navbar-nav > li#cat-Parts > a:before {
	content: "\f013";
}
.navbar-nav > li#cat-Accessories > a:before,
.navbar-nav > li#cat-accessories > a:before {
	content: "\f007";
}
.navbar-nav > li#cat-Workshop > a:before,
.navbar-nav > li#cat-drivetrain > a:before {
	content: "\f0e3";
}
.navbar-nav > li#cat-others > a:before {
	content: "\f0ad";
}
.wrapper-main-nav .btn-group > .btn:first-child {
	-webkit-border-radius: 0;
	border-radius: 0;
	padding-top: 14px;
	padding-bottom: 14px;
}
@media (min-width: 1200px) {
}
@media (min-width: 992px) and (max-width: 1199px){
.header-con li {
    max-width: 170px;
}
.header-con .phone-number {
}
.header-con .benefits {
    margin: 10px 0 10px 20px;
    font-size: 14px;
}
.navbar-nav > li > a {
    font-size: 16px;
}
}
@media (min-width: 768px) and (max-width: 991px){
	.header {
		text-align: center;
	}
	.header img {
		margin: 0 auto;
	}
.header-con {
	float: none;
	text-align: center;
}
.header-con .benefits {
	margin-top: 0;
    font-size: 14px;
}
.header-con li {
	width: 32%;
	max-width: none;
}
.navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar-nav > li > a {
    font-size: 16px;
}
}
@media (max-width: 767px) {
	.header {
		text-align: center;
	}
	.header img {
		margin: 0 auto;
	}
.header-con {
	float: none;
	text-align: center;
}
.header-con li {
	width: 49%;
	max-width: none;
}
.header-con .phone-number {
	width: 100%;
}
.header-con .benefits {
	margin-top: 0;
    font-size: 14px;
    margin-left: 0;
}
.navbar-nav {
    width: 100%;
    text-align: center;
}
.navbar-nav > li > a {
    font-size: 14px;
    padding: 15px 13px;
}
.nActive-wrapper .container {
	width:90%;
}
}
/*Contents*/
.nActive-wrapper .container .column-left {
    width: 18%;
    padding-right: 2%;
    margin-top: 20px;
}
.nActive-wrapper .container .column-right {
    width: 80%;
}
.nActive-wrapper .container .column-right > h1 {
	margin-bottom: 0px;
	line-height: 1.2em;
	margin-top: 15px;
}
.nActive-wrapper .container .column-right > h3 {
    margin: 0;
    color: #777777;
    margin-bottom: 10px;
    font-style: italic;
}
.store-price {
	font-size: 32px;
	color: #0099cc;
	font-weight: 700;
	margin-top: 0;
	margin-bottom: 0px;
}
.img-wrapper {
	margin-bottom: 1em;
}
.alt-img-wrapper {
    margin-right: -10px;
    margin-left: -10px;
}
.alt-img-wrapper > div {
	margin-top: 15px;
    padding-right: 10px;
    padding-left: 10px;
    width: 22.5%;
    float: left;
}
.alt-img-wrapper img {
	width: 100%;
	height: auto;
	background-size: contain;
	background-color: #fff;
	background-position: center;
	background-repeat: no-repeat;
}
.nActive-wrapper .nAccordion ul li {
	padding: 0;
}
.nActive-wrapper .nAccordion ul li h2 {
    background: #029cc3;
    padding: 12px 15px;
    margin-right: 0;
    color: #fff;
    text-transform: uppercase;
    font-size: 15px;
    margin: 0;
}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ h2 {
	background: #029cc3;
}
.nActive-wrapper .nAccordion .nContent-panel {
	background-color: #fff;
	margin-top: 0;
	padding: 15px;
}
.nActive-wrapper .nAccordion ul li input[type=checkbox]:checked ~ .nContent-panel {
	padding: 0px;
}
.nActive-wrapper .nAccordion ul li i:before, .nActive-wrapper .nAccordion ul li i:after {
	content: none;
	background: transparent;
}
#visit_banner img {
	width: 100%;
}
.text-center {
	text-align: center;
}
#featured_cat img {
	width: 25%;
}
@media (min-width: 1200px) {
.nActive-wrapper .container .column-right {
	float: right;
}
}
@media (min-width: 992px) and (max-width: 1199px){
.nActive-wrapper .container .column-right {
	float: right;
}
}
@media (min-width: 768px) and (max-width: 991px){
.nActive-wrapper .container .column-left {
	display: none;
}
.nActive-wrapper .container .column-right {
    width: 100%;
}
.alt-img-wrapper > div {
	width: 30%;
}
}
@media (max-width: 767px) {
.nActive-wrapper .container .column-left,
.nActive-wrapper .container .column-right {
    width: 100%;
}
.nActive-wrapper .container .column-left {
	display: none;
}
.alt-img-wrapper > div {
	width: 43.5%;
}
#featured_cat img {
	width: 50%;
}
}
@media (max-width: 360px) {
.alt-img-wrapper > div {
	width: 41.5%;
}
}
@media (max-width: 320px) {
}
@media (max-width: 319px) {
.alt-img-wrapper > div {
	width: 40.5%;
}
}
/*Sidebar*/
.panel {
  margin-bottom: 20px;
  background-color: #fff;
  border: none;
	text-align: left;
}
.panel-body {
  padding: 15px;
}
.panel-heading {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel-heading > .dropdown .dropdown-toggle {
  color: inherit;
}
.panel-title {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 16px;
  color: inherit;
  text-transform: uppercase;
}
.panel-title > a,
.panel-title > small,
.panel-title > .small,
.panel-title > small > a,
.panel-title > .small > a {
  color: inherit;
}
.panel-footer {
  padding: 10px 15px;
  background-color: #f5f5f5;
  border-top: 1px solid #ddd;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .list-group,
.panel > .panel-collapse > .list-group {
  margin-bottom: 0;
}
.panel > .list-group .list-group-item,
.panel > .panel-collapse > .list-group .list-group-item {
  border-width: 1px 0;
  border-radius: 0;
}
.panel > .list-group:first-child .list-group-item:first-child,
.panel > .panel-collapse > .list-group:first-child .list-group-item:first-child {
  border-top: 0;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
}
.panel > .list-group:last-child .list-group-item:last-child,
.panel > .panel-collapse > .list-group:last-child .list-group-item:last-child {
  border-bottom: 0;
  border-bottom-right-radius: 3px;
  border-bottom-left-radius: 3px;
}
.panel > .panel-heading + .panel-collapse > .list-group .list-group-item:first-child {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}
.panel-heading + .list-group .list-group-item:first-child {
  border-top-width: 0;
}
.list-group + .panel-footer {
  border-top-width: 0;
}
.panel-default > .panel-heading {
	font-size: 16px;
	color: #fff;
	background-color: #029cc3;
}
.panel,
.panel-heading {
	border-radius: 0;
}
.panel-default > .panel-heading {
	font-size: 16px;
	color: #fff;
	background-color: #029cc3;
}
.panel-body {
    padding: 0;
    margin: 0;
}
.panel-body ul {
	list-style: none;
	padding: 0;
	margin: 0;
}
.panel-body ul li {
    margin: 0;
}
.panel-body ul a {
	display: block;
	padding: 10px 15px;
	font-size: 14px;
	line-height: 130%;
}
.panel-body ul li:hover {
	background: #00bbe4;
}
.panel-body ul a:hover {
	font-size: 14px;
	color: #fff;
	text-decoration: none;
}
/*Footer*/
.footer {
    margin-top: 30px;
    background: #1e1b1b;
    color: #fff;
    padding: 25px;
    font-size: 12px;
    border-top: 4px solid #029cc3;
}
.footer .col-right {
	float: right;
}
.footer .col-left {
	float: left;
}
@media (max-width: 767px) {
.footer .col-right,
.footer .col-left {
	float: none;
	text-align: center;
}
}