/* Sections
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section 
{
	padding: 50px 0px 50px 0px;
	text-align: left;
}
.section_heading
{
	text-align: center;
}
.section_description 
{
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.section .bold
{
	font-weight: 700;
}
h1.section_heading 
{
	color: #ffffff;
	text-transform: uppercase;
}
h1.section_heading_dark
{
	color: #0167b1;
	text-transform: uppercase;
}
h2.section_heading 
{
	color: #ffffff;
	text-transform: uppercase;
}
h3.section_heading 
{
	color: #ffffff;
	text-transform: uppercase;
}
h4.section_heading 
{
	color: #ffffff;
	text-transform: uppercase;
}
h6.section_heading 
{
	text-transform: uppercase;
}
.cc-button a
{
	display: inline-block;
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 30px;
	letter-spacing: 1px;
	padding: 10px 40px 10px 40px;
	margin: 0px 0px 0px 0px;
	text-transform: uppercase;
	border: 1px solid #ffffff;
}
.cc-button a:hover
{
	background-color: #ffffff;
	color: #4d4d4d;
	text-decoration: none;
}
.multiple_buttons
{
}
.multiple_buttons .cc-button
{
	display: inline;
	padding: 0px 0px 0px 0px;
}
.multiple_buttons .cc-button a
{
	padding: 10px 10px 10px 10px;	
}

/* Up to 550px */
@media only screen and (max-width: 550px) {
}

/* Section - Header
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.header 
{
}
.section.header 
{
	padding-top: 28px;
	padding-bottom: 28px;
	margin-bottom: 0px;
}
.navbar 
{
	width: 100%;
	padding: 0px 0px 0px 0px;
}
.navbar_logo
{
	float: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 315px;
	/*z-index: 200;*/
}
.navbar_logo img
{
	max-width: 100%;
	box-sizing: border-box; 
}
@media only screen and (max-width: 990px) {
	.navbar_logo
	{
		margin: 0px 0px 0px 0px;
		text-align: left;
		width: 500px;
	}
}
@media only screen and (max-width: 722px) {
	.navbar_logo
	{
		margin-top: 7px;
		width: 400px;
	}
}
@media only screen and (max-width: 570px) {
	.navbar_logo
	{
		margin-top: 13px;
		width: 300px;
	}
}
@media only screen and (max-width: 420px) {
	.navbar_logo
	{
		margin-top: 20px;
		width: 200px;
	}
}

#site_menu
{
	float: right;
	margin: 34px 0px 0px 0px;
	width: auto;
}
#site_menu ul
{
}
#site_menu ul li
{
	float: left; 
	list-style-type: none; 
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	font-size: 16px;
}
#site_menu ul li::after 
{
	font-size: 16px;
	content: "|";
	float: right;
	color: #4d4d4d;
	margin-left: 8px;
}
#site_menu ul li:last-child::after, #site_menu ul li:nth-last-child(2)::after 
{
	display: none;
}
#site_menu ul li a.active
{
	color: #0167b1;
}
#site_menu ul li.call_us, #site_menu ul li.call_us a
{
	color: #0167b1;
	font-weight: 700;
}
#site_menu ul li a i
{
	position: relative;
	font-size: 25px;
	line-height: 25px;
	top: -5px;
	right: 0px;
	padding: 0px 0px 0px 2px;
}

