body, html { height:100%;}
body { color:#666; background-color:#eaecee; font-family:"Dagny Pro Bold", "ff-dagny-web-pro", sans-serif;}
.textleft { text-align:left;}
.textright { text-align:right;}
.textcenter { text-align:center;}
.alignright { float:right; margin:0 0 20px 20px;}
.alignleft { float:left; margin:0 20px 20px 0;}
.valign_parent { display:table; width:100%; height:100%;}
.valign_child { display:table-cell; vertical-align:middle; height:100%;}
.valign_parent_res { display:table; width:100%; height:100%;}
.valign_child_res { display:table-cell; vertical-align:middle; height:100%; float:none;}
.valign_child_res_bt { display:table-cell; vertical-align:bottom; height:100%; float:none;}
.valign_child_res_tp { display:table-cell; vertical-align:top; height:100%; float:none;}
.responsiveimage { background-position:center center; background-repeat:no-repeat; background-size:cover;}
.responsiveimagecont { background-position:center center; background-repeat:no-repeat; background-size:contain;}
.responsiveimagelink { display:block; position:relative; z-index:2;}
.responsiveimage-ratio1 {position: relative; padding-bottom: 20%; height: 0;}
.responsiveimage-ratio2 {position: relative; padding-bottom: 40%; height: 0;}
.responsiveimage-ratio3 {position: relative; padding-bottom: 60%; height: 0;}
.responsiveimage-ratio4 {position: relative; padding-bottom: 80%; height: 0;}
.responsiveimage-ratio5 {position: relative; padding-bottom: 100%; height: 0;}
.desktopswitch { display:block;}
.mobileswitch { display:none;}
.empty { height:10px; display:block;}
.clearfix:after {
     visibility: hidden;
     display: block;
     font-size: 0;
     content: " ";
     clear: both;
     height: 0;
     }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
a {-webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
a img { -webkit-transition: all 0.5s ease; -moz-transition: all 0.5s ease; -o-transition: all 0.5s ease; -ms-transition: all 0.5s ease; transition: all 0.5s ease; opacity:1;}
a img:hover { opacity:0.7; -webkit-filter: grayscale(100%);}

a:link { color: #666; text-decoration: none; font-weight:bold; }
a:visited { color: #666; text-decoration: none; font-weight:bold; }
a:hover { color: #000; text-decoration: none; font-weight:bold; }
a:active { color: #666; text-decoration: none; font-weight:bold; }

h1, h2, h3, h4, h5, h6 {font-weight:bold;  margin:12px 0 12px 0; letter-spacing:1px; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;}
h1 { font-size:1.8em;}
h2 { font-size:1.6em;}
h3 { font-size:1.5em;}
h4 { font-size:1.4em;}
h5 { font-size:1.3em;}
h6 { font-size:1.2em; }

p { font-size:1em; margin:12px 0 12px 0; letter-spacing:0px; line-height:1.7em;}

blockquote {margin: 0; padding: 0;}
blockquote p {font-size:1.4em; margin-bottom:20px;}

body.dealers.mobile #maincontent iframe { display:none; }
body.team.mobile #maincontent iframe { display:none; }

header { position:fixed; left:0; top:0; width:100%; z-index:11; background-color:#eaecee;}
header #logo { margin-top:25px; margin-bottom:20px; width:280px; height:auto;}
#headerbreak { width:100%; height:90px;}
#headerbreak-nobanner { width:100%; height:100px; border-bottom:solid 4px #dedede; margin-bottom:-25px;}
header #social { margin-top:34px; }
header #social a { margin-left:8px; margin-right:8px; display:inline-block;} 
header #social img { height:20px; width:auto;} 
header #social img:last-child{ margin-right:0px;} 
header .headercolumn {width: 20%; float: left; box-sizing: border-box; height:auto; }
header .headercolumncenter {width: 60%; float: left; box-sizing: border-box; }

#hero-slider { margin-bottom:0;}
#hero-slider div { background-position:center center; background-repeat:no-repeat; background-size:cover;}
#hero {
  position: relative;
  height: auto;
  overflow: hidden;
  z-index:1;
  width:100%;
  top:auto;
  left:auto;
}
.herocontainer {
position: relative;
  width: 100%;
  max-width: 1160px;
  margin: 0 auto;
  padding: 0;
  box-sizing: border-box;
}
#hero-bg {
  position: relative;
  width: 100%;
  height: auto;
  -webkit-transform: translate3d(0,0,0);
}
#hero-bg img { width:100%; height:auto; opacity:1;}
.hero-content {
  position: absolute;
  right: 0;
  left: 0;
  top: 15em;
  padding: 1em;
  margin: auto;
  width: 300px;
  text-align: center;
  background: rgba(0,0,0,0.25);
  color: white;
}

#hero.tabclass {
  position: fixed;
  z-index:-1;
  left:0;
}
#headerbreak.tabclass { height:500px;}

#maincontent { padding-top:50px; padding-bottom:60px; background-color:#eaecee;}
#maincontent.largerpadding { padding-top:70px;}
#maincontent img { width:100%; height:auto; margin:12px 0 12px 0;}
#maincontent-adverts { padding-top:70px; padding-bottom:60px; background-color:#eaecee;}
#maincontent-adverts img { width:100%; height:auto; margin:12px 0 12px 0;}
#maincontent-adverts.maincontentnopad-top { padding-top:0;}
#maincontent.maincontentnopad-bot { padding-bottom:0;}
#maincontent .alignleft { width:auto; max-width:100%;}
#maincontent .alignright { display:block; float:none; width:auto; max-width:100%;}

.advert {}
.advert div { opacity:1; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out; }
.advert:hover div { opacity:0.6;}
.advert h2 { margin-top:30px;}
.advert h2:after {content: ""; display:block; height: 15px; border-bottom: 4px solid #dedede; top: 0; width: 80px; margin:auto; margin-bottom:15px;}
.advert p { margin-bottom:30px;}
.advert p a { font-weight:normal; text-decoration:none;}

.responsiveimage-about {position: relative; padding-bottom: 120%; height: 0; margin-top:12px; margin-bottom:12px; background-position:center right;}

.newsholder { padding-left:10px; padding-right:10px; padding-bottom:20px; padding-top:0;}
.newsholder h3 { font-size:1.4em;}
.newsholder h3:after {content: ""; display:block; height: 15px; border-bottom: 4px solid #dedede; top: 0; width: 80px; margin:auto; margin-bottom:15px;}
.newsholder p { margin-bottom:15px;}
.newsholder p a { font-weight:normal; text-decoration:none;}

.dealerstable h1{ font-size:1.4em;}
.dealerstable h2{ font-size:1.2em;}

.racesection { padding-top:40px;}
.raceitem { width: 33.33333333333%; float:left;}
.raceitem h3 { margin-top:30px;}
.raceitem h3:after {content: ""; display:block; height: 15px; border-bottom: 4px solid #dedede; top: 0; width: 80px; margin:auto; margin-bottom:15px;}
.raceitem p { margin-bottom:30px;}
.raceitem p a { font-weight:normal; text-decoration:none;}

.faqitem { margin-bottom:20px; padding-bottom:20px; border-bottom:1px solid #dedede;}
.faqitem h4 { margin-top:5px;}
.faqitem p { margin-top:0;}

.gobacklink { padding-top:20px;}
.gobacklink a { text-decoration:none; font-size:1.2em;}
.gobacklink p:before {content: ""; display:block; height: 25px; border-top: 4px solid #dedede; top: 0; width: 80px; margin:auto; margin-top:25px;}
#commentform input[type="email"], #commentform input[type="number"], #commentform input[type="search"], #commentform input[type="text"], #commentform input[type="tel"], #commentform input[type="url"], #commentform input[type="password"], #commentform textarea, #commentform select{ width:100%; margin-bottom:10px;}
.commentslist img { display:none;}
.commentslist li { padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid #ddd;}
#maincontent .post img, #maincontent .post .alignleft, #maincontent .post .alignright { width:100%; height:auto; max-width:100%;}
.post div { width:auto !important;}
.posttitle h1:after {content: ""; display:block; height: 15px; border-bottom: 4px solid #dedede; top: 0; width: 80px; margin:auto; margin-bottom:25px;}

.products .buyitnow { padding-top:10px; padding-bottom:10px; margin-top:15px; margin-bottom:15px; border-bottom:1px solid #ddd; border-top:1px solid #ddd; }
.productsslider { margin-bottom:10px;}
.productscarousel { margin-bottom:40px;}
#maincontent .productscarousel img { width:92%; padding:4%; margin:0; cursor:pointer;}
#maincontent .productsslider img { margin:0;}
#maincontent .buyitnow img { margin:0; width:auto; height:auto;}
#maincontent .buyitnow th, #maincontent .buyitnow td {
    padding: 0;
    text-align: left;
    border-bottom: none;
}
#maincontent .buyitnow form { margin-bottom:0;}

.mixhover:hover .mixover { opacity:1; -webkit-transition:all .4s ease-in-out;-moz-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out; cursor:pointer;} 
.mixover{
	position:absolute; top:0; left:0; z-index:2; bottom:auto; width:100%; height:100%; background-color:rgba(0,0,0,0.70); background-image:url(../images/icon_mag.png); background-repeat:no-repeat; background-position:center center; background-size:34px 34px; opacity:0;
}
.mixover.iconplus {
	background-image:url(../images/icon_more.png);
}

#mixcontainer{
  margin-bottom:60px;
}
#mixcontainer .grid-sizer,
#mixcontainer .mix { width: 33.33333333333%; }
#mixcontainer .mix img { position: relative; top:0; left:0; width:100%; height:auto; z-index:1; margin:0;}
#mixcontainer .videos .mixover{
	background-image:url(../images/icon_play.png); 
}

.filterholder { padding-top:0; padding-bottom:15px;}
#filterlist {
	display:block;
}
#filterlist
{
padding: 0;
margin:10px 0 15px 0;
text-align:center;
}
#filterlist li
{
list-style: none;
margin: 0 0 5px 0;
display: inline-block;
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
font-size: 1em;
letter-spacing:0px;
text-transform:none;
cursor:pointer;
}
#filterlist li.is-checked
{
border-bottom:solid 1px #ddd;
}

.headercolumn.nav-above { position:relative; z-index:11;}
nav,
.navbar-toggle {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
nav {
  position: absolute;
  z-index: 10;
  background-color: transparent; 
  width: 100%;
  height: 105px;
  text-align: center;
  display: table;
  color: white;
  top:auto;
  left:auto;
}
.nav-hide { display: none; }
nav ul {
  display: table-cell;
  vertical-align: middle;
  padding-left: 0 !important;
}
nav ul li { list-style: none; display:inline-block; }
nav ul li a {
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  margin:0 10px 0 10px;
}
nav ul li a:link { color: #666; text-decoration: none; font-weight:normal; }
nav ul li a:visited { color: #666; text-decoration: none; font-weight:normal; }
nav ul li a:hover { color: #000; text-decoration: none; font-weight:normal; }
nav ul li a:active { color: #666; text-decoration: none; font-weight:normal; }
nav .current_page_item > a:link, nav .current_page_item > a:visited{
color: #666; font-weight:700;
}
.navbar-toggle {
	position:relative;
	top:auto;
	left:auto;
  margin-top: 32px;
  width: 44px;
  height: 44px;
  cursor: pointer;
}
.bar1,
.bar2,
.bar3,
.bar4 {
  width: 100%;
  height: 3px;
  margin-bottom: 10px;
  background-color: #666;
  -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;
}
.navbar-on .bar1,
.navbar-on .bar2,
.navbar-on .bar3 { background-color:#666; }
.navbar-on .bar1 {
  transform-origin: 7% 70%;
  transform: rotate(45deg);
  
  -webkit-transform-origin: 7% 70%;
  -webkit-transform: rotate(45deg);
  
  -moz-transform-origin: 7% 70%;
  -moz-transform: rotate(45deg);
  
  -o-transform-origin: 7% 70%;
  -o-transform: rotate(45deg);
}
.navbar-on .bar3 {
  transform-origin: 7% 70%;
  transform: rotate(-45deg);
  
  -webkit-transform-origin: 7% 70%;
  -webkit-transform: rotate(-45deg);
  
  -moz-transform-origin: 7% 70%;
  -moz-transform: rotate(-45deg);
  
  -o-transform-origin: 7% 70%;
  -o-transform: rotate(-45deg);
}
.navbar-on .bar2, .navbar-on .bar4 { background-color: transparent; }
header #logo, header #social { opacity:1; -webkit-transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;-o-transition:all .2s ease-in-out;transition:all .2s ease-in-out;}
header.navbar-only #logo, header.navbar-only #social { opacity:0;}

#navlist {
	display:block;
}
#navlist
{
padding: 0;
margin:40px 0 0 0;
}
#navlist li
{
list-style: none;
margin: 0;
display: inline;
}
#navlist li a
{
padding: 0.25em 0.5em 0.25em 0.5em;
text-decoration: none;
font-size: 1em;
}
#navlist li a:link { color: #333; text-decoration: none;}
#navlist li a:visited { color: #333; text-decoration: none;}
#navlist li a:hover
{
color: #000; text-decoration: none;
}
#navlist > .current_page_item a:link, #navlist > .current_page_item a:visited{
	border-bottom:solid 1px #ddd;
}

footer { padding-bottom:30px; padding-top:0px; background-color:#eaecee;}
footer .footertop {padding-bottom:50px; padding-top:50px; margin-bottom:40px; border-bottom:1px solid #dedede; border-top:4px solid #dedede;}
footer p { font-size:0.8em; color:#666; margin:5px 0 5px 0; } 
footer h4 {margin:5px 0 5px 0; }
footer .footertop p { font-size:0.9em;}
footer p a {  color:#666;}
footer .five-tenth:last-child { padding-top:0px;}

@media (max-width: 1280px) {

}
@media (max-width: 1040px) {
	
}
@media (max-width: 780px) {
nav {
  position: fixed;
  background-color: #eaecee;
  height: 100%;
  top:0;
  left:0;
}
nav ul li { display:block; }
nav ul li a {
  font-size: 20px;
  margin:0 0 0 0;
}
}
@media (max-width: 768px) {
.responsiveimage-about {padding-bottom: 100%; }
.newsholder h3 {
    font-size: 1.3em;
}
}
@media (max-width: 740px) {
.empty { display:none;}
#social { display:none;}
header #logo { margin-top:20px; margin-bottom:10px; max-width:240px; height:auto;}
#hero-bg img { width:100%; height:50vh; opacity:0; }
header .headercolumn {width: 15%; height:10px;}
header .headercolumncenter {width: 60%; margin-left:5%; margin-right:0;  }
.navbar-toggle {
	position: absolute;
	top:0px;
	left:20px;
  margin-top: 23px;
}
#headerbreak {
    height: 70px;
}
#headerbreak-nobanner {
    height: 80px;
	margin-bottom: -15px;
}
#maincontent { padding-top:30px; padding-bottom:30px;}
#maincontent-adverts { padding-top:30px; padding-bottom:30px;}
footer { text-align:center;}
footer .five-tenth:last-child { padding-top:30px;}
.navbar-toggle {
    width: 34px;
}
.bar1, .bar2, .bar3, .bar4 {
    margin-bottom: 8px;
}
.navbar-on .bar1 {
  transform-origin: 2% 70%;
  transform: rotate(45deg);
  
  -webkit-transform-origin: 2% 70%;
  -webkit-transform: rotate(45deg);
  
  -moz-transform-origin: 2% 70%;
  -moz-transform: rotate(45deg);
  
  -o-transform-origin: 2% 70%;
  -o-transform: rotate(45deg);
}
.navbar-on .bar3 {
  transform-origin: 2% 70%;
  transform: rotate(-45deg);
  
  -webkit-transform-origin: 2% 70%;
  -webkit-transform: rotate(-45deg);
  
  -moz-transform-origin: 2% 70%;
  -moz-transform: rotate(-45deg);
  
  -o-transform-origin: 2% 70%;
  -o-transform: rotate(-45deg);
}
.responsiveimage-about {padding-bottom: 80%; }
body.about #hero-slider div {background-position: center right;}
#mixcontainer .grid-sizer,
#mixcontainer .mix {
    width: 50%;
}
.raceitem { width: 50%; }
.dealerstable tr { display:block;}
.dealerstable td { display:block; padding:15px 0;}
.dealerstable tr:first-child td:nth-child(2), .dealerstable tr:first-child td:nth-child(3) { display:none;}
.dealerstable tr:nth-child(7) td:nth-child(2) { display:none;}
.dealerstable tr:nth-child(12) td:nth-child(2) { display:none;}
.dealerstable tr:last-child { display:none;}
.productsslider { margin-bottom:30px;}
.productscarousel { display:none;}
}
@media (max-width: 560px) {

}
@media (max-width: 420px) {
	#maincontent {
    padding-top: 20px;
    padding-bottom: 30px;
}
	h1 { font-size:1.6em;}
h2 { font-size:1.4em;}
h3 { font-size:1.3em;}
h4 { font-size:1.3em;}
h5 { font-size:1.3em;}
h6 { font-size:1.2em; }
.navbar-toggle {
	left:0px;
}
nav ul li a {
  font-size: 18px;
}
#mixcontainer .grid-sizer,
#mixcontainer .mix {
    width: 100%;
}
.raceitem { width: 100%; }
.newsholder {
    padding-left: 0;
    padding-right: 0;
	padding-bottom:10px;
	padding-top:10px;
}
.mixover{
	background-color:rgba(0,0,0,0.0); background-size:24px 24px; opacity:1; height:20%; top:auto; bottom:0;
}
#filterlist {
    margin: 10px 0 10px 0;
}
.racesection {
    padding-top: 0px;
}
}
@media (max-width: 380px) {
	header #logo {
    max-width: 220px;
}
.navbar-toggle {
	left:0px;
}
}
@media (max-width: 340px) {
	header #logo {
    max-width: 186px;
}
.navbar-toggle {
	left:-5px;
  margin-top: 21px;
}
}