/* theme by BigBlock Studios http://www.bigblockstudios.ca */

/* ---------------------------- CORE LAYOUT ------------------------------- */

#top {
    background-color: #FFFFFF;
    border-bottom: none; 
    padding: 4px 0px 3px 0;
    margin: 0; 
    min-height: 40px;
}

.footer-list.social > ul {list-style: none; margin: 35px 0 0 0; padding: 0; float: right;}
.footer-list.social > ul > li {display: inline-block; padding: 0;}

.footer-list.social > ul > li:first-child {padding-right: 15px;}

@media screen and (max-width: 640px) { .footer-list.social > ul {float: left;} }


footer {margin-top: 0px;}

header {background-color: #000000;}

header > .container > .row {background: transparent url(/image/catalog/layout/hindle-header-background.png) no-repeat 0 0;}

header > div > div > div {display: table; height: 90px;}

header #logo, header #quick-search {display: table-cell; vertical-align: middle;}

header #logo > a > img {margin: 0;}

.wrapper.main-navigation {
	background-color: #b80000;
	-webkit-box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
	-moz-box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
	box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
	z-index: 10;
	}

#menu {background: none; border: none; min-height: inherit;}

.navbar {margin-bottom: 0; border: none;}

.navbar .tagline {
	color: #fff;
    font-weight: 700;
    font-style: italic;
    font-size: 1.8em;
    line-height: 1.8em;
    font-family: 'Cantarell', sans-serif;
}

.home-cta {
    padding-top: 35px;
}
.home-cta img {
    padding-bottom: 35px;
}

 .home-welcome {
 	background-color: #ebebeb;
    padding-top: 25px;
    padding-bottom: 25px;
}

#content {
    min-height: 600px;
    padding-bottom: 50px;
}





/* ----------------------------------- TYPE ------------------------------ */

body {font-size: 13px;}

h1, h2, h3, h4, h5, h6 {
	font-family: 'Cantarell', sans-serif;
	font-weight: 600;
	text-transform: uppercase;
    color: #b80000;
}

h3, h4, h5, h6 {
    color: #9b9b9b;
}




a {
    color: #B80000;
}

a:focus, a:hover {
    color: #820B0B;
}

@media screen and (max-width: 640px){
    h1.tpl.product.title {font-size: 2em;}
}


/* ----------------------------------- TYPE-LISTS ------------------------------ */
.list-unstyled.my-account > li {
    font-size: 1.1em;
    padding: 5px 10px;
    font-weight: 600;
}


/* ----------------------------------- DEFAULT PAGINATION ------------------------------ */
.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #000;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #A99393;
}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {
    z-index: 3;
    color: #FFFFFF;
    background-color: #B80000;
    border-color: #7B0101;
}
.pagination>li:last-child>a, .pagination>li:last-child>span, .pagination>li:first-child>a, .pagination>li:first-child>span {
    border-radius: 0;
}
.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover {
    z-index: 2;
    color: #fff;
    cursor: default;
    background-color: #B80000;
    border-color: #7B0101;
}



/* ----------------------------------- CAROUSEL ------------------------------ */

/* .wrapper.carousel {z-index: -1;} */

.wrapper.carousel div.container div.row > div {margin-left: 0px; margin-right: 0px; padding: 0;}

.wrapper.carousel div.container {padding: 0;}

.owl-wrapper-outer {
    border: none;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    -o-box-shadow: none;
    box-shadow: none;
}

.owl-pagination {
	top: -30px;
}

.owl-controls .owl-page.active span {
    background: rgb(184, 0, 0);
}

.owl-controls .owl-page span {
	border-radius: 0;
    width: 15px;
    height: 15px;
}

/*
.wrapper.carousel div.container {
    width: 1300px;
}


@media (max-width: 1200px) {
	.wrapper.carousel div.container {
	    width: 1200px;
	}
}

@media (max-width: 992px) {
	.wrapper.carousel div.container {
	    width: 992px;
	}
}

@media (max-width: 768px) {
	.wrapper.carousel div.container {
	    width: 768pxpx;
	}
}

@media (max-width: 640px) {
	.wrapper.carousel div.container {
	    width: 640px;
	}
}
*/








/* -------------------------------- SBB FORM ----------------------------- */

.form-inline.sbb .input-group > .form-control {
    width: 100px;
    margin: 0 3px;
}

.table-cell {display: table-cell; padding: 0 3px;}