/* Section - Primary Navigation
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.primary-navigation 
{
	background-color: #dbdbdb;
	padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#primary_menu
{
	float: left;
	margin: 0px 0px 0px 0px;
	width: 100%;
}
#primary_menu ul
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
#primary_menu ul li
{
	float: left; 
	list-style-type: none; 
	margin: 0px 25px 0px 0px;
	padding: 9px 0px 9px 0px;
}
#primary_menu ul li a
{
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 22px;
	line-height: 32px;
	font-weight: 700;
	color: #0167b1;
	letter-spacing: 0.7px;
}
#primary_menu ul li a.active
{
	color: #1d4277;
}
#primary_menu ul li.sale
{
	float: right;
	background-color: #ff0000;
	margin-right: 0px;
}
#primary_menu ul li.sale a
{
	color: #ffffff;
	font-weight: 700;
	font-style: italic;
	padding: 0px 16px 0px 16px;
}

/* Section - Slider
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.slider
{
	padding: 31px 0px 0px 0px;
}
.section.slider .cc-button a
{
	font-size: 24px !important;
	font-weight: 700;
	line-height: 30px !important;
	letter-spacing: 1px;
	padding: 10px 40px 10px 40px !important;
	margin: 0px 0px 0px 0px !important;
}
.section.slider .cc-button a:hover
{
	background-color: #ffffff;
	color: #4d4d4d;
	text-decoration: none;
}
	
/* Section - Banner
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.banner
{
	padding: 31px 0px 0px 0px;
}
.section.banner p.section_description
{
	text-align: center;
	color: #ffffff;
}
.section.banner .cc-icon
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.banner .banner-background
{
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	width: 100%;
	height: 436px;
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.section.banner .banner-background.about
{
	background-image: url(../images/banners/about-header.jpg);
	height: 436px;
}
.section.banner .banner-background.accessories
{
	background-image: url(../images/banners/accessories-header.jpg);
	height: 436px;
}
.section.banner .banner-background.bikes
{
	background-image: url(../images/banners/bikes-header.jpg);
	height: 436px;
}
.section.banner .banner-background.brands
{
	background-image: url(../images/banners/brands-header.jpg);
	height: 436px;
}
.section.banner .banner-background.clothing
{
	background-image: url(../images/banners/clothing-header.jpg);
	height: 436px;
}
.section.banner .banner-background.contact
{
	background-image: url(../images/banners/home-header.jpg);
	height: 436px;
}
.section.banner .banner-background.demo-bikes
{
	background-image: url(../images/banners/demo-header.jpg);
	height: 436px;
}
.section.banner .banner-background.e-bikes
{
	background-image: url(../images/banners/ebikes-header.jpg);
	height: 436px;
}
.section.banner .banner-background.finance
{
	background-image: url(../images/banners/finance-header.jpg);
	height: 436px;
}
.section.banner .banner-background.nutrition
{
	background-image: url(../images/banners/nutrition-header.jpg);
	height: 436px;
}
.section.banner .banner-background.sale
{
	background-image: url(../images/banners/sale-header.jpg);
	height: 436px;
}
.section.banner .banner-background.servicing
{
	background-image: url(../images/banners/servicing-header.jpg);
	height: 436px;
}
.section.banner .tupper_container
{
    width: 80%;
    margin: 10px auto;
}
.section.banner .tupper_container img
{
    max-width: 100%;
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
    .section.banner h1.section_heading 
    {
        font-size: 44px;
        margin-right: 20px;
        margin-left: 20px;
    }
    .section.banner p.section_description
    {
        margin-left: 30px;
        margin-right: 30px;
    }
}


/* Section - Short Banner
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.short-banner
{
	padding: 31px 0px 10px 0px;
}
.section.short-banner .banner-background
{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
 	width: 100%;
	height: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.section.short-banner .banner-background.road-bikes-mens
{
	background-image: url(../images/banners-short/bikes-mens-header.jpg);
}
.section.short-banner .banner-background.road-bikes-womens
{
	background-image: url(../images/banners-short/bikes-womens-header.jpg);
}
.section.short-banner .banner-background.city-e-bikes
{
	background-image: url(../images/banners-short/city-ebike-header.jpg);
}
.section.short-banner .banner-background.commuter-bikes-mens
{
	background-image: url(../images/banners-short/commuter-mens-header.jpg);
}
.section.short-banner .banner-background.commuter-bikes-womens
{
	background-image: url(../images/banners-short/commuter-womans-header.jpg);
}
.section.short-banner .banner-background.ebike-mtb
{
	background-image: url(../images/banners-short/ebike-mtb-header.jpg);
}
.section.short-banner .banner-background.gravel-cx-bikes
{
	background-image: url(../images/banners-short/gravel-cx-header.jpg);
}
.section.short-banner .banner-background.hybrid-bikes-mens
{
	background-image: url(../images/banners-short/hybrid-mens-header.jpg);
}
.section.short-banner .banner-background.hybrid-bikes-womens
{
	background-image: url(../images/banners-short/hybrid-womens-header.jpg);
}
.section.short-banner .banner-background.kids-bikes-boys
{
	background-image: url(../images/banners-short/bikes-boys-header.jpg);
}
.section.short-banner .banner-background.kids-bikes-girls
{
	background-image: url(../images/banners-short/bikes-girls-header.jpg);
}
.section.short-banner .banner-background.mountain-bikes-mens
{
	background-image: url(../images/banners-short/mtb-mens-header.jpg);
}
.section.short-banner .banner-background.mountain-bikes-womens
{
	background-image: url(../images/banners-short/mtb-womens-header.jpg);
}
.section.short-banner .banner-background.road-e-bikes
{
	background-image: url(../images/banners-short/road-ebikes-header.jpg);
}
.section.short-banner .breadcrumb_trail
{
	margin: 15px 0px 30px 0px;
}
.section.short-banner .breadcrumb_trail h6.section_heading
{
	text-align: left;
}
.section.short-banner .breadcrumb_trail a
{
}
.section.short-banner .breadcrumb_trail a:first-of-type
{
	color: #9c9c9c;
}
/* CUSTOM */
@media only screen and (max-width: 780px) {
    h1.section_heading
    {
        font-size: 42px;
    }
}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    h1.section_heading
    {
        font-size: 22px;
    }
    .section.short-banner .banner-background
    {
        height: 100px;
    }
}


