/* ---------------------------------------------------*/

/* -- PLEASE MERGE WITH FIRST CSS FILE BEFORE LIVE --*/

/*----------------------------------------------------*/

/* Variables */
:root {
    --yellow: #faba0f;
    --yellowhover: #fc4;
    --white: #ffffff;
    --lightgrey: #F8F8F8;
    --darkgrey: #d3d2d0;
    --black: #000;
  }

  /* Buttons */
.pagebuilder-button-primary {background-color: var(--yellow)!important;}


/* Helper Classes */


/* Header */

/*Headings*/

html {scroll-behavior: smooth;}


/* Home Page */
.cms-home .cc-new-hero {padding: 0px!important;}
.cms-home .pagebuilder-slider .pagebuilder-overlay.pagebuilder-poster-overlay {height: 650px; padding: 7vw !important;}
.cms-home .slick-dots li {border:1px solid var(--white)!important; border-radius: 20px; width: 16px; height: 16px;}
.cms-home li.slick-active {background-color: var(--white) !important;}
.cms-home .pagebuilder-column-line .pagebuilder-column .champion-text { vertical-align: top;}
.cms-home .logo-flex {display: flex; flex-direction: row;}
.cms-home .text-width-overlay {width: 450px;}
.cms-home .banner-fixed-height .pagebuilder-overlay.pagebuilder-poster-overlay{height: initial!important;}
.cms-home .champion-text{width:225px;}
.cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content { line-height: 40px;}
.cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .responsive-icons {margin-bottom: 8px;}
.cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .col-lg-4.col-xs-6{margin-bottom: 16px;}
.cms-home h3 span{display: block!important;}