@media screen and (max-width: 640px){
    .form-inline.sbb .input-group > .form-control {
        width: 75px;
        margin: 0 3px;
    }

    #top .container {padding-left: 10px; padding-right: 10px;}

    .form-inline.sbb > .input-group {width: 100%;}

    #sbb {width: 100%;}

    .form-inline.sbb .input-group > button.btn.btn-default.form-control {width: 100%;}

    #top-links {padding-top: 15px;}

    #top-links > ul > li > a > i {
        font-size: 1.5em;
        padding: 0 7px;
    }

}

#sbb {padding-top: 3px;}

form.sbb .form-control {
    height: 26px;
    padding: 0 10px;
    line-height: 1;
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #000;
    border-radius: 0;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    font-size: 13px !important;
    font-weight: 600;
}

form.sbb .sbb-change {

    top: -2px;
}

form.sbb .btn {
    padding: 0 5px;
    font-size: 12px;
    border: 1px solid #000;
    border-radius: 0;
    height: 26px;
    font-weight: 600;
}

.input-group.bike-selected {
    background-color: #B80000;
    padding: 0px 6px;
    color: #fff;
    border: 1px solid #000;
}

form.sbb .btn:hover {background-color: rgb(184, 0, 0); color: #fff; font-size: 1.1em;}

form.sbb .btn-default {
    color: #000;
    text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
    background-color: #fff;
    background-image:  none;
}

form.sbb label {
	font-weight: 600;
	padding-right: 5px;
    margin-top: 5px;
    font-size: 14px;
    float: left;
}

.form-inline.sbb .input-group > button.btn.btn-default.form-control {width: 40px;}













/* --------------------------------- QUICK SEARCH --------------------------------- */
#quick-search .input-group {margin: 0;}



#quick-search input {
	border-radius: 0;
    border-color: #fff;
    background-color: rgba(0, 0, 0, 0.5);
    color: #fff;
    font-size: 1em;
    padding: 0 10px;
    height: 32px;
}

#quick-search button {
    color: #fff;
    text-shadow: none;
    background-color: rgba( 0, 0, 0, 0.5);
    background-image: none;
    background-repeat: repeat-x;
    border-color: #fff;
    border-radius: 0;
    font-size: 10.2px !important;
}

#quick-search button:hover {background-color: rgb(184, 0, 0);}



.navbar-search button {
    background-color: #8E0606 !important;
    color: #ffffff !important;
    font-size: 1.1em !important;
    height: 30px !important;
    width: 35px !important;
    border-color: #8E0606 !important;
    background-image: none !important;
}










/* --------------------------------- NAVIGATION --------------------------------- */
#menu .nav > li > a {
    text-transform: uppercase;
}


#top .btn-link, #top-links li, #top-links a {
    color: #000;
    font-weight: 600;
    text-transform: uppercase;
}

#top .btn-link, #top-links li, #top-links a:hover, #top .btn-link, #top-links li, #top-links a:focus {
    color: #B80000;
}

.dropdown-menu {
    background-color: #A60000;
    min-width: 200px;
    border-radius: 0px;
}

#menu .see-all:hover, #menu .see-all:focus {
    background-color: #333;
    background-image: none;
}

.dropdown-menu li > a:hover {
    color: #ffffff;
    background-color: #333;
    background-image: none;
}



#top-links .dropdown-menu > li > a {
    color: #fff;
    font-size: .9em;
    font-weight: 400;
}


#menu .dropdown-inner a {
    color: #FFFFFF;
    text-transform: uppercase;
}

#menu .dropdown-inner {
    width: 100%;
}

#menu .see-all {
    color: #ffffff;
    text-transform: uppercase;
}


@media (min-width: 992px) {
    .list-inline.anonymous > li {padding-left: 45px;}
}

@media (max-width: 768px) {
    #menu .dropdown-inner a {
        font-size: 1em;
    }
    #menu .nav > li > a {
        font-size: 1.1em;
    }

    #menu .btn-navbar {
        background-color: #8E0606;
        background-image: none;
        border-color: #8E0000;
    }
    #menu .btn-navbar:hover, #menu .btn-navbar:focus, #menu .btn-navbar:active, #menu .btn-navbar.disabled, #menu .btn-navbar[disabled] {
        color: #ffffff;
        background-color: #500202;
    }

    .navbar-header > span > img {padding: 10px;}
}