/* Section - Feature Blocks
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.feature-blocks
{
	padding: 0px 0px 0px 0px;
	text-align: center;
}
.section.feature-blocks p, .section.feature-blocks h3, .section.feature-blocks h4
{
}
.section.feature-blocks p.section_description 
{
	text-align: center;
	color: #ffffff;
	margin: 10px 110px 30px 110px;
}
.section.feature-blocks h2
{
	margin-bottom: 12px;
}
.section.feature-blocks h3
{
}
.section.feature-blocks h4
{
	margin-top: 0px;
}
.section.feature-blocks .feature-box-bikes .cc-button,
.section.feature-blocks .feature-box-e-bikes .cc-button
{
	margin-top: 26px;
}
.section.feature-blocks .feature-box-clothing .cc-button,
.section.feature-blocks .feature-box-accessories .cc-button,
.section.feature-blocks .feature-box-nutrition .cc-button
{
	margin-top: 19px;
}
.section.feature-blocks .feature-box-clothing .cc-button a,
.section.feature-blocks .feature-box-accessories .cc-button a,
.section.feature-blocks .feature-box-nutrition .cc-button a
{
	padding: 10px 18px 10px 18px;
}

.section.feature-blocks .feature-box-bikes
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/bikes.jpg);
	background-size: cover;
	padding: 110px 0px 0px 0px;
	margin: 7% 0px 7% 0px;
	width: 100%;
	height: 328px;
}
.section.feature-blocks .feature-box-e-bikes
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/ebikes.jpg);
	background-size: cover;
	padding: 110px 0px 0px 0px;
	margin: 7% 0px 7% 0px;
	width: 100%;
	height: 328px;
}
.section.feature-blocks .feature-box-clothing
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/clothing.jpg);
	background-size: cover;
	padding: 83px 0px 0px 0px;
	width: 100%;
	height: 202px;
}
.section.feature-blocks .feature-box-accessories
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/accessories.jpg);
	background-size: cover;
	padding: 83px 0px 0px 0px;
	width: 100%;
	height: 202px;
}
.section.feature-blocks .feature-box-nutrition
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/nutrition.jpg);
	background-size: cover;
	padding: 83px 0px 0px 0px;
	width: 100%;
	height: 202px;
}
.section.feature-blocks .feature-box-servicing
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/servicing.jpg);
	background-size: cover;
	padding: 110px 0px 0px 0px;
	margin: 7% 0px 20px 0px;
	width: 100%;
	height: 328px;
}
.section.feature-blocks .feature-box-finance
{
	background-color: #4d4d4d;
	background-image: url(../images/home-blocks/finance.jpg);
	background-size: cover;
	padding: 110px 0px 0px 0px;
	margin: 7% 0px 20px 0px;
	width: 100%;
	height: 328px;
}
.section.feature-blocks .feature-box-road-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/road-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-mountain-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/mountain-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-hybrid-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/hybrid-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-commuter-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/commuter-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 7% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-gravel-cx-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/gravel-cx-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 7% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-kids-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/kids-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 7% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-road-e-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/road-e-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-mountain-e-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/mountain-e-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}
.section.feature-blocks .feature-box-city-e-bikes
{
	position: relative;
	background-color: #4d4d4d;
	background-image: url(../images/blocks/city-e-bikes.jpg);
	background-size: cover;
	padding: 0px 0px 0px 0px;
	margin: 14% 0px 7% 0px;
	width: 100%;
	height: 285px;
}

.section.feature-blocks .multiple_buttons
{
	margin-top: 20px;
}
.section.feature-blocks .multiple_buttons .cc-button a
{
	margin: 0px 5px 10px 5px;
	width: 105px;
}

.section.feature-blocks br.custom
{
	display: none;
}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* CUSTOM SIZES */
@media only screen and (min-width: 960px) and (max-width: 1100px) {
	.section.feature-blocks p.section_description 
	{
		margin-left: 10px;
		margin-right: 10px;
	}
}
@media only screen and (min-width: 768px) and (max-width: 965px) {
	.section.feature-blocks br.custom
	{
		display: block;
	}
}
/* Where content doesn't fit in non-mobile sizes */
@media only screen and (min-width: 550px) and (max-width: 959px) {
    .section.feature-blocks h2
    {
        font-size: 42px;
    }
    .section.feature-blocks h3
    {
        font-size: 22px;
    }
    .section.feature-blocks .feature-box-bikes .cc-button a,
    .section.feature-blocks .feature-box-e-bikes .cc-button a,
    .section.feature-blocks .feature-box-clothing .cc-button a,
    .section.feature-blocks .feature-box-accessories .cc-button a,
    .section.feature-blocks .feature-box-nutrition .cc-button a
    {
        font-size: 16px;
        line-height: 20px;
    }
}