/* FORMS */
.amcform-title-wrap.ui-state-active .amcform-label, .amcform-step {color: var(--yellow);}
.amcform-step {background-color: white;}
.amcform-step {border: solid 1px var(--yellow);}
.amform-form .action.primary {background-color: var(--yellow)!important; color: black !important;}
.amform-form-fieldset label.fb-date-label.label {display: block !important;}
.amform-form label.fb-radio-group-label.label {display: block !important;}
.amform-form label.amform-versiontwo-label {display: inline-block !important;}
.circle-theme .amcform-title-wrap.-disabled .amcform-step {background: #f8b9126b !important; border-color: #f8b9126b !important;}
.circle-theme .amcform-title-wrap.ui-state-active {border-color: var(--yellow) !important;}
.circle-theme .amcform-title-wrap {border-color: #d2d2d2 !important;}

/*Product Page*/
.cc-pp-mh{min-height: 350px;}

/*Learn Page*/
.cc-inline-div{display: inline-block; max-width: 500px;}
.cc-text-minw {max-width:510px;}
.cc-text-minw-2 {max-width:860px;}

/*logo slider block*/
.slider {height: 75px;margin: 0 auto;overflow: hidden;position: relative;cursor: default;user-select: none;touch-action: none;}
.slider .slide-track-1 {animation: scroll-l-1 30s linear infinite;display: flex;width: 4500px;}
.slider .slide-track-2 {animation: scroll-l-2 30s linear infinite;display: flex;width: 3000px;}
.slider .slide {height: 75pt;width: 250px;display: flex;align-items: center;text-align: center;}
.slider .slide img {width: 180px;padding: 16px;vertical-align: middle;margin: 0 auto;display: inline-block;max-width: 100%;height: auto;
}

@keyframes scroll-l-1 {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(calc(-250px * 6));
  }
}

@keyframes scroll-l-2 {
  0% {
      transform: translateX(0);
  }
  100% {
      transform: translateX(calc(-250px * 4));
  }
}



/* Product Page */
.cc-banner-button {position: relative;}
.cc-banner-button .pagebuilder-banner-button {position:absolute; left:16px; bottom: 24px;}
.cc-banner-button span {position:absolute; left:16px; bottom: 88px;}


/* Powershift Page */
.cms-powershift-technology .cc-block-button-none .widget.block.block-static-block .row-full-width-inner .pagebuilder-button-primary{display: none;}
.cms-powershift-technology .tabs-content{border-radius:30px!important;}
.cms-powershift-technology .tab-align-left .tabs-content {border-top-left-radius: 30px!important;}
.cms-powershift-technology .tab-title.ui-tabs-anchor {margin-bottom: -24px!important;}
.cms-powershift-technology .tabs-navigation li.tab-header span.tab-title {font-size: 24px!important; font-weight: 400!important;}
.cms-powershift-technology .tabs-navigation li.tab-header {width: 33.33%; background-color: transparent!important;}
.cms-powershift-technology .tabs-navigation li.tab-header.ui-state-active {background-color: transparent!important;}
.cms-powershift-technology .tabs-navigation li.tab-header .tab-title.ui-tabs-anchor{display:flex;}
.cms-powershift-technology .tabs-navigation li.tab-header #ui-id-1{background-color: var(--black);color: var(--white);height: 80px; border-radius: 30px 30px 0px 0px;}
.cms-powershift-technology .tabs-navigation li.tab-header #ui-id-2{background-color: var(--yellow);color: var(--black);height: 80px; border-radius: 30px 30px 0px 0px; margin-left:-56px;}
.cms-powershift-technology .tabs-navigation li.tab-header #ui-id-3{background-color: var(--darkgrey);color: var(--black);height: 80px; border-radius: 30px 30px 0px 0px;margin-left: -56px;}
.cms-powershift-technology .cc-faq-link span{font-size: 16px; color: var(--yellow); text-decoration: none; font-weight: 400;}
.cms-powershift-technology .cc-faq-link span:hover{text-decoration: underline;}
.cms-powershift-technology .ui-tabs .tabs-content .container .col-lg-6.col-md-6 .responsive-icons {margin-bottom: 16px;}
.cms-powershift-technology .tabs-navigation.ui-tabs-nav.ui-corner-all.ui-helper-reset.ui-helper-clearfix.ui-widget-header{display: flex;}
.cms-powershift-technology .tabs-navigation li.tab-header a.tab-title span.tab-title{margin-top:25px;}
.cms-powershift-technology .tabs-navigation li.tab-header #ui-id-2 span{margin-left:56px;}
.cms-powershift-technology .tabs-navigation li.tab-header #ui-id-3 span{margin-left:56px;}
.cms-powershift-technology .tabs-navigation li.tab-header:nth-child(2) {z-index: 9;}


/* My Account Page */


/* Checkout Page */

/* CMS Pages*/
.cc-faq-overview {text-align: center;}
.cc-faq-overview .cc-faq-intro {display: block; margin-bottom: 2%; font-weight: 600;}
.cc-faq-overview .col-md-4  {display: block; margin: 0 auto;}
.cc-faq-overview .cc-faq-selection {padding: 5%; margin: 5% !important; background-color: #fce9e6;}
.cc-faq-overview .cc-faq-selection:hover {outline: 1px solid #2f2f2f;}
.cc-faq-overview .cc-faq-overview-title {margin: 24px 0 !important; font-size: 16px;}
.cc-faq-overview .col-md-4 {padding-left: 0; padding-right: 0;}
.cc-faq-item {margin-top: 4%;}
.cc-faq-item .cc-faq-menu a:hover {color:initial!important;}
.cc-faq-item .cc-faq-menu a {vertical-align: middle;}
.cc-collapsible input[type='checkbox'] {display: none;}
.cc-collapsible .collapsible-content li {margin-left: 8px;}
.cc-collapsible .wrap-collapsible {padding: 24px; border-bottom: 1px solid var(--darkgrey);}
.cc-collapsible .wrap-collapsible:hover {background-color: var(--lightgrey);}
.cc-collapsible .wrap-collapsible:first-child{border-top:1px solid var(--darkgrey); }
.cc-collapsible .lbl-toggle {display: block; font-size: 110%; height: 24px;}
.cc-collapsible a {font-weight: 600;}
.cc-collapsible a:hover {text-decoration: underline; }
.cc-collapsible .lbl-toggle::before {content: ' ';display: inline-block;border-top: 5px solid transparent;border-bottom: 5px solid transparent;border-left: 5px solid #2f2f2f;vertical-align: middle;margin-right: .7rem;transform: translateY(-2px);transition: transform .2s ease-out;}
.cc-collapsible .collapsible-content .content-inner {padding: .5rem 1rem;}
.cc-collapsible .collapsible-content {max-height: 0px;overflow: hidden; transition: max-height .25s ease-in-out;}
.cc-collapsible .toggle:checked + .lbl-toggle + .collapsible-content {max-height: 100vh;}
.cc-collapsible .toggle:checked + .lbl-toggle::before {transform: rotate(90deg) translateX(-3px) !important;}
.cc-collapsible .toggle:checked + .lbl-toggle {border-bottom-right-radius: 0;border-bottom-left-radius: 0;}
.collapsible-content .content-inner p{margin-top: 16px;}

/*FAQ*/
.cc-faq-menu-item {border-bottom: 1px solid var(--darkgrey); padding:24px; margin-bottom: 0px!important;}
.cc-faq-menu-item.cc-faq-menu-item--current{border-left: 3px solid var(--yellow); background-color: var(--lightgrey);}
.cms-service-faq .page-title .base , .cms-service-faq-wireless .page-title .base, .cms-service-faq-general .page-title .base,.cms-service-faq-technical .page-title .base, .cms-service-faq-service .page-title .base{margin-left:7vw; font-size:80px;}
.cms-service-faq .page-title, .cms-service-faq-wireless .page-title, .cms-service-faq-general .page-title,.cms-service-faq-technical .page-title, .cms-service-faq-service .page-title{margin-top:150px;}
.cms-service-faq .cc-h2-faq, .cms-service-faq-wireless .cc-h2-faq, .cms-service-faq-general .cc-h2-faq ,.cms-service-faq-technical .cc-h2-faq, .cms-service-faq-service .cc-h2-faq{font-size:48px;}
.cc-contact-button span{font-size: 16px; text-decoration: none; font-weight: 400; color: var(--black);width: 200px;}
.cc-contact-button::before{content:""; display:inline-block; width: 24px; height: 24px; background-image: url(/pub/media/wysiwyg/62cc2ba865c5299ff6edcbf8_play.svg);}
.cc-contact-button { display: flex;justify-content: center;align-items: center;}
.cms-service-faq .cc-contact-button a.pagebuilder-button-link , .cms-service-faq-wireless .cc-contact-button a.pagebuilder-button-link, .cms-service-faq-general .cc-contact-button a.pagebuilder-button-link,.cms-service-faq-technical .cc-contact-button a.pagebuilder-button-link, .cms-service-faq-service .cc-contact-button a.pagebuilder-button-link{margin:0px!important; padding-left:8px!important;}
.cc-faq-menu-item{position: relative;}
.cc-faq-menu-item img{position: absolute; right: 16px;}
.cc-faq-menu-item-border{border-top: 1px solid var(--darkgrey);}

/* Find your dealer */
.amlocator-search-radius label {display: none;}
#range_radius::after {content: '(km)';}
.amlocator-current-location .amlocator-search {top: 10px !important;}

/* Contact Page */

/* CART */


/* Header */


/* Mini cart */

/* Elastic Search */


/* Footer */
.footer-container .footer-top .inner-container{padding: 0px!important;}

/* BLOG */


/* Magnifier PDP */

/* Amasty GDPR - CMS - Cookies and privacy */

/* Amasty GDPR - MODAL - Cookie Pop Up */

/* Amasty Slider */

/* Amasty social login - 06/08/2021 */


/* Aheadworks Requistion list */

/* Mageplaza Gift Card */

/* ------------- */
/* MEDIA QUERIES */
/* ------------- */

/*------------------------------------------MAX WIDTH--------------------------------------------------*/

@media screen and (min-width: 1680px) {
  .small-width {width: 5% !important;}
}

@media screen and (max-width: 1679px) {
  .logo{height: 21px; width: 209px;}
  .cc-new-hero{background-color: #111111; padding: 45px 7vw;}
}

@media screen and (max-width: 1439px) {
  .logo{height: 21px; width: 209px;}
  .cc-new-hero{background-color: #111111; padding: 35px 7vw;}
}

@media screen and (max-width: 1280px) {
  #mainmenu a{font-size: 18px;}
  .cc-new-hero{background-color: #111111; padding: 32px 6vw;}

}

@media screen and (max-width: 1200px) {
  .logo{height: 21px; width: 209px;}
  #mainmenu a{font-size: 18px;}
  .cc-new-hero{background-color: #111111; padding: 30px 5vw;}

}

@media screen and (max-width: 1024px) {
  #mainmenu a{font-size: 18px;}
  .cc-new-hero{background-color: #111111; padding: 30px 4vw;}
}

@media screen and (max-width: 991px) {
  #header-container{padding-left: 0; padding-right: 0;}
  .cc-new-hero{background-color: #111111; padding: 30px 3vw;}
  .cc-spare-parts{padding-left: 3vw; padding-right: 3vw; padding-top: 30px; padding-bottom: 0px;}
  .footer-container{margin-top: 30px;}

}

@media screen and (max-width: 769px){
  .footer img{margin-bottom: 25px}
  .footer .inner-container{padding: 0;}
  .main.container{padding-left: 0px !important; padding-right: 0px !important;}
  .header-mobile .header-container3{padding-bottom: 0px !important;}
  .skip-link{background-color: black !important; color: white !important;}
  .header-top-container{display: none;}
  .cc-banner{margin-bottom: 20px;}
  #html-body [data-pb-style=VO4L0QU]{margin-right: 0px;}
  .cms-home .athletes-img .pagebuilder-column {align-items: center;}
  .cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .responsive-icons{ width: 35px!important; height: 35px!important;}
  .cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .responsive-span{ font-size: 16px!important;}
  .cc-mh{min-height:0px!important;}
  .pagebuilder-column.cc-column-btn .pagebuilder-button-primary{margin-bottom:24px!important;}



}

@media screen and (max-width: 678px){

}

@media screen and (max-width: 588px){
  .footer img{margin-bottom: 25px}
  .cms-products-urban h1 span{font-size:40px!important;}
}

@media screen and (max-width: 511px){
  .cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content { line-height: 24px;}
  .cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .responsive-icons {margin-bottom: 0px;}
  .cms-home .pagebuilder-slide-wrapper .pagebuilder-poster-content .container .col-lg-4.col-xs-6{margin-bottom: 8px;}


}

@media only screen and (max-width: 479px){
  .footer img{margin-bottom: 25px}
  .cc-powershift-technology{color: #faba0f; line-height: 28px; font-size: 20px; font-weight: 600; font-style: italic;}
  .cc-banner-pp-maxh{max-height: 450px;}



}

@media only screen and (max-width: 450px){
  .cc-new-hero button{margin-top: 20px;}
  .cc-banner-pp-maxh{max-height: 400px;}
  .collapsible-content .content-inner p {margin-top: 40px;}
}

@media screen and (max-width: 410px) {
  .cms-products-road h2 span {font-size:40px!important;}
  .cms-products-road h3 span {font-size:32px!important;}


}