@media (min-width: 768px) {

    .navbar-collapse.collapse {
        padding-left: 0;
    }

    .tagline > img {padding-bottom: 8px; padding-left: 15px;}


}








/* --------------------------------- NAVIGATION - SIDE/LIST --------------------------------- */
.list-group a {
    border: 1px solid #DDDDDD;
    color: #000;
    padding: 8px 12px;
    font-weight: 600;
    text-transform: uppercase;
}

.list-group-item:first-child, .list-group-item:last-child {
    border-radius: 0px;
}

.list-group a.active, .list-group a.active:hover, .list-group a:hover {
    color: #fff;
    background: #B80000;
    border: 1px solid #A00101;
    text-shadow: none;
}

a.list-group-item:last-child.active {background: #000 !important;}





/* --------------------------------- NAVIGATION - BREADCRUMB --------------------------------- */

.breadcrumb {
    padding: 8px 15px;
    margin-bottom: 20px;
    list-style: none;
    background-color: transparent;
    border-radius: 0;
    border: none;
    margin: 0 0 20px 0;
    padding: 15px 0;
    border-bottom: 2px solid #b7b7b7;
}

.breadcrumb > li:after {
    content: '/';
    display: block;
    position: absolute;
    top: 0px;
    right: 0px;
    width: auto;
    height: auto;
    border-right: none;
    border-bottom: none;
    -webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}


.breadcrumb > li {
    padding: 0 15px 0 5px;
}
.breadcrumb > li > a {
    color: #a4a4a4;
    font-weight: 600;
    font-size: 1em;
    text-transform: uppercase;
}
.breadcrumb > li:last-child > a {
    color: #000000;
}







/* --------------------------------- FORMS/CONTROLS --------------------------------- */

.form-group label {font-size: 1.1em;}

.form-group .form-control {
    font-size: 1.1em !important;
    border-radius: 0;
    color: #000;
}

div.required .control-label:before {
    content: '* ';
    color: #B80000;
    font-weight: bold;
}


















/* --------------------------------- FORMS/BUTTONS --------------------------------- */

.btn {font-size: 1.1em; text-transform: uppercase; border-radius: 2px;}

.btn-primary {
    color: #ffffff;
    text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
    background-color: #B80000;
    background-image: none;
    background-repeat: repeat-x;
    border-color: #A70505 #AC0303 #8C0C0C;
}

.btn-primary:focus, .btn-primary:hover, .btn-primary:active, .btn-primary.active, .btn-primary.disabled, .btn-primary[disabled] {
    background-color: #920101;
}





/* --------------------------------- category lander pages --------------------------------- */


.category-thumbnail {
    /* border: 1px solid #ccc; */
    border-radius: 2px;
    }

.category-landing-thumb-container {margin-bottom: 30px;}

.category-landing  {
    list-style: none;
    margin: 0px;
    padding: 0px;
}

.category-landing > li > a > img {

    margin-bottom: 15px;
}


.category-landing.subcategory-list > li > a, 
.category-landing.subcategory-thumbs > li > a {
    padding: 3px 5px;
    border: 1px solid #afafaf;
    font-weight: 600;
    width: 100%;
    display: block;
    margin: 4px;
}

.category-landing.subcategory-thumbs > li > a {
    border: none;
}

/*
@media screen and (min-width: 640px){

    ul.category-landing li:nth-child(4n+1) {
        padding-left: 0px;
    }
    ul.category-landing li:nth-child(4n+0) {
        padding-right: 0px;
    }

}
*/



div.category-hero {
    height: 200px;
    margin: 0 0 10px 0;
    padding: 0;
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    webkit-box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
    -moz-box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
    box-shadow: 0px 15px 25px -8px rgba(0,0,0,0.45);
    z-index: 10;
}

div.category-hero > .container {
    position: relative;
    height: 100%   ;
}

h1.hero-heading {
    position:absolute;
    bottom:0;
    right:0;
    font-size: 4rem;
}

.module-header {
    background-color: #cc0000;
    color: #fff;
    padding: 10px;
    margin-top: 40px;
}

.category-thumb-name {
    color: #fff;
    background-color: #B80000;
    padding: 1px 8px;
    position: absolute;
    top: 20px;
    min-width: 65%;
}

.category-thumb-default-image {
}


/* --------------------------------- alerts --------------------------------- */

.mmy-message {margin-top: 20px; border-radius: 0;}
.mmy-message h3, .mmy-message p {color: #fff;}

.alert-info.mmy-message {
    background-color: #000000;
    border-color: #FFFFFF;
}

.alert {
    padding: 15px;
    background-color: #000;
    border-color: #000;
    border-radius: 0;
    color: #fff;
    font-size: 1.3em;
}

.alert a, .alert a:hover, .alert a:focus {color: #ECC000;}

/* --------------------------------- information pages layout --------------------------------- */
.information-hero {
    background: transparent url(/image/catalog/layout/new-products-hero.jpg) no-repeat center bottom;
    min-height: 430px;
    background-size: 100% auto;
}

.information-current-products {
    margin-bottom: 50px;
}
.information-current-products > h3 {
    margin-top: 0px;
}

.information-evolution {
    background: transparent url(/image/catalog/layout/new-products-evolution.jpg) no-repeat center bottom;
    min-height: 360px;
    border-bottom: 1px solid #b80000;
    margin-bottom: 20px;
    background-size: 100% auto;
}

.information-euro-oval {
    background: transparent url(/image/catalog/layout/new-products-oval.jpg) no-repeat center bottom;
    min-height: 320px;
    border-bottom: 1px solid #b80000;
    margin-bottom: 20px;
    background-size: 100% auto;
}

.information-euro-round {
    background: transparent url(/image/catalog/layout/new-products-round.jpg) no-repeat center bottom;
    min-height: 280px;
    border-bottom: 1px solid #b80000;
    margin-bottom: 20px;
    background-size: 100% auto;
}

.information-carbon-fiber {
    background: transparent url(/image/catalog/layout/new-products-mega.jpg) no-repeat center bottom;
    min-height: 340px;
    background-size: 100% auto;
}

@media screen and (max-width: 991px){
    .information-hero {min-height: 310px;}
    .information-current-products {margin-bottom: 40px; } 
    .information-current-products > h3 {margin-top: 0px; }
    .information-evolution {min-height: 290px; }
    .information-euro-oval {min-height: 250px; }
    .information-euro-round {min-height: 210px;}
    .information-carbon-fiber {min-height: 320px; }
}

@media screen and (max-width: 768px){
    .information-hero {min-height: 280px;}
    .information-current-products {margin-bottom: 20px; } 
    .information-current-products > h3 {margin-top: 0px; }
    .information-evolution {min-height: 260px; }
    .information-euro-oval {min-height: 210px; }
    .information-euro-round {min-height: 180px;}
    .information-carbon-fiber {min-height: 340px; }
}

@media screen and (max-width: 400px){
    .information-hero {min-height: 180px;}
    .information-current-products {margin-bottom: 50px; } 
    .information-current-products > h3 {margin-top: 0px; }
    .information-evolution {min-height: 250px; }
    .information-euro-oval {min-height: 170px; }
    .information-euro-round {min-height: 160px;}
    .information-carbon-fiber {min-height: 370px; }
}




/* --------------------------------- Google Map --------------------------------- */

#googlemap {}
.googlemap {width: 100%; height: 400px; background-color: #cc0000;}



/* --------------------------------- dyno charts --------------------------------- */

a.dyno-chart-link {font-size: 1.5em; }
a.dyno-chart-link > i {font-size: 1.2em; padding-right: 12px;}




/* --------------------------------- news page --------------------------------- */

.row.news-item {margin-bottom: 30px;}
.row.news-item h3 {margin-top: 0; margin-bottom: 0;}
.row.news-item p.date {font-weight: 600;}



/* --------------------------------- youtube video --------------------------------- */
.video-container {
    position:relative;
    padding-bottom:56.25%;
    padding-top:30px;
    height:0;
    overflow:hidden;
}

.video-container iframe, .video-container object, .video-container embed {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
}


label.ripple-rock {
    text-align: center;
    width: 100%;
    margin: 25px 0;
}

label.ripple-rock > p {
    font-weight: 600;
}


/* --------------------------------- best sellers --------------------------------- */

.bestsellers-header {
}



/* --------------------------------- PRODUCT PAGE --------------------------------- */

ul.cart-prices {
    margin-top: 20px;
}

ul.cart-prices h2 {
    margin-top: 0px;
}

.starting-at {
    font-size: 1.25rem;
    color: #666 ;
    text-transform: uppercase;
    font-weight: 600;
}