/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
	.section.feature-blocks p.section_description 
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.section.feature-blocks .feature-box-servicing,
	.section.feature-blocks .feature-box-finance
	{
		padding: 80px 0px 0px 0px;
		height: 358px;
	}
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.section.feature-blocks
	{
		padding: 0px 0px 20px 0px;
	}
	.section.feature-blocks p.section_description 
	{
		margin-left: 10px;
		margin-right: 10px;
	}
	.section.feature-blocks .feature-box-bikes,
	.section.feature-blocks .feature-box-e-bikes,
	.section.feature-blocks .feature-box-clothing,
	.section.feature-blocks .feature-box-accessories,
	.section.feature-blocks .feature-box-nutrition,
	.section.feature-blocks .feature-box-servicing,
	.section.feature-blocks .feature-box-finance
	{
		margin: 7% 0px 0px 0px;
	}
	.section.feature-blocks .feature-box-servicing,
	.section.feature-blocks .feature-box-finance
	{
		padding: 80px 0px 0px 0px;
		height: 358px;
	}
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* Switchover Sizes (devices and browser) */
@media only screen and (max-width: 549px) {
	.section.feature-blocks .feature-box-servicing h2.section_heading, 
	.section.feature-blocks .feature-box-finance h2.section_heading 
	{
		font-size: 32px;
	}
   .section.feature-blocks .hidden-xs
    {
        display: block;
    }
    .section.feature-blocks .visible-xs-block
    {
        display: none;
    }
    .section.feature-blocks .feature-box-servicing .cc-button a,
    .section.feature-blocks .feature-box-finance .cc-button a
    {
        padding: 10px 18px 10px 18px;
    }
    .section.feature-blocks .feature-box-road-bikes
    {
        margin: 20px 0px 10px 0px;        
    }
    .section.feature-blocks .feature-box-mountain-bikes,
    .section.feature-blocks .feature-box-hybrid-bikes,
    .section.feature-blocks .feature-box-commuter-bikes,
    .section.feature-blocks .feature-box-gravel-cx-bikes,
    .section.feature-blocks .feature-box-kids-bikes
    {
        margin: 10px 0px 10px 0px;
    }
    .section.feature-blocks .feature-box-servicing,
    .section.feature-blocks .feature-box-finance
    {
        padding: 55px 0px 28px 0px;
        height: 202px;
    }

}
@media only screen and (min-width: 550px) and (max-width: 700px) {
    .section.feature-blocks .feature-box-servicing .cc-button a,
    .section.feature-blocks .feature-box-finance .cc-button a
    {
        padding: 10px 18px 10px 18px;
        font-size: 16px;
    }
}

