/*
Theme Name: Elliptigo
Description: Custom Wordpress Theme
Author: Ultra Design Agency
Author URI: http://www.ultradesignagency.com
Version: 6.2.A
License: Copyright 2015 Ultra Design Agency
*/

/* CSS RESET 
--------------------------------------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0 ;padding: 0; border: 0; font-size: 100%; font: inherit;} 
table {border-collapse:collapse;border-spacing:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section {display:block}

/* MOBILE DROPDOWN
.drop_down
------------------------------------------------------*/

/* FONTS
"Gotham SSm A", "Gotham SSm B";
300, 400, 500, 700, 800,
------------------------------------------------------*/



/* BASIC STRUCTURE 
------------------------------------------------------*/

body {background: #fff; color: #000; font-size: 12px; font-family: "Gotham SSm A", "Gotham SSm B" !important; letter-spacing: .5px; line-height: 20px;} 
.float_container {clear: both; overflow: hidden;}
.twelve_hundred {position: relative; max-width: 1200px; margin: 0 auto; /* padding: 0 40px; */ list-style-type: none; box-sizing: content-box;}
.post-password-form {position: relative; max-width: 1200px; margin: 150px auto 50px; padding: 0 40px; list-style-type: none; text-align: center;}
.post-password-form input {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000; text-transform: uppercase; cursor: pointer;}
.post-password-form input:hover {background: #000; color: #fff}
#container {position: relative; margin-top: 90px;}
a {text-decoration: none; cursor: pointer; text-decoration: none; color: #84c444; transition: all 0.3s ease; }
a:hover {color: #000}
a:hover {text-decoration: none; cursor: pointer;}
.hover {-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out;	-o-transition: opacity .2s ease-in-out;	transition: opacity .2s ease-in-out;}
.hover:hover {filter: alpha(opacity=60) !important; opacity: 0.6 !important;}
img {-webkit-transform: translate3d(0,0,0); transform: translate3d(0,0,0);}
h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-family: "Gotham SSm A", "Gotham SSm B";}
h1 {font-size: 26px; line-height: 32px; text-transform: uppercase; font-weight: 500;}
h2 {font-size: 20px; line-height: 26px; }
h3 {font-size: 18px; line-height: 24px; }
h4 {font-size: 16px; line-height: 20px; }
h5 {font-size: 14px; line-height: 18px; }
p {margin: 0 0 15px;}
.clear {clear: both;}
.alignleft {float: left; padding: 0 15px 5px 0;}
.alignright {float: right; padding: 0 0 15px 15px;}
.left {float: left;}
.right {float: right}
.uppercase {text-transform: uppercase;}
.underline {text-decoration: underline !important}
.center {text-align: center;}
.responsive {text-align: center; margin: 0;}
.responsive li {display: inline-block;}
.half {max-width: 49.5%}
.responsive-img {max-width: 100%; height: auto; width: auto;}
.scroll {background-attachment: fixed}
.color {color: #84c444}
.left-text {text-align: left;}
.right-text {text-align: right;}
.standard {width: 90%; margin: 0 auto; padding: 0 5%}
.middle li {vertical-align: middle;}
.bottom li {vertical-align: bottom;}
.top li {vertical-align: top;}
.for-desktop {display: block}
.for-tablet {display: none}
.for-mobile {display: none}
.for-all-mobile {display: none}
strong, b {font-weight: 700;}
em {font-style: italic;}
ol {list-style-type: decimal}
/* ol li, ul li {margin-left: 30px;} */
ul, ul li ul {list-style-type: disc !important; margin-left: 30px;}
li, li ul li {display: list-item;}
blockquote {
  background: #f9f9f9;
  border-left: 10px solid #ccc;
  margin: 1.5em 10px;
  padding: 0.5em 10px;
  quotes: "\201C""\201D""\2018""\2019";
}
blockquote p {
  display: inline;
}
.gform_wrapper .top_label input.large {left: 0;}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {width: 25px !important; height: 25px !important; position: relative; top: 2px; left: -13px;}
input#input_3_1 {margin-left: 0 !important;}
/* HEADER 
------------------------------------------------------*/

header {position: fixed;/* padding: 0 1% 0;*/ background: #fff; width: 100%; top: 0; z-index: 300;}
.header-search-box {position: relative; top: 90px; padding: 20px 0 40px;}
.header-inner-first {vertical-align: middle; overflow: hidden; display: inline-block; position: relative; width: 19%; margin: 0 !important}
.header-inner-middle {vertical-align: middle; overflow: hidden; display: inline-block; position: relative; width: 55%; margin: 0 !important}
.header-inner-last {vertical-align: middle; overflow: hidden; display: inline-block; position: relative; width: 25%; text-align: right;  margin: 0 !important}
nav {position: relative;}
.dealer {font-size: 12px; text-transform: uppercase;}
.dealer span {position: relative; color: #8d8c8c}
#pin {position: relative; margin:0 4px 0 0; }
#flag {margin: 0 20px 0 0; height: 18px;}
#search {margin: 0 0 0 10px;}
.header-inner-last {
  display: inline-flex;
  align-items: center;
}
.header-inner-last > * {
  display: inline-flex;
  align-items: center;
}
.main-menu {clear: both; background: #fff; text-align: center; width: 100%; list-style-type: none !important;  margin: 0 !important}
.main-menu li {display: inline-block; text-align: center; margin: 0 !important}
.main-menu li:hover .sub-menu {}
.main-menu li:first-child {/*margin-left: 50px;*/}
.main-menu li:last-child {/*margin-right: 50px;*/}
.main-menu a {text-decoration: none; display: block; color: #000; text-transform: uppercase; font-size: 12px; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in; padding: 35px 20px 35px 20px;}
.main-menu a:hover {color: #84c444; text-decoration: none !important;}
#logo {position: relative; max-width: 100%; height: auto; width: auto;}
.shownav {background-color: #fff; position: fixed; width:100%; left: 0 !important; top: 90px; padding: 20px 0 20px; display: none; z-index: 200; list-style-type: none !important; margin: 0 !important; overflow: hidden;}
.shownav li {display: inline-block; float: none; margin: 5px 0 0 20px !important; vertical-align: top; text-transform: uppercase;}
.shownav a {padding: 0 !important}
.shownav a:hover {color: #84c444;}
.shownav a img {-webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out;	-o-transition: opacity .2s ease-in-out;	transition: opacity .2s ease-in-out;}
.shownav a img:hover {filter: alpha(opacity=60) !important; opacity: 0.6 !important;}
.nav-block {list-style-type: none !important; margin: 0 !important}
.nav-block li {display: block; margin: 0 !important; text-align: left; padding: 0 20px 10px 0; margin: 0 10px !important;}
.nav-block li a {}
.nav-block .title {text-transform: uppercase; font-weight: 700; padding: 0 0 10px !important; font-size: 13px;} 
.navcenter {text-align: center !important}
.navcenter img {margin-top: 6px}
.shop-drop {margin: 0 10px}

#responsive_menu_pro .appendLink {color: #969696 !important; border-width: 0 !important; position: relative;  right: 20px !important; background: none !important;}
#responsive_menu_pro .responsive_menu_pro li a {text-transform: uppercase; font-weight: 300; width: 85% !important; margin: 0 auto; border-top: none !important;  border-bottom: 1px solid #969696; padding: 10px 0 10px 5% !important;}
#responsive_menu_pro .responsive_menu_pro li li a {padding-left: 10% !important; width: 80% !important;}
#responsive_menu_pro .responsive_menu_pro li li ul li a {padding-left: 20% !important; width: 70% !important;}
#responsive_menu_pro .responsive_menu_pro li.current-menu-item > a, #responsive_menu_pro .responsive_menu_pro li.current-menu-item > .appendLink, #responsive_menu_pro .responsive_menu_pro li.current_page_item > a, #responsive_menu_pro .responsive_menu_pro li.current_page_item > .appendLink {background: rgba(0, 0, 0, 0) none repeat scroll 0 0 !important; color: #000 !important;}
#responsive_menu_pro_button {right: 103px !important;}
#responsive_menu_pro {list-style-type: none; z-index: 999999 !important; margin: 0 !important; top: 70px !important; box-shadow: 0 1px 8px #a0a0a0 !important; } 
.push-wrapper {position: relative}
#responsive_menu_pro .responsive_menu_pro_append_link {border-width: 1px 0 1px 0 !important}



/* SUPPORT PAGES
------------------------------------------------------*/

#accordian-menu {width:100%;  padding:50px 30px; background: #e7e7e7; text-transform: uppercase; font-weight: 300; list-style: none !important; margin: 0 !important}
#accordian-menu li a {display:block; width:100%; text-decoration: none; color:#000; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in;}
#accordian-menu li a:hover {color: #84c444}
#accordian-menu li a {font-size:14px; height:45px; line-height:45px; border-bottom: 1px solid #898989;}
#accordian-menu .trigger a {font-size:14px; height:45px; line-height:45px; border-bottom: 1px solid #898989; background: url(images/support-accordian-arrow.png)no-repeat right 9px;}
#accordian-menu ul li {width:100px; display:block;}
#accordian-menu ul li:hover, a.trigger:hover {}
#accordian-menu .sub-menu { margin: 0 !important}
#accordian-menu .sub-menu li {padding: 6px 0 6px 30px; width:100%; display:block; }
#accordian-menu .sub-menu li:first-child {padding-top: 12px !important}
#accordian-menu .sub-menu li a {font-size:14px; text-align:left; background: none; border-bottom: none; line-height: 20px !important; max-width: 90%; height: auto;}
.support-page-container {width: 100%;}
.support-page-left {padding: 60px 0; display: inline-block; vertical-align: top; width: 38%; margin: 0 11% 0 0 !important; position: relative; min-width: 300px;}
.support-page-right {padding: 60px 0; display: inline-block;  vertical-align: top; width: 42%; position: relative; margin: 0 !important; min-width: 300px;}
.support-page-right h1 {margin: 0 0 15px}

#social-grey {position: relative; left: 20px; margin: 0 !important}
#social-grey a {height:20px; display:block; position:relative; margin:0 3px; padding: 0 2px; left: 0px; top: 0px}
#social-grey a.social1 {left: -22px; width:9px; float:left; background:url(images/social-media-icon-grey.png) 0 0;}
#social-grey a.social2 {left: -16px; width:22px; float:left; background:url(images/social-media-icon-grey.png) -27px 0;}
#social-grey a.social3 {position: relative; left: -14px; width:22px; float:left; background:url(images/social-media-icon-grey.png) -61px 0;}
#social-grey a.social4 {position: relative; left: -8px; width:27px; float:left; background:url(images/social-media-icon-grey.png) -99px 0;}
#social-grey a.social5 {position: relative; left: -4px; width:13px; float:left; background:url(images/social-media-icon-grey.png)-140px 0;}
#social-grey a.social6 {position: relative; right: 0px; width:19px; float:left; background:url(images/social-media-icon-grey.png)no-repeat -165px 0;}


.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%;}
.videos h1 {margin-bottom: 15px;}
.video-button { font-size: 12px; text-align: left;}
.vid-btn {margin: 4px 0; border-bottom: 1px solid #d7d7d7; padding: 3px 0;}
.vid-btn a {color: #000;}
.faq-wrap {margin: 0 0 20px;}
.faq-wrap h4 {font-weight: 700; margin-bottom: 5px}
.FAQ-pages h2 {font-weight: 700; margin-bottom: 15px}
.faq-pages h1 {margin-bottom: 15px}
.download a{ transition: all 0.3s ease;  padding: 8px 15px; font-size: 14px; border: 1px solid #000;}
.download a:hover {background: #000; color: #fff}
.manual-left {width: 8%; vertical-align: top;}
.manual-left img {max-width: 35px; width: 100%; height: auto; padding-top: 5px !important;}
.manual-right {width: 85%; margin: 0 0 0 3% !important;}
.manual-wrap li {display: inline-block; margin: 0 !important;}
.manual-wrap {width: 100%; padding-bottom: 30px; margin: 30px 0 0 0 !important;list-style-type: none !important;}
.troubleshooting-wrap {margin: 0 0 20px; }
.troubleshooting-wrap h4 {font-weight: 700; margin-bottom: 5px}
.troubleshooting h2 {font-weight: 700; margin-bottom: 15px}
.troubleshooting h1 {margin-bottom: 15px}
.safety-notice a {font-weight: 700; text-decoration: underline; padding-left: 4px;}
.bike-wrapper {position: relative; margin-top: 30px;}
.bike-menu-wrap {padding: 20px 20px 30px; background: url(images/bike-hover-bg.png)repeat-x bottom;}
@media screen and (max-width:767px) {
  .bike-videos {
    margin-right:2rem;
    background: #eee;
  }
  .bike-menu-wrap {
    background:none;
  }
  .bike-videos .hover-close { display:none; }
  .bike-videos .responsive-img {
    display:none;
  }
  .bike-videos .for-mobile {
    background:none;
    padding: 0;
  }
}
@media screen and (min-width:768px) {
  .bike-videos {width: 50%; float: left;}
  .bike-videos a {color: #000}
  .bike-videos .bike-overlay {overflow: hidden; position: absolute; bottom: 0px; box-shadow: 1px 1px 6px #afafaf; text-align: left; z-index: 58; -webkit-transition: opacity .2s ease-in-out; -moz-transition: opacity .2s ease-in-out; -ms-transition: opacity .2s ease-in-out; -o-transition: opacity .2s ease-in-out; transition: opacity .2s ease-in-out; filter: alpha(opacity=0); opacity: 0; /*height: 90%;*/width: 50%; cursor: pointer; padding: 0 0 10%}
  .bike-videos:hover .bike-overlay {display: block; filter: alpha(opacity=100) !important; opacity: 1 !important; }
}
.video-button { transition: all 0.3s ease; color: #000;}
.video-button:hover {color: #84c444}
.bike-popup {padding: 50px; background: #fff;}
.bike-popup h2 {margin-bottom: 15px}
.video-container {margin-bottom: 15px}
.video {padding-top: 40px;padding-bottom: 40px;}
.video h1 {margin-bottom: 15px}
.pag-top {border-top: 1px dotted #d9d9d9;}
.pag-bottom{border-top: 1px dotted #d9d9d9;margin-bottom: 20px;}
.link-left {float: left; padding: 2px 0; font-size: 10px;}
.link-right {float: right; padding: 2px 0; font-size: 10px;}
#gform_4 .gfield_label {display: none}

.gchoice_4_15_1 {margin: 10px 0 !important;}
.gchoice_4_15_2, .gchoice_4_15_3 {margin: 0 0 10px !important}
.video-thumb {list-style-type: none !important}



/* HOME PAGE
------------------------------------------------------*/
.home-page-banner {display: block;}
.home-page-banner-m {display: none}
.wpv_pagination_dots {position: absolute; left: 49%; list-style-type: none !important; margin: 0 !important;}
.wpv_pagination_dots li a {background-image: url(images/pagination_dots.png) !important; margin: 0 3px !important; transition: none !important;}
.pagination-home {position: relative; top: -50px;}
.pagination-home li {margin: 0 !important}



/*
----------------------------FOUR BIKE TEMPLATE--------*/
.red-4 {position: relative; max-width: 23%; margin: 0; z-index:1}
.red-4 .home-overlay {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.9s; -moz-transition: max-height 0.9s; transition: max-height 0.9s; position: absolute; bottom: 30px; box-shadow: 1px 1px 6px #afafaf; text-align: left; z-index: 99998; background: #fff; }
.red-4 .home-overlay img {padding-top: 10px;}
.red-4:hover .home-overlay {display: block; max-height: 260%; }





.red-3c {position: relative; max-width: 31%; margin: 0; z-index:1}
.red-3c .home-overlay {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.9s; -moz-transition: max-height 0.9s; transition: max-height 0.9s; position: absolute; bottom: 30px; box-shadow: 1px 1px 6px #afafaf; text-align: left; z-index: 99998; background: #fff; }
.red-3c .home-overlay img {padding-top: 10px;}
.red-3c:hover .home-overlay {display: block; max-height: 260%; }
.hover-close {display: none}
.h-wrap {padding: 0 40px 20px;}
.h-model {font-size: 18px; font-weight: 700; padding: 10px 0 5px;}
.h-price {font-size: 18px;padding: 0 0 15px;}
.h-learn a {font-size: 14px; background: url(images/learn-btn.png)no-repeat right center; padding-right: 15px;}
.h-buy {margin: 20px 0 20px;}
.h-buy a {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.h-buy a:hover {background: #000; color: #fff}
.h-compare {font-size: 14px; margin: 40px 0 40px}
.h-compare a {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.h-compare a:hover {background: #000; color: #fff}
.middle li {margin: 0 !important}
.h-test-ride {background: #e7e7e7 url(images/h-experience-bg.png)repeat-x top; padding: 0 0 20px;}
.h-test-ride h1 {padding-top: 30px; font-size: 22px; }
.hbkr {padding-right: 9%}
.h-test-btn {float: right;}
.h-test-btn a {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.h-test-btn a:hover {background: #000; color: #fff}
.h-snippet {font-size: 14px; margin-top: 10px;}
.h-press-w {max-width: 273px; text-align: left; margin: 15px;}
.h-press-quote {margin: 20px 0 0; font-weight: 300;}
.h-press-img {border: 1px solid #d1caca; box-shadow: 1px 1px 6px #d1caca;}
.h-press-btn {float: right;}
.h-press-btn a {font-weight: 800; font-style: italic; color: #000;}
.h-press {font-size: 14px; margin: 20px 0 40px}
.h-press a {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.h-press a:hover {background: #000; color: #fff}
.ph1 {padding: 30px 0 10px; font-weight: 700; position: relative; background: #fff;}
.h-newsletter {color: #fff; padding: 40px 0 10px; background: #485863;}
.h-newsletter h1 {font-weight: 700;}
.h-newsletter-snippet {font-weight: 300; padding: 15px 0;}
.h-swagger {background: #84c444; padding: 20px 0; color: #fff; font-weight: 700}
.swag-view {background: #000}
.swag-loop {width: 25%; float: left; background: #000}
.test-bar {height: 20px; background: #fff; position: relative; top: -20px; margin: 0 0 20px; width: 100%;}
.testimonial-height {height: 400px}
.testimonial-wrap {width: 100%; background: #84c444;}
.testimonial-wrap ul, .testimonial-wrap li {margin: 0 !important}
.single-testimonial {text-align: right; max-width: 100%; margin: 0 !important;}
.st-left {width: 53%; display: inline-block !important; vertical-align: middle; text-align: left; padding: 0 3% 0 0; color: #fff; margin: 0 !important;}
.st-right {width: 43%; display: inline-block !important; vertical-align: middle; margin: 0 !important;}
.st-right img {max-width: 100%; height: auto; width: auto; max-height: 100%;}
.testimonial-text {font-size: 14px; font-style: italic; line-height: 22px;}
.testimonial-name {font-size: 14px; line-height: 22px;}
.testimonial-title {font-size: 12px; padding-top: 5px;}
.home-slide-wrap {position: relative; margin: 0 0 20px;}
.home-slide-copy-left {position: absolute; top: 20%; padding: 0 60px; width: 30%; text-align: left;}
.home-slide-copy-right {position: absolute; top: 20%; padding: 0 60px; width: 30%; text-align: right; right: 0}
.home-slide-copy-left h1, .home-slide-copy-right h1 {color: #fff; font-size: 60px; text-shadow: 4px 4px 6px #666666; line-height: 68px; margin-bottom: 20px;}
.home-slide-copy-left h2, .home-slide-copy-right h2 {color: #fff; font-size: 30px; text-shadow: 4px 4px 6px #666666; line-height: 36px;}
.home-slide-button {margin-top: 30px}
.home-slide-button a{padding: 8px 15px; border: 1px solid #fff; transition: all 0.3s ease; color: #fff; font-size: 16px; text-transform: uppercase;}
.home-slide-button a:hover {background: #84C444; color: #fff; border: 1px solid #84C444;}
.home-signup .gform_wrapper form {text-align: center !important; position: relative;}
.home-signup .gform_wrapper form .gfield_label {display: none}
#input_2_1 {background: #485863; border: 1px solid #fff; padding: 10px;  text-transform: lowercase; min-width: 230px; color: #fff}
.home-signup ::-webkit-input-placeholder {padding: 0 0 0 15px; color: #fff; opacity: 1 !important; text-transform: lowercase !important;}
.home-signup :-moz-placeholder {padding: 0 0 0 15px; color: #fff; opacity: 1 !important; text-transform: lowercase !important;}
.home-signup ::-moz-placeholder {padding: 0 0 0 15px; color: #fff; opacity: 1 !important; text-transform: lowercase !important;}
.home-signup :-ms-input-placeholder {padding: 0 0 0 15px; color: #fff; opacity: 1 !important; text-transform: lowercase !important;}
#gform_submit_button_2 {position: absolute; top: 12px; right: 38%;}
.home-signup .gform_wrapper div.validation_error {display: none}
.home-signup .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;border-bottom: none  !important;border-top: none  !important;margin-bottom: none !important;padding: 0;}
.home-signup .gform_wrapper .validation_message {color: #84C444 !important}
.home-signup .gform_wrapper .top_label .gfield_error {width: 100% !important}
.home-signup .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {max-width: 100% !important;}

/* ABOUT US PAGE
------------------------------------------------------*/
.about-desktop {display: block}
.about-sec {padding: 30px 0; margin: 0 !important; list-style: none !important;}
.about-sec li {margin: 0 !important}
.about-left {max-width: 59%; padding: 0 4% 0 0 !important; text-align: left; margin: 0 !important}
.about-left h1 {margin: 0 0 15px}
.about-left p {margin: 0 0 15px}
.about-right {max-width: 35%;  text-align: left;  margin: 0 !important}
.contact-us-left {width: 58%; text-align: left; vertical-align: top; margin: 0 10% 0 0 !important;}
.contact-us-right {width: 29%;  text-align: left; vertical-align: top; min-width: 240px; margin: 0 !important }
.contact-box {background: #e7e7e7; padding: 30px; margin-bottom: 2rem;}
#field_5_3, #field_5_4, #field_5_5 {display: block}
#gform_5 ::-webkit-input-placeholder {padding: 0 0 0 15px; color: #808080; opacity: 1 !important; text-transform: capitalize !important;}
#gform_5 :-moz-placeholder {padding: 0 0 0 15px; color: #808080; opacity: 1 !important; text-transform: capitalize !important;}
#gform_5 ::-moz-placeholder {padding: 0 0 0 15px; color: #808080; opacity: 1 !important; text-transform: capitalize !important;}
#gform_5 :-ms-input-placeholder {padding: 0 0 0 15px; color: #808080; opacity: 1 !important; text-transform: capitalize !important;}
#gform_submit_button_5 {padding: 8px 15px !important; font-size: 12px; border: 1px solid #000 !important; transition: all 0.3s ease; cursor: pointer; text-transform: uppercase; color: #000;}
#gform_submit_button_5:hover {background: #000; color: #fff}
.gform_wrapper #gform_5 div.validation_error {display: none}
.gform_wrapper #gform_5 li.gfield.gfield_error, .gform_wrapper #gform_5 li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;border-bottom: none  !important;border-top: none  !important;margin-bottom: none !important;padding: 0;}
.gform_wrapper #gform_5 .validation_message {color: #84C444 !important}
.gform_wrapper #gform_5 .top_label .gfield_error {width: 100% !important}
.gform_wrapper #gform_5 li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper #gform_5 li.gfield_html {max-width: 100% !important;}
#gform_5 .large {padding: 8px 10px 7px; border: 1px solid #808080; color: #808080; width: 94.9%; margin-bottom: 12px;}
#gform_5 .medium {padding: 8px 10px 7px; border: 1px solid #808080; color: #808080; width: 91%; margin-bottom: 7px;}
#gform_5 .gfield_label {display: none}
#gform_5 .gform_footer  {text-align: right; margin-right: 12px;}

/* TRY PAGES
------------------------------------------------------*/
.try-lp {list-style-type: none !important; margin: 0 !important}
.try-lp li {max-width: 30%; padding: 1.3%; min-width: 300px; margin: 0 !important}
.try-pages h2 {font-weight: 700; padding: 30px 0 0;}
.try-lp li h4 {font-weight: 500; padding: 15px 0 15px; min-height: 40px;}
.try-lp li .t-c {padding: 20px 0; text-align: left;}
.try-btn {margin: 30px 0; text-transform: uppercase;}
.try-btn a {padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.try-btn a:hover {background: #000; color: #fff}
.gmw-single-post-sc-additional-info {margin: 20px 0 0;}
.event-single {margin: 20px 0; border-top: 8px solid #e7e7e7; padding: 30px 0;}
.website .label {display: none;}
.gmw-more-link {display: block; font-weight: 700;}
.gmw-posts-wrapper .excerpt {margin: 0 0 15px;}
.gmw-no-results-wrapper p {border: none !important; float: left !important;}
.wppl-single-result a {color: #000}
.wppl-single-result {min-height: 180px !important}

/* PRESS PAGE
------------------------------------------------------*/
.p-page {padding: 30px 0 0 0;}
.press-nudge {margin: 30px 0;}
.press-loop {list-style-type: none !important; margin: 0 !important}
.press-loop li {width: 33%; display: inline-block; min-width: 320px; margin: 0 0 25px !important;}
.p-page-wrap {max-width: 300px; margin: 0; padding: 30px 0 10px; text-align: left;}
.p-page-wrap h2 {line-height: 24px; margin: 0 0 10px;}
.p-press-img {border: 1px solid #d1caca; box-shadow: 1px 1px 6px #d1caca; margin: 0 0 10px;}
.p-press-btn {float: right; text-transform: uppercase;}
.p-press-btn a {font-weight: 800; font-style: italic; color: #000;}
.press-footer {border-top: 1px solid #858383; color: #858383}

/* COMMUNITY PAGES
------------------------------------------------------*/
.community h2 {margin: 30px 0; font-weight: 700; text-transform: uppercase;}
.community h3 {margin: 0 0 15px;  font-weight: 700; text-transform: uppercase;}
.community ul {list-style-type: none !important; margin: 0 !important}
.community ul li {max-width: 29%; margin: 15px 1.5%; vertical-align: top; min-width: 300px;}
.community ul li p {text-align: left;}
.comm-btn  {padding: 8px 15px; font-size: 12px; border: 1px solid #000; transition: all 0.3s ease;  text-transform: uppercase; color: #000;}
.comm-btn:hover {background: #000; color: #fff}
.community ul li .adj {margin: 30px 0 15px}
.blog-single {padding: 50px 40px 15px;; list-style-type: none; }
.blog-single img {max-width: 100%; height: auto;/* width: auto;*/ list-style: none !important}
.blog-single li {text-align: left; vertical-align: top;}
/*.blog-single li:first-child {width: 70%;}
.blog-single li:last-child {width: 20%; } */
.blog-single h2 a { color: #000;}
.blog-single h1 {margin: 0 0 30px 0; font-weight: 700; text-transform: uppercase;}
.blog-cats {padding: 50px 40px;}
.blog-cats h1 {margin-bottom: 15px;}
.cat-post img {max-width: 300px; height: auto;}
.cat-post {text-align: left; display: inline-block;  margin: 0 !important}
.cat-post-left {max-width: 30%; min-width: 150px; float: left; margin-right: 4%;}
.cat-post-right {max-width: 62%;  float: left;}
.blog-cat-wrapper {list-style-type: none !important;}
.blog-cat-wrapper li:first-child {width: 70%; margin-right: 9%}
.blog-cat-wrapper li:last-child {width: 20%; }
.blog-cat-wrapper li {text-align: left; vertical-align: top;}
.categories {display: block;}
.catty a {text-transform: uppercase;}
.catty h3 {margin-bottom: 6px;}
.mailto {text-transform: lowercase !important; font-weight: 700;}
.cat-post-right h3 {font-weight: 700; margin: 0 0 10px;}
.read-more {font-size: 12px; font-weight: 700; font-style: italic;}
.wp-tag-cloud {list-style-type: none !important; margin: 0 !important}
.wp-tag-cloud li {display: block; width: 100% !important;}
.wp-tag-cloud li title {display: none}
.wp-tag-cloud li:first-child {width: 100% !important; margin: 0 !important;}
.wp-tag-cloud li:last-child {width: 100% !important; margin: 0 !important;}
.comment-form-comment label {display: block;}
.logged-in-as, .post-atts {font-size: 10px; color: #858383;}
.logged-in-as a, .post-atts a {font-weight: 700; color: #585757;}
.submit  {padding: 8px 15px; font-size: 12px; border: 1px solid #000; transition: all 0.3s ease; background: #fff; cursor: pointer;}
.submit:hover {background: #000; color: #fff}
.athlete-footer {border-top: 1px solid #858383; color: #858383}
.athlete-footer a {color: #858383}
.ssba_twitter_share {padding-left: 3px}
.ssba_pinterest_share {padding-left: 3px}
.ssba_email_share {padding-left: 7px}
.athlete-btn {text-transform: uppercase;}
.athlete-btn a {font-weight: 800; font-style: italic; color: #000;}
.athlete-excerpt {margin: 5px 0 0;}
.sidebar_shortcode ul, .sidebar_shortcode {list-style-type: none !important; }
.sidebar_shortcode li {margin-left: 0!important; width: 20% !important; display: inline-block !important; position:relative;}
.sidebar_shortcode .gform_wrapper .gform_footer { margin: 0; padding: 0; }
.sidebar_shortcode .gsc-control-cse { padding: 0; }
.sidebar_shortcode .gsc-search-button-v2 { display: flex; min-height: 30px; }
.comm-left {width: 60% !important; min-width: 400px; padding-right: 10%; margin: 0 !important}
.comm-right {width: 30% !important; min-width: 250px; margin: 0 !important}
.widget {min-width: 300px; position: absolute; margin: 0 0 20px !important; display: block !important}
.widgettitle {margin: 0 0 10px;}
.widget ::-webkit-input-placeholder {padding: 0 0 0 15px; color: #c7c7c7; opacity: 1 !important; text-transform: capitalize !important;}
.widget :-moz-placeholder {padding: 0 0 0 15px; color: #c7c7c7; opacity: 1 !important; text-transform: capitalize !important;}
.widget ::-moz-placeholder {padding: 0 0 0 15px; color: #c7c7c7; opacity: 1 !important; text-transform: capitalize !important;}
.widget :-ms-input-placeholder {padding: 0 0 0 15px; color: #c7c7c7; opacity: 1 !important; text-transform: capitalize !important;}
#gform_submit_button_3 {padding: 8px 15px !important; font-size: 12px; border: 1px solid #000 !important; transition: all 0.3s ease; cursor: pointer; text-transform: uppercase; background: #fff; color: #000;}
#gform_submit_button_3:hover {background: #000; color: #fff}
.gform_wrapper ul {list-style-type: none !important};
.widget .gform_wrapper div.validation_error {display: none}
.widget .gform_wrapper li.gfield.gfield_error, .gform_wrapper li.gfield.gfield_error.gfield_contains_required.gfield_creditcard_warning {background-color: transparent !important;border-bottom: none  !important;border-top: none  !important;margin-bottom: none !important;padding: 0;}
.widget .gform_wrapper .validation_message {color: #84C444 !important}
.widget .gform_wrapper .top_label .gfield_error {width: 100% !important}
.widget .gform_wrapper li.gfield.gfield_error.gfield_contains_required div.ginput_container, .gform_wrapper li.gfield_html {max-width: 100% !important;}
#input_3_1 {min-width: 240px; margin: 0 0 20px 0; padding: 7px; border: 1px solid #c7c7c7;}
.widget .gform_wrapper .top_label .gfield_label {display: none !important}
.widget .gform_wrapper li.gfield_error input[type="email"], .gform_wrapper li.gfield_error input[type="number"], .gform_wrapper li.gfield_error input[type="password"], .gform_wrapper li.gfield_error input[type="tel"], .gform_wrapper li.gfield_error input[type="text"], .gform_wrapper li.gfield_error input[type="url"], .gform_wrapper li.gfield_error textarea { border: 1px solid #c7c7c7 !important;}
.widget #searchsubmit {padding: 8px 15px !important; font-size: 12px; border: 1px solid #000 !important; transition: all 0.3s ease; cursor: pointer; text-transform: uppercase; background: #fff;}
.widget #searchsubmit:hover {background: #000; color: #fff}
.widget #s {min-width: 240px; padding: 7px; margin: 0 0 20px; border: 1px solid #c7c7c7;}
.tax-line {margin: 20px 0; height: 1px; width: 100%; background: #c7c7c7;}
.textwidget a {color: #000}
#field_3_1, #gform_fields_3 {margin: 0 !important}
.page-numbers {margin: 0 0 20px 0 !important; text-align: center; list-style-type: none !important}
.page-numbers li {display: inline-block; margin: 0 !important}
.page-numbers a {color: #000}

/* SEARCH PAGE
------------------------------------------------------*/
.search-page {padding: 30px 30px; max-width: 800px; margin: 0 auto;}
.search-page #container article {border-top: 1px solid #8d8c8c; padding: 20px 0; margin: 10px 0; }
#search-img img {float: left; margin-right: 30px; }
#search-text {padding-bottom: 25px}
.search-results-btn {background: #84c444; padding: 4px 20px; color: #fff; position: relative; top: 10px;}
.page-search {padding: 30px 0; margin-bottom: 30px; display: none;}
.field-set-stacked .field-text input {padding: 10px 20px 10px 10px;  width: 80% !important;  font-size: 20px; border: 1px solid #84c443; margin-top: -9px; }
.header-search-box li, .header-search-box2 li {margin: 0 !important;}
::-webkit-input-placeholder {color: #8f8f8f; text-transform: uppercase;}
:-moz-placeholder {color: #8f8f8f; text-transform: uppercase;}
::-moz-placeholder {color: #8f8f8f; text-transform: uppercase;}
:-ms-input-placeholder {color: #8f8f8f; text-transform: uppercase;}
.header-search-box .twelve_hundred {list-style-type: none !important}
.header-search-box { display:none; width: 100%; height: 0; position: fixed; z-index: 500; padding: 30px 0 0; background: #fff; margin: 0 !important; box-shadow: 0 0 10px #c0c0c0;}
.header-search-box2 { display:none; width: 100%; height: 0; position: fixed; z-index: 500; padding: 20px 0 30px; background: #fff; }
.close, .close2 {font-size: 30px; font-weight: 500; color: #c8c8c8;}
#searchform ul {list-style-type: none !important;}

/* SHOP PAGES
------------------------------------------------------*/
.shop-page-main {margin-bottom:2rem; margin-top: 120px;}
.shop-page-main h1 {margin-top: 50px}
.shop-page-main .s-cat {max-width: 50%; margin: 5px auto 25px;}
.shop-page-main .s-desc {max-width: 70%; margin: 5px auto 25px;}
.s-link {margin: 20px 0 40px;}
.s-link a:hover {background-color: transparent !important; font-family: "Gotham SSm A", "Gotham SSm B" !important;}
.s-link a .btn {background: #f05f33; border-radius: 0; padding: 10px 20px !important;}
.s-link a .btn:hover {color: #fff; background-color: #000;}
.s-space {padding: 30px 0;}
.product-loop {list-style-type: none; margin: 0 !important}
.product-loop li {max-width: 30.5%; padding: 0 1%; vertical-align: bottom;  margin: 0 !important}
.p-price {font-size: 16px; margin: 5px auto 25px;}
.p-description {margin: 5px auto 10px; max-width: 70%;}
.p-wrap {padding: 0 0 20px; margin: 0 0 10px;}
.p-wrap h3 {max-width: 320px; margin: 0 auto;}
.p-buy a {padding: 8px 15px; font-size: 12px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.p-buy a:hover {background: #000; color: #fff}
.shop-bike li {max-width: 22.5% !important; }
.p-learn {margin: 20px 0 0 0;}
.p-learn a {padding: 8px 15px; font-size: 12px; border: 1px solid #000; transition: all 0.3s ease; color: #000;}
.p-learn a:hover {background: #000; color: #fff}
#item1 {background: #84c444; color: #fff !important}
.compare-wrap {width: 20%; padding: 50px 2%; text-align: left; vertical-align: top; min-width: 200px; margin: 0 !important}
.compare-wrap h1 {margin: 0 0 15px;}
.compare-wrap p {margin: 0 0 15px}
.compare-btn {margin: 30px 0 0;}
.compare-btn a{padding: 8px 15px; font-size: 14px; border: 1px solid #000; transition: all 0.3s ease; text-transform: uppercase; color: #000;}
.compare-btn a:hover {background: #000; color: #fff}


/* COMPARE PAGES
------------------------------------------------------*/
.experience-fun .bike-finder-col .bike-finder-tool {margin-bottom: 50px;}


/* WORLDWIDE
------------------------------------------------------*/
.ww-cont {list-style-type: none; margin: 0 !important}
.ww-cont li {display: inline-block; margin: 0 !important}
.worldwide {margin: 0 0 30px 0 !important; list-style-type: none !important;}
.worldwide li {display: block; min-width: 235px; margin: 0 0 5px !important;}
.worldwide-title {font-weight: 900; margin: 0 0 15px;}
.worldwide li a {color: #000 !important}
.worldwide li a span {position: relative; top: -11px}
.wwnudge {margin: 30px 0 30px !important;}


/* SITEMAP
------------------------------------------------------*/
.sitemap-page p {margin: 0 !important}
.smp {font-size: 14px; font-weight: 700; text-transform: uppercase; text-decoration: underline; line-height: 26px;}
.sitemap-query {padding: 1px 1px 1px 8px}

/* STANDARD PAGE TEMPLATE
------------------------------------------------------*/
.standard-page-template {padding: 40px 40px !important;}
.standard-page-template img {max-width: 100%; height: auto; width: auto; padding: 15px 0 15px 0;}
.standard-page-template h1 {margin: 0 0 15px;}
.standard-page-template h2 {margin: 0 0 15px}
.standard-page-template p {margin: 0 0 15px; }
.event-margin {margin-top: 20px}

/*FOOTER
------------------------------------------------------*/
.footer {background-color: #000; padding-top:50px; padding-bottom:50px; }
.footer .for-mobile, .footer .for-tablet { font-size:10px; }
.footer-menu-mobile ul {
  display: flex;
  justify-content: center;
}
footer ul {list-style-type: none !important;  margin: 0 !important}
footer {clear: both;}
footer p {margin-bottom: 10px !important; line-height: 15px; letter-spacing: normal;}
.footer-menu {display: block; clear: both}
.footer-menu ul {margin: 0 !important}
.footer-menu-wrap {max-width: 1200px; margin: 0 auto;}
.footer-menu-wrap .f1 {float: left; width: 20%}
.footer-menu-wrap .f1 .f2, .footer-title a {font-weight: 500 !important; font-size: 14px !important; margin-bottom: 8px; }
.footer-menu a {text-decoration: none; display: block; color: #fff; text-transform: uppercase; font-size: 12px; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in; font-weight: 300; line-height: 30px; margin-left: -30px;}
.footer-menu a:hover {color: #84c444}
#dealer-nudge {clear: both; margin-top: 20px;}
footer a {color: #fff;-webkit-transition:color .2s ease-in;}
footer a:hover {color: #84c444}
.pole {padding: 0 10px}
.foot-sep {height: 1px; background: #fff; width: 100%; margin: 15px 0;}
#world {position: relative; top: 0px; padding: 0 4px 0 0;}
#patent {position: relative; top: 8px;}
#copyright {position: relative; top: 8px;}
.ultra {font-size: 9px; color: #848484; position: relative; top: -6px;}
.ultra:hover {color: #fff !important}
.ultra a { color: #848484;-webkit-transition:color .2s ease-in;}
.ultra a:hover {color: #fff !important}
.ultra img {position: relative; top: 6px; margin-right: 6px;}
.scrollup {width: 29px; height: 29px; position: fixed; bottom: 30px; right: 30px; display: none; text-indent: -9999px; background: url(images/arrow-up.png)no-repeat;}

/*RESPONSIVE CSS
------------------------------------------------------*/


/*MENU BREAK
------------------------------------------------------*/

@media only screen and (max-width : 1300px)  { 
header {position: relative !important;}
.header-mobile {padding: 20px 20px 0 !important}
.testimonial-height {height: 300px}
#responsive_menu_pro_button {position: absolute !important; right: 116px !important; top: -112px !important;}
#responsive_menu_pro_button.responsive_menu_pro_admin_bar_showing {margin-top: 0 !important;}
#flag {margin: 0 15px 0 0;}
#search {margin: 0 0 0 25px; position: relative !important}
.magnifying-glass2  {position: relative !important}
.header-inner-first {width: 19%;}
.header-inner-middle {width: 50%;}
.header-inner-last {width: 30%;}
.main-menu a {text-decoration: none; display: block; color: #000; text-transform: uppercase; font-size: 11px; -moz-transition:color .2s ease-in; -o-transition:color .2s ease-in; -webkit-transition:color .2s ease-in; padding: 35px 12px 35px 12px;}
.nav-block .title {font-size: 12px;} 
.footer-menu-wrap .f1 .f2, .footer-title a {font-weight: 500; font-size: 10px !important; margin-bottom: 4px !important; }
.footer-menu a {font-size: 10px  !important; line-height: 22px  !important;}
.home-slide-copy-left {position: absolute; top: 20%; padding: 0 60px; width: 35%; text-align: left;}
.home-slide-copy-right {position: absolute; top: 20%; padding: 0 60px; width: 35%; text-align: right; right: 0}
.home-slide-copy-left h1, .home-slide-copy-right h1 {color: #fff; font-size: 36px; text-shadow: 4px 4px 6px #666666; line-height: 42px; margin-bottom: 20px;}
.home-slide-copy-left h2, .home-slide-copy-right h2 {color: #fff; font-size: 18px; text-shadow: 4px 4px 6px #666666; line-height: 24px;}
.home-slide-button {margin-top: 20px}
.home-slide-button a{padding: 8px 15px; border: 1px solid #fff; transition: all 0.3s ease; color: #fff; font-size: 14px; text-transform: uppercase;}

}

@media (min-width: 1200px) {
  .container {
    width: 1230px;
  }
}


/*TABLET
------------------------------------------------------*/


@media only screen and (max-width : 1024px)  { 
h1 {font-size: 22px; line-height: 34px; text-transform: uppercase}
h2 {font-size: 18px; line-height: 26px; }
h3 {font-size: 16px; line-height: 24px; }
h4 {font-size: 15px; line-height: 22px; }
h5 {font-size: 14px; line-height: 20px; }
.for-desktop {display: none}
.for-mobile {display: none}
.for-tablet {display: block; }
footer.for-tablet {background-color: #000;}

footer.for-tablet #copyright {top: inherit !important; color: #FFF !important;}
footer.for-tablet li a {font-size: 10px !important; margin-right: 5px; }

.for-all-mobile {display: block}
.shownav {top: 69px}
.header-search-box2 {position: relative; top: 60px; padding: 20px 0 40px;}
.close2 {font-size: 24px;}
.header-mobile {padding: 20px 0; position: relative; z-index: 200; margin: 0 ;}
#mobile-width {width: 60px}
footer {font-weight: 300;}
.footer-title a {font-weight: 500; font-size: 9px !important; margin-bottom: 4px !important; letter-spacing: 0 !important}
.footer-menu-wrap .f1 .f2 {font-size: 14px !important; font-weight: 700 !important; color: #FFF;}
.footer-menu a {font-size: 9px !important; line-height: 20px !important; letter-spacing: 0 !important;}
#social {clear: both; float: none; margin: 20px auto 0; width: 180px; padding-left: 30px;}
.ww-mobile {margin-top: 30px}
#responsive-menu {top: 69px !important; box-shadow: none !important}
.h-wrap p {font-size: 11px;}
.h-wrap {padding: 0 30px 15px;}
.h-model {font-size: 14px; font-weight: 700; padding: 10px 0 5px;}
.h-price {font-size: 14px;padding: 0 0 0px;}
.red-3c .home-overlay {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; transition: max-height 0.6s; position: absolute; bottom: 20px; box-shadow: 1px 1px 6px #afafaf; text-align: left;}
.red-3c:hover .home-overlay {display: block; background: #fff; max-height: 300%; }

.red-4 .home-overlay {max-height: 0; overflow: hidden; -webkit-transition: max-height 0.6s; -moz-transition: max-height 0.6s; transition: max-height 0.6s; position: absolute; bottom: 20px; box-shadow: 1px 1px 6px #afafaf; text-align: left;}
.red-4:hover .home-overlay {display: block; background: #fff; max-height: 300%; }

.h-test-ride h1 {padding-top: 50px; font-size: 16px; line-height: 22px;}
.hover-close {border: 1px solid #000; display: block; font-size: 15px; line-height: 10px; padding: 2px 1px 5px 4px; position: relative; right: 10px; top: 10px; width: 12px; z-index: 99999; background: #fff;  float: right;}
.hover-close:hover .home-overlay {display: block; background: #fff; max-height: 0% !important;}
.p-price {font-size: 14px; margin: 5px auto 25px;}
.p-buy a {padding: 8px 15px; font-size: 12px;}
.shop-page-main .s-cat {max-width: 750%; margin: 5px auto 25px;}
.shop-page-main .s-desc {max-width: 100%; margin: 5px auto 25px;}
.s-link a {font-size: 12px;}
.swag-loop {width: 33.33333333%; float: left; background: #000}
.testimonial-text {font-size: 12px; font-style: italic; line-height: 14px; padding-top: 10px;}
.testimonial-name {font-size: 12px; line-height: 14px;}
.testimonial-title {font-size: 11px; padding-top: 3px; padding-bottom: 20px; line-height: 14px;}
.home-slide-copy-left {position: absolute; top: 15%; padding: 0 40px; width: 40%; text-align: left;}
.home-slide-copy-right {position: absolute; top: 15%; padding: 0 40px; width: 40%; text-align: right; right: 0}
.home-slide-copy-left h1, .home-slide-copy-right h1 {color: #fff; font-size: 25px; text-shadow: 4px 4px 6px #666666; line-height: 32px; margin-bottom: 20px;}
.home-slide-copy-left h2, .home-slide-copy-right h2 {color: #fff; font-size: 14px; text-shadow: 4px 4px 6px #666666; line-height: 18px;}
.home-slide-button {margin-top: 20px}
.home-slide-button a{padding: 8px 15px; border: 1px solid #fff; transition: all 0.3s ease; color: #fff; font-size: 13px; text-transform: uppercase;}
#gform_submit_button_2 {right: 37%;}
.ssba img {width: 30px}
.comm-left {width: 100% !important;}
.comm-right {display: none;}
.ultra {font-size: 9px; color: #848484; position: relative; top: -2px;}
.ultra img {position: relative; top: 4px; margin-right: 6px;}
.contact-mobile {margin: 0 !important; list-style: none !important; padding: 20px 40px;}
.contact-mobile li {margin: 15px 0 !important}
.testimonial-height {height: 250px}
.shop-bike li {max-width: 47% !important; }
}


/*PHONE HORIZONTAL
------------------------------------------------------*/

@media only screen and (/*max-width : 768px*/  max-width: 600px)  
{ 
h1 {font-size: 16px; line-height: 22px; text-transform: uppercase}
h2 {font-size: 15px; line-height: 21px; }
h3 {font-size: 14px; line-height: 20px; }
h4 {font-size: 13px; line-height: 19px; }
h5 {font-size: 14px; line-height: 18px; }
.for-desktop {display: none}
.for-tablet {display: none}
.for-mobile {display: block; background-color: #000; padding-top: 20px; padding-bottom: 20px; color: #FFF !important;}
.about-desktop {display: none}
.ww-page, .p-page {padding: 0 40px}
#responsive_menu_pro_button {right: 90px !important}
#logo {height: 16px}
.mini-cart img {height: 16px;}
.magnifying-glass2 {height: 16px;}
#search {height: 16px;}
.header-search-box {position: relative; top: 40px; padding: 35px 0 0px;}
.close {font-size: 24px;}
.field-set-stacked .field-text input {padding: 5px 10px; width: 200px; font-size: 14px; border: 1px solid #e4e4e4; position: relative; top: -2px; left: -26px;}
.shownav {top: 62px}
#responsive_menu_pro_menu {top: 50px !important; box-shadow: none !important}
.footer-menu-mobile ul {text-align: center; width: 100%}
.footer-menu-mobile ul li {display: inline-block; text-transform: uppercase; margin: 0 !important}
.footer-menu-wrap div {float: none; width: 100%}
#mobile-width {width: 34px}
#responsive_menu_pro_button .threeLines .line { height: 3px; margin-bottom: 3px;}
#responsive_menu_pro_button { }
#accordian-menu {width:97%; list-style:none; padding:30px 3%;}
#accordian-menu a {width:97%;}
#accordian-menu .no-trigger {font-size:12px; height:100%; line-height:25px; border-bottom: 1px solid #898989;}
#accordian-menu a.trigger {font-size:12px; height:100%; line-height:25px;background: url(images/support-accordian-arrow.png)no-repeat right 0px;}
#accordian-menu ul li {width:97%; display:block;}
#accordian-menu .submenu li{padding: 6px 0 6px 30px;}
#accordian-menu .submenu li:first-child {padding-top: 12px !important}
#accordian-menu .submenu li a {font-size:12px; text-align:left;}
.support-page-container {width: 100%;}
.support-page-left {padding: 10px 0 10px 5%; clear: both; min-width: 75%;}
.support-page-right {padding: 10px 0 10px 5%; clear: both; width: 90%;}
.red-3c {position: relative; display: block !important; max-width: 500px; margin: 0 auto;}
.red-4 {position: relative; display: block !important; max-width: 500px; margin: 0 auto;}
.test-l {width: 90% !important; display: block !important; padding: 0 4%; text-align: center;}
.test-r {width: 90% !important; display: block !important; padding: 0 4% 30px;}
.hbkr img {max-width: 70%; margin: 0 auto;}
.h-test-ride h1 {padding-top: 0px;}
.product-loop li {max-width: 93.8%; padding: 0 3%; display: block; text-align: center;}
.swag-loop {width: 50%; float: left; background: #000}
.st-left {width: 89%; display: inline-block; vertical-align: middle; text-align: center; padding: 20px 5% 20px 5%; color: #fff;}
.st-right {display: none !important;}
.st-right img {display: none !important}
.testimonial-wrap {margin: 0 !important; min-height: 200px;}
.testimonial-text {font-size: 11px; font-style: italic; line-height: 13px;}
.testimonial-name {font-size: 11px; line-height: 13px;}
.testimonial-title {font-size: 10px; padding-top: 0px; line-height: 12px;}
.home-slide-copy-left {position: absolute; top: 10%; padding: 0 40px; width: 40%; text-align: left;}
.home-slide-copy-right {position: absolute; top: 10%; padding: 0 40px; width: 40%; text-align: right; right: 0}
.home-slide-copy-left h1, .home-slide-copy-right h1 {color: #fff; font-size: 14px; text-shadow: 4px 4px 6px #666666; line-height: 18px; margin-bottom: 20px;}
.home-slide-copy-left h2, .home-slide-copy-right h2 {color: #fff; font-size: 12px; text-shadow: 4px 4px 6px #666666; line-height: 14px;}
.home-slide-button {margin-top: 10px}
.home-slide-button a{padding: 8px 15px; border: 1px solid #fff; transition: all 0.3s ease; color: #fff; font-size: 10px; text-transform: uppercase;}
#gform_submit_button_2 {right: 17%;}
.ssba img {width: 20px}
.comm-left {min-width: 0}
.manual-wrap {padding-bottom: 15px; margin-top: 15px}
.manual-right h2 {margin: 0 0 5px !important;}
.mobile-pad .alignleft {float: none;}
.press-loop li {min-width: 250px;}
.try-lp li {max-width: 100%; min-width: 0px;}
.try-lp li img {max-width: 100%; width: auto; height: auto; max-width: 100%}
.community ul li {max-width: 100%; min-width: 0px;}
.community ul li img {max-width: 100%; width: auto; height: auto; max-width: 100%}
.alignright, .alignleft {float: none; padding: 0 0 10px 0; display: block;}
.test-bar {display: none;}
.home-page-banner-m {display: block;}
.home-page-banner {display: none}
.testimonial-height {height: 200px}
.compare-wrap4 {width: 80%}
.shop-bike li {max-width: 100% !important; }
}

/*PHONE VERTICAL
------------------------------------------------------*/

@media only screen and (/*max-width : 768px*/  max-width: 425px) {
    .h-learn a {margin-bottom: 15px;}
    .h-learn a, .p-buy a {width: 100%;}
    div.thumbnail.thumbnail-2.text-center {border: none !important;}
    .accessories .p-buy a, .stationary-trainers .p-buy a, .car-racks .p-buy a, .apparel .p-buy a, .trailers .p-buy a {line-height: 4;}
    
    footer.for-mobile {background-color: #000; padding-top: 20px; padding-bottom: 20px;}
} 

/*MAILCHIMP LANDING PAGE OPT-IN
------------------------------------------------------*/

#mc-embedded-subscribe {
    background: #cecece;
	width:130px;
	height:35px;
	border:#000000;
	text-transform:uppercase;
}

#mc-embedded-subscribe:hover {
    background: #84c444;
}

.bikes .yotpo .standalone-bottomline.star-clickable, 
.bikes .yotpo .standalone-bottomline .star-clickable {
  cursor: pointer;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.yotpo.bottomLine, .yotpo.elliptigo-yotpo-empty
{
	display: inline-block;
	margin-bottom: 20px;
}
.product-price + .yotpo.bottomLine {
  margin-bottom: 0;
}
iframe[width="1"] {
  display: none;
}