/* Section - Products 
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.products
{
	padding: 20px 0px 40px 0px;
}
.section.products .product-banner
{
	position: relative;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover; 
	width: 100%;
	height: 220px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: center;
}
.section.products .product-banner.trek
{
	background-image: url(../images/banners-short/trek-header.jpg);
}
.section.products .product-banner.scott
{
	background-image: url(../images/banners-short/scott-header.jpg);
}
.section.products .product-banner.merida
{
	background-image: url(../images/banners-short/merida-header.jpg);
}
.section.products .product-banner.brompton
{
	background-image: url(../images/banners-short/brompton-header.jpg);
}
.section.products .product-banner.electra
{
	background-image: url(../images/banners-short/electra-header.jpg);
}
.section.products .product-banner p.section_description
{
	text-align: center;
}
.section.products .product-banner p.section_description a
{
	color: #ffffff;
	font-weight: bold;
	text-transform: uppercase;
	padding-bottom: 2px;
}
.section.products .product-banner p.section_description a:hover
{
	color: #ffffff;
	text-decoration: underline;
	margin-bottom: 2px;
}
.section.products .product
{
	padding: 0px 0px 0px 0px;
	margin: 60px 0px 0px 0px;
	text-align: center;
}
.section.products .product .product_image
{
	padding: 0px 0px 0px 0px;
	margin: 30px 0px 23px 0px;
}
.section.products .product .product_price
{
	font-size: 22px;
	line-height: 26px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700; 
	font-style: italic;
	color: #0167b1;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
	text-transform: uppercase;
}
.section.products .product .product_price span
{
	font-size: 26px;
	line-height: 30px;
}
.section.products .product .product_price a
{
	color: #0167b1;
}
.section.products .product .product_title
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 16px 0px;
    font-size: 19px;
    line-height: 22px;
}
.section.products .product .cc-button a
{
	border: 1px solid #9c9c9c;
	color: #828282;
	padding: 10px 25px 10px 25px;
	margin: 0px 0px 0px 0px;
	font-size: 21px;
	line-height: 27px;
}
.section.products .product .cc-button a:hover
{
	background-color: #828282;
	color: #ffffff;
}
/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .section.products .product-banner
    {
        height: 120px;
    }
    .section.products .logo
    {
        text-align: center;
    }
    .section.products .logo img
    {
        width: 70%;
    }
    .section.products .product-banner p.section_description a
    {
        font-size: 13px;
    }
}



/* Section - Servicing
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.servicing
{
	padding: 31px 0px 31px 0px;
	text-align: center;
}
.section.servicing .title
{
	padding: 15px 0px 0px 0px;
	height: 150px;
}
.section.servicing .title.bronze
{
	background-color: #c3803f;
}
.section.servicing .title.silver
{
	background-color: #9c9c9c;
}
.section.servicing .title.gold
{
	background-color: #d7a748;
}
.section.servicing .title-description
{
	/*position: relative;
	height: 75px;*/
	margin: 0px 0px 0px 0px;
}
.section.servicing p.section_description
{
	color: #ffffff;
	text-align: center;
	padding: 0px 40px 0px 40px;
}
.section.servicing .four.columns
{
	background-color: #f0f0f0;
}
.section.servicing .service-contents 
{
	min-height: 402px;
}
.section.servicing .service-contents ul
{
	list-style: none;
	width: 100%;
	box-sizing: border-box;
	padding: 20px 20px 0px 20px;
}
.section.servicing .service-contents ul li
{
	text-align: center;
	border-top: 1px solid #b5b5b5;
	margin: 0px 0px 0px 0px;
	padding: 14px 0px 14px 0px;
}
.section.servicing .service-contents ul li:first-child
{
	border-top: none;
}
.section.servicing .service-contents p.section_description
{
	color: #4d4d4d;
	text-align: center;
}
.section.servicing .see-more
{
	padding: 10px 0px 10px 0px;
}
.section.servicing .see-more a
{
	text-decoration: underline;
}
.section.servicing .see-more a:hover
{
	text-decoration: underline;
}
.section.servicing .book-button
{
	margin: 20px 20px 20px 20px;
}
.section.servicing .book-button a
{
	font-family: 'Roboto Condensed', sans-serif;
	font-weight: 700;
	font-size: 22px;
	letter-spacing: 1px;
	display: block;
	width: 100%;
	color: #ffffff;
	padding: 18px 0px 18px 0px;
	text-transform: uppercase;
}
.section.servicing .book-button.bronze a
{
	background-color: #c3803f;
}
.section.servicing .book-button.silver a
{
	background-color: #9c9c9c;
}
.section.servicing .book-button.gold a
{
	background-color: #d7a748;
}
.section.servicing .book-button a:hover
{
	text-decoration: underline;
}
/* CUSTOM */
@media only screen and (min-width: 851px) and (max-width: 1240px) {
    .section.servicing .title
    {
        height: 210px;
    }
}
@media only screen and (max-width: 850px) {
   .section.servicing .container 
    {
        width: 80%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 0px;
        box-sizing: border-box; 
    }
    .section.servicing .column,
    .section.servicing .columns
    {
        width: 100%;
		border-right: none;
        margin-left: 0%;
    }
	.section.servicing .column:first-child,
	.section.servicing .columns:first-child 
	{
		margin-left: 0;
	}
    .section.servicing .title
    {
        padding: 15px 0px 15px 0px;
        height: auto;
    }
    .section.servicing .service-contents 
    {
        min-height: 0px;
    }
    .section.servicing .four.columns
    {
        margin-bottom: 30px;
    }
}


/* Section - Policy
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.policy
{
	padding: 50px 0px 50px 0px;
	text-align: left;
}
.section.policy .section_heading
{
	text-align: left;
}
.section.policy .section_description 
{
	text-align: left;
	margin: 10px 0px 10px 0px;
}
.section.policy h1.section_heading 
{
	color: #0167b1;
}
.section.policy h2.section_heading 
{
	color: #0167b1;
    font-size: 22px;
    margin: 22px 0px 5px 0px;
}
.section.policy h3.section_heading 
{
	color: #0167b1;
    font-size: 18px;
    margin: 18px 0px 6px 0px;
}
.section.policy h4.section_heading 
{
	color: #4d4d4d;
    font-size: 16px;
    margin: 18px 0px 0px 0px;
}
.section.policy ul
{
    list-style: none;
}
.section.policy ul.bullets,
.section.policy ul.bullets li
{
    list-style-position: outside;
    list-style: square;
}
.section.policy ul.bullets li
{
    margin-left: 20px;
}
.section.policy a
{
    color: #0167b1;
}
.section.policy a:hover
{
    text-decoration: underline;
}


/* Section - Contact 
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.contact
{
	padding: 31px 0px 40px 0px;
}
.section.contact #contact_form
{
	width: 100%;
}
.section.contact #contact_form .form-row
{
	float: left;
	width: 100%;
}
.section.contact #contact_form label
{
	position: relative;
	margin: 0px 0px 0px 0px;
	padding: 10px 5px 0px 0px;
	font-weight: 400;
}
.section.contact #contact_form input
{
	position: relative;
	width: 100%;
	color: #2b2a29;
	background-color: #ebecec;
	font-size: 15px;
	margin: 5px 0px 5px 0px;
	padding: 5px 5px 5px 5px;
	border-radius: 1px;
	border: none;
}
.section.contact #contact_form .recaptcha_container
{
	position: relative;
	width: 100%;
	text-align: left;
	padding: 0px 0px 0px 0px;
	margin: 3px 0px 3px 0px;
}
.section.contact #contact_form input.submit_button
{
	position: relative;
	font-size: 22px;
	width: 100%;
	color: #ffffff;
	background-color: #0167b1;
	font-weight: bold;
	margin: 7px 0px 7px 0px;
	padding: 4px 0px 4px 0px;
}
.section.contact #contact_form input.submit_button:hover
{
	color: #80b3d8;
	background-color: #0167b1;
}
.section.contact #contact_form textarea
{
	width: 100%;
	height: 125px;
	color: #2b2a29;
	background-color: #ebecec;
	font-size: 15px;
	font-family: Arial, Helvetica, sans-serif;
	margin: 5px 0px 5px 0px;
	padding: 5px 0px 5px 0px;
	border-radius: 1px;
	border: none;
}
.section.contact .error_message
{
	color: red;
	font-size: 15px;
	margin: 0px 0px 0px 80px;
}
.section.contact h4.section_heading
{
	color: #0167b1;
	text-align: left;
	margin-bottom: 0px;
}
.section.contact p.section_description
{
	margin: 2px 0px 6px 0px;
}
.section.contact .google-map
{
	margin-top: 20px;
	width: 100%;
	height: 370px;
}
@media only screen and (min-width: 549px) and (max-width: 808px) {
	.section.contact #myform .recaptcha_container
	{
		overflow-x: hidden;
	}
	.section.contact .g-recaptcha {
		transform:scale(0.77);
		transform-origin:0 0;
	}
}
@media only screen and (max-width: 360px) {
	.section.contact #myform .recaptcha_container
	{
		overflow-x: hidden;
	}
	.section.contact .g-recaptcha {
		transform:scale(0.77);
		transform-origin:0 0;
	}
}


/* Section - Sub Footer 
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.sub-footer
{
	position: relative;
	padding: 0px 0px 40px 0px;
}
.section.sub-footer .columns
{
	border-right: 1px solid #9c9c9c;
}
.section.sub-footer .columns:last-child
{
	border-right: none;
}
.section.sub-footer .cc-divider
{
	width: 100%;
	background-image: url(../images/pixel_grey.png);
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.section.sub-footer .cc-divider img
{
	width: 63px;
	height: 41px;
	display: block;
	margin: 0px auto;
}
.section.sub-footer h4.section_heading
{
	color: #0167b1;
	text-align: left;
	margin-bottom: 0px;
}
.section.sub-footer p.section_description
{
	margin: 2px 0px 2px 0px;
}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.section.sub-footer h4.section_heading
	{
		margin: 10px 0px 5px 0px;
	}
	.section.sub-footer .columns
	{
		border-right: none;
	}
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}

/* WHERE THREE COLUMNS CANNOT FIT */
@media only screen and (min-width: 550px) and (max-width: 980px) {
 	.section.sub-footer h4.section_heading
	{
		margin: 10px 0px 5px 0px;
	}
   .section.sub-footer .hidden-xs
    {
        display: none;
    }
    .section.sub-footer .visible-xs-block
    {
        display: block;
    }
    .section.sub-footer .container 
    {
        width: 80%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 0px;
        box-sizing: border-box; 
    }
    .section.sub-footer .column,
    .section.sub-footer .columns
    {
        width: 100%;
		border-right: none;
        margin-left: 0%;
    }
	.section.sub-footer .column:first-child,
	.section.sub-footer .columns:first-child 
	{
		margin-left: 0;
	}
}

/* Section - Footer 
末末末末末末末末末末末末末末末末末末末末末末末末末 */
.section.footer
{
	position: relative;
	padding: 25px 0px 0px 0px;
	background-color: #0167b1;
}
.section.footer .cc-divider
{
	width: 100%;
	background-image: url(../images/pixel_white.png);
	background-repeat: repeat-x;
	background-position: center;
	text-align: center;
	margin: 0px 0px 20px 0px;
	padding: 0px 0px 0px 0px;
}
.section.footer .cc-divider img
{
	width: 63px;
	height: 41px;
	display: block;
	margin: 0px auto;
}
.section.footer ul
{
	text-align: left;
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.footer ul li
{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.section.footer li a
{
	color: #80b3d8;
	text-transform: uppercase;
}
.section.footer li a.active
{
	color: #ffffff;
}
.section.footer .two.columns:nth-child(2)
{
	border-right: 1px solid #ffffff;
}
.section.footer .flex-container
{
	/*text-align: left;
	list-style: none;
	margin: 38px 0px 0px 0px;*/
    display: flex;
    min-height: 100px;
    align-items: center;
}
.section.footer .flex-container > div
{
	/*text-align: left;
	list-style: none;
	margin: 38px 0px 0px 0px;*/
    text-align: center;
    margin: 0px 5px 0px 5px;
}
.footer_logo
{
	float: left;
	text-align: left;
	margin: 0px 0px 20px 0px;
	width: 90%;
}
.footer_logo img
{
	max-width: 100%;
	max-height: 62px;
}
.section.footer #footer_copyright
{
	margin-top: 30px;
	text-align: right;
	font-size: 15px;
	line-height: 18px;
	color: #ffffff;
}
.section.footer #footer_copyright a
{
	text-align: left;
	font-size: 15px;
	font-weight: 400;
	line-height: 18px;
	color: #ffffff;
    text-transform: none;
}
.section.footer #footer_copyright ul 
{
    text-align: right;
}
.section.footer #footer_copyright ul li
{
    display: inline;
}
.section.footer #footer_copyright ul li:after {
    margin-left: 4px;
    content: "/";
}
.section.footer #footer_copyright ul li:last-child:after {
    margin-left: 0px;
    content: "";
}
.footer_social_media
{
	text-align: right;
	margin-top: 19px;
}
.section.footer .footer_social_media a
{
	font-size: 26px;	
	line-height: 26px;
	color: #ffffff;
}
/* Social Media Icon */
@media only screen and (max-width: 550px) {
	.footer_social_media
	{
		margin-top: 10px;
		text-align: left;
	}
}
/* Bigger than 1000 */
@media (min-width: 1000px) {

}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
	.section.footer p.section_description
	{
		text-align: center;
	}
	.section.footer .footer_logo, 
	.section.footer .footer_social_media
	{
		width: 100%;
		text-align: center;
	}
	.section.footer .two.columns:nth-child(2)
	{
		border-right: none;
	}
	.section.footer ul,
	.section.footer ul li
	{
		display: block;
		text-align: center;
		margin: 0px 0px 0px 0px;
	}
    .section.footer .flex-container
    {
        height: auto;
        flex-direction: column;
        margin-top: 20px;
    }
    .section.footer .flex-container > div
    {
        display: block;
    }
    .section.footer .flex-container > div img
    {
        display: block;
        max-width: 160px;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
   }
    .section.footer #footer_copyright
    {
        margin-top: 16px;
        padding-bottom: 20px;
        text-align: center;
    }
    .section.footer #footer_copyright ul 
    {
        text-align: center;
    }
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    .section.footer #footer_copyright
    {
        margin-top: 16px;
        padding-bottom: 20px;
        text-align: center;
    }
    .section.footer #footer_copyright ul li
    {
        display: block;
    }
    .section.footer #footer_copyright ul 
    {
        text-align: center;
    }
    .section.footer #footer_copyright ul li:after {
        margin-left: 0px;
        content: "";
    }
    .section.footer #footer_copyright ul li:last-child:after {
        margin-left: 0px;
        content: "";
    }
}
/* WHERE THREE COLUMNS CANNOT FIT */
@media only screen and (min-width: 550px) and (max-width: 980px) {
    .section.footer .container 
    {
        width: 80%;
        max-width: 960px;
        margin: 0 auto;
        padding: 0 0px;
        box-sizing: border-box; 
    }
    .section.footer .column,
    .section.footer .columns
    {
        width: 100%;
		border-right: none;
        margin-left: 0%;
    }
	.section.footer .column:first-child,
	.section.footer .columns:first-child 
	{
		margin-left: 0;
	}
	.section.footer ul,
	.section.footer ul li
	{
		display: block;
		text-align: center;
		margin: 0px 0px 0px 0px;
	}
	.section.footer .two.columns:nth-child(2)
	{
		border-right: none;
	}
    .section.footer .flex-container
    {
        height: auto;
        flex-direction: column;
        margin-top: 20px;
    }
    .section.footer .flex-container > div
    {
        display: block;
    }
    .section.footer .flex-container > div img
    {
        display: block;
        max-width: 160px;
        margin: 0px 0px 5px 0px;
        padding: 0px 0px 0px 0px;
   }
	.section.footer .footer_logo, 
	.section.footer .footer_social_media
	{
		width: 100%;
		text-align: center;
	}
    .section.footer #footer_copyright
    {
        margin-top: 16px;
        padding-bottom: 20px;
        text-align: center;
    }
    .section.footer #footer_copyright ul 
    {
        text-align: center;
    }
}

/* #Misc
=================================================================================================================== */
.centered
{
	text-align: center;
}
.red
{
	color: #d61c24;
}
.no_bottom_margin
{
	margin-bottom: 0px !important;
}

/* #SliderPro
=================================================================================================================== */
#cycle-centre-slider a
{
	color: #ffffff;
}
#cycle-centre-slider .sp-head-1
{
	color: #ffffff;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 74px;
	line-height: 88px;
	font-weight: 700;
	font-style: italic;
}
#cycle-centre-slider .sp-head-2
{
	color: #ffffff;
	font-size: 52px;
	line-height: 62px;
	font-weight: 400;
}
#cycle-centre-slider .sp-brown 
{
/*
	background: rgb(105, 70, 47);
	background: rgba(105, 70, 47, 0.7);
*/
}
#cycle-centre-slider .sp-image
{
	/*filter: brightness(75%);*/
}
/* CUSTOM - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 1040px) and (max-width: 1170px) {
    #cycle-centre-slider .sp-head-2
    {
        padding-top: 50px;
    }
}
@media only screen and (min-width: 800px) and (max-width: 1039px) {
    #cycle-centre-slider .sp-head-2
    {
        padding-top: 90px;
    }
    #cycle-centre-slider .sp-cycle-icon
    {
        display: none;
    }
}
@media only screen and (min-width: 480px) and (max-width: 799px) {
    #cycle-centre-slider .sp-head-1
    {
        font-size: 48px;
        line-height: 48px;
    }
    #cycle-centre-slider .sp-head-2
    {
        font-size: 30px;
        line-height: 42px;
    }
    #cycle-centre-slider .sp-cycle-icon,
    #cycle-centre-slider .cc-button
    {
        display: none;
    }
}
/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
    #cycle-centre-slider .sp-head-1
    {
        font-size: 30px;
        line-height: 36px;
    }
    #cycle-centre-slider .sp-head-2
    {
        display: none;
    }
    #cycle-centre-slider .sp-cycle-icon,
    #cycle-centre-slider .cc-button
    {
        display: none;
    }
}


/* Responsive Menu
================================================== */
#responsive_menu_buttons
{
	position: absolute;
	right: 0px;
	top: 24px;
	display: none;
	z-index: 50;
	width: 36px;
	height: 32px;
	border: 1px solid #eee;
	background: #f5f5f5;
	color: #0167b1;
	padding: 5px 5px 3px 5px;
	margin: 0px 0px 0px 0px;
	border-radius: 3px;
	text-align: center;
	line-height: 30px;
}
#responsive_menu_buttons a
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-decoration: none;
	color: #0167b1;
}
#responsive_menu_buttons a:hover
{
	text-decoration: none;
}
#responsive_menu_open_button
{
	display: block;
	visibility: visible;	
	z-index: 100;
	font-size: 30px;
	line-height: 30px;
}
#responsive_menu_close_button
{
	display: none;
	visibility: visible;	
	z-index: 100;
	font-size: 30px;
	line-height: 30px;
}

#responsive_menu 
{
	position: absolute;
	display: none;
	width: 100%;
	z-index: 50;
	background-color: #0167b1;
	padding-top: 120px;
	padding-bottom: 40px;
}

#responsive_menu select
{
	-moz-appearance: none;
}
#responsive_menu ul
{
	box-sizing: border-box;
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
}
#responsive_menu li
{
	display: inline;
	float: left;
	width: 100%;
	border-top: 2px solid #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 10px 0px;
}
#responsive_menu ul li:first-child
{
	border-top: 3px solid #ffffff;
}
#responsive_menu ul li:last-child
{
	border-bottom: 4px solid #ffffff;
}
#responsive_menu li.top
{
	border-top: 3px solid #ffffff;
}
#responsive_menu li.bottom
{
}
#responsive_menu li span
{
	float: left;
	width: 40px;
}
#responsive_menu li a
{
	float: left;
	color: #ffffff;
	font-size: 22px;
	font-weight: normal;
	text-decoration: none;
	padding: 2px 0px 2px 0px;
	margin: 0px 0px 0px 0px;
	line-height: 120%;
}
#responsive_menu li a#active_page
{
	font-weight: bold;
}
#responsive_menu li a:hover
{
	color: #fff8d9;
}
/* Menu - Responsive  ---------------------------------- */
@media only screen and (max-width: 399px) {
	#responsive_menu_buttons
	{
		right: 20px;
	}
}
@media only screen and (max-width: 865px) {
	#responsive_menu_buttons
	{
		display: inline;
	}
	#responsive_menu 
	{
		display: none;
		visibility: visible;
	}
	#site_menu
	{
		visibility: hidden;
		height: 0;
		display: none;
	}
	.section.primary-navigation
	{
		visibility: hidden;
		display: none;
		height: 0;
	}
	#primary_menu li
	{
		display: none;
	}
	/* For use with "SALE" button */
	#primary_menu li:last-child
	{
		/*display: block;*/
	}
}

/* #Media Queries
=================================================================================================================== */

/* Bigger than 1000 */
@media (min-width: 1000px) {

}
/* ALL NON DESKTOP SIZES - Smaller than standard 960 (devices and browsers) */
@media only screen and (max-width: 959px) {
}

/* TABLET PORTRAIT - Size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
}

/* ALL MOBILE Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
}

/* MOBILE LANDSCAPE Size to Tablet Portrait (devices and browsers) */
@media only screen and (min-width: 480px) and (max-width: 767px) {
}

/* MOBILE PORTRAIT Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
}