@charset "UTF-8";
@-webkit-keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes load8{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.aws-container .aws-search-form{position:relative;width:100%;float:none!important;display:-webkit-box!important;display:-moz-box!important;display:-ms-flexbox!important;display:-webkit-flex!important;display:flex!important;align-items:stretch;height:44px}.aws-container .aws-search-form *,.aws-search-result{-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;-moz-hyphens:manual;-webkit-hyphens:manual;hyphens:manual;border-radius:0!important}.aws-container .aws-search-form .aws-loader,.aws-container .aws-search-form .aws-loader:after{border-radius:50%!important;width:20px;height:20px}.aws-container .aws-search-form .aws-wrapper{flex-grow:1;position:relative;vertical-align:top;padding:0;width:100%;overflow:hidden}.aws-container .aws-search-form .aws-loader{position:absolute;display:none;right:10px;top:50%;z-index:999;margin:-10px 0 0;font-size:10px;text-indent:-9999em;border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555}.aws-container .aws-search-form.aws-processing .aws-loader{display:block;-webkit-transform:translateZ(0);-ms-transform:translateZ(0);transform:translateZ(0);-webkit-animation:load8 .7s infinite linear;animation:load8 .7s infinite linear}.aws-container .aws-search-label{position:absolute!important;left:-10000px;top:auto;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}.aws-container .aws-search-field{width:100%;max-width:100%;color:#313131;padding:6px;line-height:30px;display:block;font-size:12px;position:relative;z-index:2;-webkit-appearance:none;height:100%;margin:0!important;border:1px solid #d8d8d8;outline:0}@media screen and (-webkit-min-device-pixel-ratio:0) and (max-width:1024px){.aws-container .aws-search-field{font-size:16px}}.aws-container .aws-search-field::-ms-clear{display:none;width:0;height:0}.aws-container .aws-search-field::-ms-reveal{display:none;width:0;height:0}.aws-container .aws-search-field::-webkit-search-cancel-button,.aws-container .aws-search-field::-webkit-search-decoration,.aws-container .aws-search-field::-webkit-search-results-button,.aws-container .aws-search-field::-webkit-search-results-decoration{display:none}.aws-container .aws-search-field:focus{background-color:#fff}.aws-container .aws-show-clear .aws-search-field{padding-right:40px}.aws-container .aws-search-field:focus::-webkit-input-placeholder{color:transparent}.aws-container .aws-search-field:focus:-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus::-moz-placeholder{color:transparent}.aws-container .aws-search-field:focus:-ms-input-placeholder{color:transparent}.aws-container .aws-search-form .aws-search-clear{display:none!important;position:absolute;top:0;right:0;z-index:2;cursor:pointer;color:#757575;height:100%;width:38px;padding:0 0 0 10px;text-align:left}.aws-container .aws-search-form .aws-search-clear span{position:relative;display:block;font-size:24px;line-height:24px;top:50%;margin-top:-12px}.aws-container .aws-search-form.aws-show-clear.aws-form-active .aws-search-clear{display:block!important}.aws-container .aws-search-form.aws-form-active.aws-processing .aws-search-clear{display:none!important}.aws-container .aws-search-form .aws-search-btn{padding:0;line-height:10px;width:42px}.aws-container .aws-search-form .aws-search-btn_icon{display:inline-block;fill:currentColor;height:24px;line-height:24px;position:relative;width:42px;color:#555}.aws-container .aws-search-form .aws-search-btn svg{display:block;height:100%;width:100%}.aws-container[data-show-page=false] .aws-search-form .aws-search-btn:hover{background:#ededed;cursor:default}.aws-container .aws-search-form .aws-form-btn{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:flex;justify-content:center;flex-direction:column;text-align:center;background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px;cursor:pointer;position:relative;white-space:nowrap;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-transition:background-color 100ms ease-in-out;-moz-transition:background-color 100ms ease-in-out;-o-transition:background-color 100ms ease-in-out;transition:background-color 100ms ease-in-out}.aws-container .aws-search-form .aws-form-btn:hover{background:#dcdcdc}.aws-container .aws-search-form .aws-form-btn:active{background:#d8d8d8}.aws-container[data-buttons-order="3"] .aws-search-form .aws-wrapper{-webkit-order:2;order:2}.aws-container[data-buttons-order="3"] .aws-search-form .aws-search-btn{margin:0-1px 0 0}.aws-search-result{position:absolute;text-align:left;z-index:9999999999999;background:#fff;width:100%;margin-top:-1px;border:1px solid #ccc;font-size:12px;line-height:16px}.aws-search-result ul{list-style:none;padding:0!important;margin:0!important;max-height:400px;overflow-y:auto}.aws-search-result ul::-webkit-scrollbar-track{-webkit-box-shadow:none;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar{width:7px;background-color:#ededed}.aws-search-result ul::-webkit-scrollbar-thumb{background-color:#d8d8d8}.aws-search-result ul li{list-style:none;border-bottom:1px solid #ccc;overflow:hidden;margin:0!important;position:relative}.aws-search-result ul li:last-child{border-bottom:0}.aws-search-result .aws_result_link{display:block;cursor:pointer;padding:10px 8px;height:100%;overflow:hidden;text-decoration:none;border:0}.aws-search-result .aws_result_item.hovered,.aws-search-result .aws_result_item:hover,.aws-search-result .aws_search_more a:hover{background:#f5f5f5}.aws-search-result .aws_results .aws_result_item{position:relative}.aws-search-result .aws_result_item .aws_result_link_top{position:absolute;z-index:1;white-space:nowrap;text-indent:-9999px;overflow:hidden;top:0;bottom:0;left:0;right:0;opacity:0;outline:0;text-decoration:none}.aws-search-result .aws_result_item [data-link],.aws-search-result .aws_result_item a,.aws-search-result .aws_result_item button,.aws-search-result .aws_result_item span[href]{position:relative;z-index:2}.aws-search-result .aws_result_content{overflow:hidden;display:block}.aws-search-result .aws_result_title{display:block;font-weight:400;margin-bottom:3px;color:#21759b}.aws-search-result .aws_result_featured{margin:0 6px 0 0;position:relative;top:-2px;left:3px}.aws-search-result .aws_result_featured svg{width:13px;height:13px;fill:#fa0;vertical-align:bottom}.aws-search-result .aws_result_sku,.aws-search-result .aws_result_stock{display:block;font-weight:400;margin-top:4px;margin-bottom:5px;color:#7ad03a}.aws-search-result .aws_result_stock.out{color:#a44}.aws-search-result .aws_result_sku{margin-top:3px;color:#222}.aws-search-result .aws_result_cat .aws_result_title,.aws-search-result .aws_result_tag .aws_result_title{margin-bottom:2px}.aws-search-result .aws_result_excerpt{display:block;color:#222}.aws-search-result .aws_result_price{display:block;padding:2px 0;color:#222}.aws-search-result .aws_result_price del{background:0 0;padding:0 12px 0 0;opacity:.8;text-decoration:line-through!important}.aws-search-result .aws_result_price ins{background:0 0;padding:0 12px 0 0;opacity:1}.aws-search-result .aws_result_cats{display:block;float:left;margin:0 20px 0 0}.aws-search-result .aws_result_image{display:block;height:100%;float:left;padding:0 10px 0 0}.aws-search-result .aws_result_image img{width:50px;height:auto;box-shadow:none}.aws-search-result .aws_result_sale{display:block;height:42px;overflow:hidden;position:absolute;right:0;top:0;width:47px}.aws-search-result .aws_onsale{background:#77a464 0 0;color:#fff;display:block;float:right;height:20px;padding-top:2px;position:relative;right:-25px;text-align:center;top:3px;transform:rotate(45deg);width:77px}.aws-search-result .aws_no_result{line-height:1.5;padding:10px 6px;cursor:auto}.aws-search-result .aws_search_more a{line-height:40px;display:block;text-decoration:none;border:0;text-align:center;color:#21759b}body.aws-overlay{overflow:hidden!important;position:fixed;width:100%}.aws-container.aws-mobile-fixed{position:fixed!important;z-index:9999999!important;top:10px!important;left:20px!important;width:100%;width:calc(100% - 40px)!important}.aws-mobile-fixed-close{padding:15px;margin-right:-10px;display:inline-block;float:right;cursor:pointer}.aws-overlay-mask{display:block;position:fixed;top:0;left:0;right:0;bottom:0;opacity:0;background:#fff;z-index:9999998!important}.aws-overlay .aws-overlay-mask{opacity:1}.et_search_outer .aws-container{width:60%}.et_search_outer .aws-container .aws-search-form{max-width:100%!important}.et_vertical_nav .et_search_outer .aws-container{width:auto;margin:0 20px 0 0}.et_fixed_nav .et-fixed-header .et_search_outer .aws-container{top:7px}.et_pb_menu__search .aws-container{width:100%}#et-boc .aws-container .aws-search-field{border:1px solid #d8d8d8;padding:6px 15px}#et-boc .aws-container .aws-search-form .aws-form-btn{background:#ededed;border:1px solid #d8d8d8;margin:0 0 0-1px}#et-boc .aws-container .aws-search-form .aws-wrapper .aws-loader{border-top:3px solid #ededed;border-right:3px solid #ededed;border-bottom:3px solid #ededed;border-left:3px solid #555;margin:-10px 0 0}#et-boc .aws-container .aws-search-form .aws-search-clear span{margin-top:-12px}#et-boc .aws-container .aws-search-form .aws-search-clear{padding:0 0 0 10px}.aws-search-result .aws_result_title .advanced-woo-labels{position:relative!important;width:auto!important;margin:0 5px 5px 0!important;transform:none!important}.aws-search-result .aws_result_title .advanced-woo-labels:last-child{margin-bottom:0!important}.aws-search-result .aws_result_title .aws_result_labels{display:flex;margin:0!important;flex-wrap:wrap;flex-direction:row;text-align:left;justify-content:flex-start}.owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(//bikers.zone/wp-content/themes/bikers/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%}.owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791}
 @import url("https://fonts.googleapis.com/css2?family=Lato:wght@300;400;700;900&display=swap"); .hamburger {
padding: 15px 15px;
display: inline-block;
cursor: pointer;
-webkit-transition-property: opacity, -webkit-filter;
transition-property: opacity, -webkit-filter;
transition-property: opacity, filter;
transition-property: opacity, filter, -webkit-filter;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear;
font: inherit;
color: inherit;
text-transform: none;
background-color: transparent;
border: 0;
margin: 0;
overflow: visible; }
.hamburger:hover {
opacity: 1; }
.hamburger.is-active:hover {
opacity: 1; }
.hamburger.is-active .hamburger-inner,
.hamburger.is-active .hamburger-inner::before,
.hamburger.is-active .hamburger-inner::after {
background-color: #343B42; }
.hamburger-box {
width: 35px;
height: 24px;
display: inline-block;
position: relative; }
.hamburger-inner {
display: block;
top: 50%;
margin-top: -2px; }
.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after {
width: 35px;
height: 4px;
background-color: #343B42;
border-radius: 4px;
position: absolute;
-webkit-transition-property: -webkit-transform;
transition-property: -webkit-transform;
transition-property: transform;
transition-property: transform, -webkit-transform;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s;
-webkit-transition-timing-function: ease;
transition-timing-function: ease; }
.hamburger-inner::before, .hamburger-inner::after {
content: "";
display: block; }
.hamburger-inner::before {
top: -10px; }
.hamburger-inner::after {
bottom: -10px; } .hamburger--3dx .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dx .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(180deg);
transform: rotateY(180deg); }
.hamburger--3dx.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dx-r .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dx-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dx-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateY(-180deg);
transform: rotateY(-180deg); }
.hamburger--3dx-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dx-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(-180deg);
transform: rotateX(-180deg); }
.hamburger--3dy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dy-r .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg);
transform: rotateX(180deg); }
.hamburger--3dy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dxy .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg);
transform: rotateX(180deg) rotateY(180deg); }
.hamburger--3dxy.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--3dxy-r .hamburger-box {
-webkit-perspective: 70px;
perspective: 70px; }
.hamburger--3dxy-r .hamburger-inner {
-webkit-transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after {
-webkit-transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1);
transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1), -webkit-transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); }
.hamburger--3dxy-r.is-active .hamburger-inner {
background-color: transparent !important;
-webkit-transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg);
transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--3dxy-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg); } .hamburger--arrow.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-7px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-7px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrow.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-7px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-7px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(7px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(7px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrow-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(7px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(7px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowalt .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(-7px, -8.75px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-7px, -8.75px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(-7px, 8.75px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-7px, 8.75px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1);
transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1), -webkit-transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); }
.hamburger--arrowalt-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: translate3d(7px, -8.75px, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(7px, -8.75px, 0) rotate(45deg) scale(0.7, 1);
-webkit-transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); }
.hamburger--arrowalt-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: translate3d(7px, 8.75px, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(7px, 8.75px, 0) rotate(-45deg) scale(0.7, 1);
-webkit-transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22);
transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22), -webkit-transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowturn.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.hamburger--arrowturn.is-active .hamburger-inner::before {
-webkit-transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); }
.hamburger--arrowturn.is-active .hamburger-inner::after {
-webkit-transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg); }
.hamburger--arrowturn-r.is-active .hamburger-inner::before {
-webkit-transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); }
.hamburger--arrowturn-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1);
transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after {
-webkit-transition-property: none;
transition-property: none; }
.hamburger--boring.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
.hamburger--boring.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--boring.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); } .hamburger--collapse .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0.13s;
transition-delay: 0.13s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; }
.hamburger--collapse-r .hamburger-inner::before {
-webkit-transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--collapse-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(45deg);
transform: translate3d(0, -10px, 0) rotate(45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--collapse-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; }
.hamburger--collapse-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--elastic .hamburger-inner {
top: 2px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(135deg);
transform: translate3d(0, 10px, 0) rotate(135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s; }
.hamburger--elastic.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-270deg);
transform: translate3d(0, -20px, 0) rotate(-270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s; } .hamburger--elastic-r .hamburger-inner {
top: 2px;
-webkit-transition-duration: 0.275s;
transition-duration: 0.275s;
-webkit-transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r .hamburger-inner::before {
top: 10px;
-webkit-transition: opacity 0.125s 0.275s ease;
transition: opacity 0.125s 0.275s ease; }
.hamburger--elastic-r .hamburger-inner::after {
top: 20px;
-webkit-transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55);
transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); }
.hamburger--elastic-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-135deg);
transform: translate3d(0, 10px, 0) rotate(-135deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s; }
.hamburger--elastic-r.is-active .hamburger-inner::before {
-webkit-transition-delay: 0s;
transition-delay: 0s;
opacity: 0; }
.hamburger--elastic-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(270deg);
transform: translate3d(0, -20px, 0) rotate(270deg);
-webkit-transition-delay: 0.075s;
transition-delay: 0.075s; } .hamburger--emphatic {
overflow: hidden; }
.hamburger--emphatic .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.hamburger--emphatic .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.hamburger--emphatic.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic.is-active .hamburger-inner::before {
left: -70px;
top: -70px;
-webkit-transform: translate3d(70px, 70px, 0) rotate(45deg);
transform: translate3d(70px, 70px, 0) rotate(45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic.is-active .hamburger-inner::after {
right: -70px;
top: -70px;
-webkit-transform: translate3d(-70px, 70px, 0) rotate(-45deg);
transform: translate3d(-70px, 70px, 0) rotate(-45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r {
overflow: hidden; }
.hamburger--emphatic-r .hamburger-inner {
-webkit-transition: background-color 0.125s 0.175s ease-in;
transition: background-color 0.125s 0.175s ease-in; }
.hamburger--emphatic-r .hamburger-inner::before {
left: 0;
-webkit-transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.hamburger--emphatic-r .hamburger-inner::after {
top: 10px;
right: 0;
-webkit-transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335);
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in;
transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in, -webkit-transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335); }
.hamburger--emphatic-r.is-active .hamburger-inner {
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: ease-out;
transition-timing-function: ease-out;
background-color: transparent !important; }
.hamburger--emphatic-r.is-active .hamburger-inner::before {
left: -70px;
top: 70px;
-webkit-transform: translate3d(70px, -70px, 0) rotate(-45deg);
transform: translate3d(70px, -70px, 0) rotate(-45deg);
-webkit-transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); }
.hamburger--emphatic-r.is-active .hamburger-inner::after {
right: -70px;
top: 70px;
-webkit-transform: translate3d(-70px, -70px, 0) rotate(45deg);
transform: translate3d(-70px, -70px, 0) rotate(45deg);
-webkit-transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1);
transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1), -webkit-transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after {
-webkit-transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear;
transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; }
.hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after {
opacity: 0;
-webkit-transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear;
transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; }
.hamburger--minus.is-active .hamburger-inner::before {
top: 0; }
.hamburger--minus.is-active .hamburger-inner::after {
bottom: 0; } .hamburger--slider .hamburger-inner {
top: 2px; }
.hamburger--slider .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s; }
.hamburger--slider .hamburger-inner::after {
top: 20px; }
.hamburger--slider.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--slider.is-active .hamburger-inner::before {
-webkit-transform: rotate(-45deg) translate3d(-5px, -6px, 0);
transform: rotate(-45deg) translate3d(-5px, -6px, 0);
opacity: 0; }
.hamburger--slider.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(-90deg);
transform: translate3d(0, -20px, 0) rotate(-90deg); } .hamburger--slider-r .hamburger-inner {
top: 2px; }
.hamburger--slider-r .hamburger-inner::before {
top: 10px;
-webkit-transition-property: opacity, -webkit-transform;
transition-property: opacity, -webkit-transform;
transition-property: transform, opacity;
transition-property: transform, opacity, -webkit-transform;
-webkit-transition-timing-function: ease;
transition-timing-function: ease;
-webkit-transition-duration: 0.15s;
transition-duration: 0.15s; }
.hamburger--slider-r .hamburger-inner::after {
top: 20px; }
.hamburger--slider-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg); }
.hamburger--slider-r.is-active .hamburger-inner::before {
-webkit-transform: rotate(45deg) translate3d(5px, -6px, 0);
transform: rotate(45deg) translate3d(5px, -6px, 0);
opacity: 0; }
.hamburger--slider-r.is-active .hamburger-inner::after {
-webkit-transform: translate3d(0, -20px, 0) rotate(90deg);
transform: translate3d(0, -20px, 0) rotate(90deg); } .hamburger--spin .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin.is-active .hamburger-inner {
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r .hamburger-inner {
-webkit-transition-duration: 0.22s;
transition-duration: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in;
transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; }
.hamburger--spin-r .hamburger-inner::after {
-webkit-transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spin-r.is-active .hamburger-inner {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spin-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out;
transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; }
.hamburger--spin-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring .hamburger-inner {
top: 2px;
-webkit-transition: background-color 0s 0.13s linear;
transition: background-color 0s 0.13s linear; }
.hamburger--spring .hamburger-inner::before {
top: 10px;
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring .hamburger-inner::after {
top: 20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring.is-active .hamburger-inner {
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
background-color: transparent !important; }
.hamburger--spring.is-active .hamburger-inner::before {
top: 0;
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(45deg);
transform: translate3d(0, 10px, 0) rotate(45deg); }
.hamburger--spring.is-active .hamburger-inner::after {
top: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
-webkit-transform: translate3d(0, 10px, 0) rotate(-45deg);
transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--spring-r .hamburger-inner {
top: auto;
bottom: 0;
-webkit-transition-duration: 0.13s;
transition-duration: 0.13s;
-webkit-transition-delay: 0s;
transition-delay: 0s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r .hamburger-inner::after {
top: -20px;
-webkit-transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear;
transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; }
.hamburger--spring-r .hamburger-inner::before {
-webkit-transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--spring-r.is-active .hamburger-inner {
-webkit-transform: translate3d(0, -10px, 0) rotate(-45deg);
transform: translate3d(0, -10px, 0) rotate(-45deg);
-webkit-transition-delay: 0.22s;
transition-delay: 0.22s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--spring-r.is-active .hamburger-inner::after {
top: 0;
opacity: 0;
-webkit-transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear;
transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; }
.hamburger--spring-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
-webkit-transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand.is-active .hamburger-inner {
-webkit-transform: rotate(90deg);
transform: rotate(90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r .hamburger-inner {
-webkit-transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear;
transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear, -webkit-transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::before {
-webkit-transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--stand-r.is-active .hamburger-inner {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
background-color: transparent !important;
-webkit-transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear;
transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear, -webkit-transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::before {
top: 0;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--stand-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze .hamburger-inner {
-webkit-transition-duration: 0.075s;
transition-duration: 0.075s;
-webkit-transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze .hamburger-inner::before {
-webkit-transition: top 0.075s 0.12s ease, opacity 0.075s ease;
transition: top 0.075s 0.12s ease, opacity 0.075s ease; }
.hamburger--squeeze .hamburger-inner::after {
-webkit-transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19);
transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19), -webkit-transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); }
.hamburger--squeeze.is-active .hamburger-inner {
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
-webkit-transition-delay: 0.12s;
transition-delay: 0.12s;
-webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }
.hamburger--squeeze.is-active .hamburger-inner::before {
top: 0;
opacity: 0;
-webkit-transition: top 0.075s ease, opacity 0.075s 0.12s ease;
transition: top 0.075s ease, opacity 0.075s 0.12s ease; }
.hamburger--squeeze.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg);
-webkit-transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1);
transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1), -webkit-transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--vortex .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear; }
.hamburger--vortex .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity; }
.hamburger--vortex .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform; }
.hamburger--vortex.is-active .hamburger-inner {
-webkit-transform: rotate(765deg);
transform: rotate(765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.hamburger--vortex.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(90deg);
transform: rotate(90deg); } .hamburger--vortex-r .hamburger-inner {
-webkit-transition-duration: 0.2s;
transition-duration: 0.2s;
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-duration: 0s;
transition-duration: 0s;
-webkit-transition-delay: 0.1s;
transition-delay: 0.1s;
-webkit-transition-timing-function: linear;
transition-timing-function: linear; }
.hamburger--vortex-r .hamburger-inner::before {
-webkit-transition-property: top, opacity;
transition-property: top, opacity; }
.hamburger--vortex-r .hamburger-inner::after {
-webkit-transition-property: bottom, -webkit-transform;
transition-property: bottom, -webkit-transform;
transition-property: bottom, transform;
transition-property: bottom, transform, -webkit-transform; }
.hamburger--vortex-r.is-active .hamburger-inner {
-webkit-transform: rotate(-765deg);
transform: rotate(-765deg);
-webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); }
.hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after {
-webkit-transition-delay: 0s;
transition-delay: 0s; }
.hamburger--vortex-r.is-active .hamburger-inner::before {
top: 0;
opacity: 0; }
.hamburger--vortex-r.is-active .hamburger-inner::after {
bottom: 0;
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); } html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, 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;
vertical-align: baseline; } article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
display: block; }
body {
line-height: 1; }
ol, ul {
list-style: none; }
blockquote, q {
quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none; }
table {
border-collapse: collapse;
border-spacing: 0; }
* {
-webkit-box-sizing: border-box;
box-sizing: border-box; }
:root, :root * {
scrollbar-color: #ffdd00 #f8f8f8;
scrollbar-width: thin; }
*::-webkit-scrollbar {
width: 6px;
height: 6px;
max-height: 40px; }
*::-webkit-scrollbar-thumb {
background-color: #ffdd00;
border-radius: 8px;
max-height: 40px; }
*::-webkit-scrollbar-track {
background-color: #f8f8f8; }
html {
scroll-behavior: smooth; }
body, html {
font-size: 16px;
font-family: 'Lato', sans-serif;
color: #343B42;
font-weight: 400; }
img, svg, video {
display: block;
max-width: 100%; }
img {
height: auto !important; }
img.hexagon {
-webkit-clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%); }
strong, b {
font-weight: bold; }
a, a:visited {
text-decoration: none;
color: #343B42; }
small {
font-size: 80%; }
.cta {
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0 2rem;
line-height: 3rem;
background: #ffdd00;
color: #343B42;
font-weight: 900;
position: relative;
margin-left: 1rem;
-webkit-transition: 1s ease all;
transition: 1s ease all;
cursor: pointer; }
.cta-container {
margin-top: 2rem; }
.cta-small {
font-size: 80%;
line-height: 2rem;
padding: 0 1rem; }
.cta.text-white {
color: #ffffff; }
.cta.text-white i {
color: #ffdd00; }
.cta::after, .cta::before {
content: '';
display: block;
background: #ffdd00;
width: 1rem;
height: 100%;
position: absolute;
top: 0; }
.cta::after {
right: -.5rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg); }
.cta::before {
left: -.5rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg); }
.cta:hover {
padding: 0 3rem;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.cta span::after {
padding-left: 1rem; }
.cta i {
margin-left: 20px; }
.cta-container {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.cta-alt {
background: none;
color: #343B42; }
.cta-alt::before, .cta-alt::after {
background: #343B42;
content: none; }
.cta-alt:hover {
padding: 0 2rem;
letter-spacing: 2px; }
.cta-alt:hover i {
color: #ffdd00; }
.cta + .cta {
margin-left: 2rem; }
.word-spacing {
word-spacing: 100vw; }
.flex {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.hidden {
visibility: hidden; }
.container {
padding: 0 3rem; }
.section {
padding: 6rem 3rem; }
.section-full {
height: calc(100vh - 10rem - 70px); }
.section-grey {
background: #eeeeee; }
.section-yellow {
background: #ffdd00; }
.section-yellow .cta {
background: #343B42;
color: #ffdd00; }
.section-yellow .cta::before, .section-yellow .cta::after {
background: #343B42; }
.section-yellow .section-header {
margin-bottom: 0; }
.section-yellow .section-header span {
background-image: none; }
.section-black {
background: #343B42;
color: #ffffff; }
.section-black2 {
background: #000000;
color: #ffffff; }
.section-black .cta {
color: #343B42; }
.section-black .cta-alt {
color: #ffffff !important; }
.section-black .section-header {
margin-bottom: 0; }
.section-black .section-header span {
background-image: none;
color: #ffdd00; }
.section-black ul li a {
color: #ffffff; }
.section-black ul li a:hover {
color: #ffdd00; }
.section-white {
background: #ffffff; }
.section-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.section-header {
display: inline-block;
margin-bottom: 2rem; }
.section-header-single {
margin-bottom: 5rem; }
.section-header-single h2, .section-header-single h3 {
font-size: 3rem; }
.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5, .section-header h6, .section-header .h2 {
font-size: 1rem;
margin: 0 0 0.5rem !important;
padding: 0 !important;
line-height: 1 !important; }
.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5 {
font-size: 2rem;
font-size: 4rem;
text-align: left;
margin-bottom: .4rem;
position: relative;
white-space: wrap; }
.section-header h1::after, .section-header h2::after, .section-header h3::after, .section-header h4::after, .section-header h5::after {
display: block;
height: 100%;
background: #ffdd00;
position: absolute;
width: 4rem;
z-index: 0;
left: -3rem; }
.section-header h1 span, .section-header h2 span, .section-header h3 span, .section-header h4 span, .section-header h5 span {
background-image: -webkit-gradient(linear, left top, right top, from(#ffdd00), to(#ffdd00));
background-image: linear-gradient(90deg, #ffdd00, #ffdd00);
background-size: 100% 35%;
background-repeat: no-repeat;
background-position: 0 100%;
display: inline;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-header h1 span.hover, .section-header h2 span.hover, .section-header h3 span.hover, .section-header h4 span.hover, .section-header h5 span.hover {
background-size: 0% 35%; }
.section-header h1:hover span, .section-header h2:hover span, .section-header h3:hover span, .section-header h4:hover span, .section-header h5:hover span {
background-size: 100% 35%;
-webkit-transition: 1s ease all;
transition: 1s ease all;
letter-spacing: 2px; }
.section-header h1:hover span.hover, .section-header h2:hover span.hover, .section-header h3:hover span.hover, .section-header h4:hover span.hover, .section-header h5:hover span.hover {
background-size: 100% 35%; }
.section-header > span {
text-transform: uppercase;
text-align: right;
position: relative;
display: block;
padding-left: 1rem;
letter-spacing: .05rem;
background: inherit;
z-index: 1;
font-size: .9rem; }
.section-header > span::before {
display: block;
height: 3px;
background: #ffdd00;
position: absolute;
width: 100%;
bottom: calc(-50% - 1.5px);
z-index: 0;
left: 0; }
.section-header > span.bg1 {
background: #eeeeee; }
.section-header.text-white > span {
color: #ffffff;
background: #000000 !important; }
.section-excerpt {
max-width: 70%;
margin-bottom: 2rem; }
.section-columns {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 3rem; }
.section-column-center {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: baseline;
-ms-flex-align: baseline;
align-items: baseline; }
h1, h2, h3, h4, h5, h6 {
font-weight: 900; }
h5 {
font-size: 1.3rem; }
.text {
font-size: 1.1rem; }
.text-white {
color: #ffffff; }
.text-right {
text-align: right; }
.text-left {
text-align: left !important; }
.text-center {
text-align: center; }
.text-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.text-lower {
text-transform: lowercase; }
.text-highlight {
background-image: -webkit-gradient(linear, left top, right top, from(#ffdd00), to(#ffdd00));
background-image: linear-gradient(90deg, #ffdd00, #ffdd00);
background-size: 100% .5rem;
background-repeat: no-repeat;
background-position: 0 100%; }
.text h1, .text h2, .text h3, .text h4, .text h5, .text h6 {
line-height: 1.4; }
.text h1 + p, .text h2 + p, .text h3 + p, .text h4 + p, .text h5 + p, .text h6 + p {
margin-top: 1rem; }
.text h4, .text h5, .text h6 {
font-size: 1.5rem; }
.text * + .cta {
margin-top: 2rem; }
.text p {
line-height: 1.5; }
.text p + p {
margin-top: 1rem; }
.text p + a {
margin-top: 2rem; }
.text p + ul {
margin-top: 1rem; }
.text p.lead {
font-size: 1.5rem;
font-weight: bold; }
.text p + * {
margin-top: 1rem; }
.text ul, .text ol {
margin-top: 1rem; }
.text ul li, .text ol li {
line-height: 1.5; }
.text ul + p, .text ol + p {
margin-top: 1rem; }
.text ul {
margin-left: 1rem; }
.text ul li {
list-style-type: square; }
.text strong, .text b {
font-weight: bold; }
.text strong a, .text b a {
border-bottom: 3px #ffdd00 solid; }
.d-none {
display: none !important; }
.d-flex {
display: -webkit-box !important;
display: -ms-flexbox !important;
display: flex !important; }
.background-fixed {
background-attachment: fixed !important; }
[class*="icono"] {
position: relative;
display: inline-block;
vertical-align: middle;
color: #343B42;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
[class*="icono"]:after, [class*="icono"]:before {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box; }
[class*="icono-arrow1"] {
width: 20px;
height: 20px;
border-width: 4px 4px 0 0;
border-style: solid;
margin: 10px; }
[class*="icono-arrow1"]:before {
right: 0;
top: -3px;
position: absolute;
height: 4px;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 32px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 23px;
-webkit-transform-origin: right top;
transform-origin: right top; }
[class*="icono-arrow1"][class*="-left"] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
[class*="icono-arrow1"][class*="-left"][class*="-up"] {
-webkit-transform: none;
transform: none; }
[class*="icono-arrow1"][class*="-left"][class*="-down"] {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
[class*="icono-arrow1"][class*="-right"] {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
[class*="icono-arrow1"][class*="-right"][class*="-up"] {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
[class*="icono-arrow1"][class*="-right"][class*="-down"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[class*="icono-arrow1"][class*="-up"] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
[class*="icono-arrow1"][class*="-down"] {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
[class*="icono-arrow2"] {
width: 0;
height: 0;
border-width: 6px;
border-style: solid;
border-bottom-color: transparent;
border-left-color: transparent;
margin: 0; }
[class*="icono-arrow2"]:before {
right: 0;
top: -3px;
position: absolute;
height: 4px;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 32px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
width: 15px;
-webkit-transform-origin: right top;
transform-origin: right top; }
[class*="icono-arrow2"][class*="-left"] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
[class*="icono-arrow2"][class*="-left"][class*="-up"] {
-webkit-transform: none;
transform: none; }
[class*="icono-arrow2"][class*="-left"][class*="-down"] {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
[class*="icono-arrow2"][class*="-right"] {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
[class*="icono-arrow2"][class*="-right"][class*="-up"] {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
[class*="icono-arrow2"][class*="-right"][class*="-down"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[class*="icono-arrow2"][class*="-up"] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
[class*="icono-arrow2"][class*="-down"] {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
[class*="icono"] {
position: relative;
display: inline-block;
vertical-align: middle;
color: #666;
-webkit-box-sizing: border-box;
box-sizing: border-box; }
[class*="icono"]:after, [class*="icono"]:before {
content: "";
-webkit-box-sizing: border-box;
box-sizing: border-box; }
[class*="icono-arrow3"] {
width: 18px;
height: 20px;
border-width: 4px 4px 0 0;
border-style: solid;
margin: 10px;
border-radius: 0 2px 0 0; }
[class*="icono-arrow3"]:before, [class*="icono-arrow3"]:after {
border-radius: 2px;
position: absolute; }
[class*="icono-arrow3"]:before {
right: 0;
top: -3px;
width: 23px;
height: 4px;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
-webkit-transform-origin: right top;
transform-origin: right top;
-webkit-box-shadow: inset 0 0 0 32px;
box-shadow: inset 0 0 0 32px; }
[class*="icono-arrow3"]:after {
width: 4px;
height: 4px;
left: -2px;
top: -4px;
-webkit-box-shadow: inset 0 0 0 32px, 16px 17px;
box-shadow: inset 0 0 0 32px, 16px 17px; }
[class*="icono-arrow3"][class*="-left"] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
[class*="icono-arrow3"][class*="-left"][class*="-up"] {
-webkit-transform: none;
transform: none; }
[class*="icono-arrow3"][class*="-left"][class*="-down"] {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
[class*="icono-arrow3"][class*="-right"] {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
[class*="icono-arrow3"][class*="-right"][class*="-up"] {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
[class*="icono-arrow3"][class*="-right"][class*="-down"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[class*="icono-arrow3"][class*="-up"] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
[class*="icono-arrow3"][class*="-down"] {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
[class*="icono-arrow4"] {
width: 0;
height: 0;
border: 7px solid transparent;
border-top: 7px solid;
border-right: 7px solid;
margin: 15px; }
[class*="icono-arrow4"][class*="-left"] {
-webkit-transform: rotate(45deg);
transform: rotate(45deg); }
[class*="icono-arrow4"][class*="-left"][class*="-up"] {
-webkit-transform: none;
transform: none; }
[class*="icono-arrow4"][class*="-left"][class*="-down"] {
-webkit-transform: rotate(90deg);
transform: rotate(90deg); }
[class*="icono-arrow4"][class*="-right"] {
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg); }
[class*="icono-arrow4"][class*="-right"][class*="-up"] {
-webkit-transform: rotate(-90deg);
transform: rotate(-90deg); }
[class*="icono-arrow4"][class*="-right"][class*="-down"] {
-webkit-transform: rotate(180deg);
transform: rotate(180deg); }
[class*="icono-arrow4"][class*="-up"] {
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg); }
[class*="icono-arrow4"][class*="-down"] {
-webkit-transform: rotate(135deg);
transform: rotate(135deg); }
.bottom-image img, .bikers-stripe img {
width: 100%; }
.tel {
pointer-events: none; }
a.email:hover {
border-bottom: 2px #ffdd00 solid; }
.show-xs {
display: none; }
.header {
background: #ffffff;
position: fixed;
top: 0;
right: 0;
left: 0;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
height: 70px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 9999; }
.header .flex {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.header .logo svg {
fill: #343B42;
height: 50px;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .logo:hover svg {
fill: #ffdd00;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header nav ul li {
margin: 0 1rem; }
.header nav ul li a {
color: #343B42;
font-weight: 900;
position: relative; }
.header nav ul li a::before {
content: '';
display: block;
height: 3px;
background: #ffdd00;
position: absolute;
width: 0%;
bottom: -3px;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li a:hover {
color: #000000; }
.header nav ul li a:hover::before {
width: 100%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li.current-menu-item > a::before, .header nav ul li.current-menu-parent > a::before {
width: 100%; }
.header nav ul li.menu-item-has-children {
position: relative; }
.header nav ul li.menu-item-has-children > a {
padding-right: 1rem; }
.header nav ul li.menu-item-has-children > a::after {
content: '';
display: block;
width: .3rem;
height: .3rem;
border-left: 3px #ffdd00 solid;
border-bottom: 3px #ffdd00 solid;
-webkit-transform: rotate(-45deg);
transform: rotate(-45deg);
position: absolute;
right: 0;
top: 3px;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li.menu-item-has-children.current-menu-item > a::after {
-webkit-transform: rotate(-225deg);
transform: rotate(-225deg);
top: 8px;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li.jobs {
margin-left: 6rem; }
.header nav ul li.jobs a {
padding: .5rem 1rem;
background: #ffdd00;
color: #343B42;
border-radius: .5rem;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li.jobs a:hover {
background: #ffdd00;
color: #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav ul li.jobs a::before {
content: none; }
.header nav .mega-menu {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
background: #343B42;
position: fixed;
top: 70px;
left: -100%;
width: 100%;
bottom: 0;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
z-index: 0;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav .mega-menu.open {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-transition: 1s ease all;
transition: 1s ease all;
opacity: 1;
visibility: visible;
left: 0;
right: 0; }
.header nav .mega-menu img.bikers {
position: absolute;
bottom: 3rem;
width: 20%; }
.header nav .mega-menu .sub-menu-menu {
padding: 6rem 3rem 0 3rem; }
.header nav .mega-menu .sub-menu-menu h3 {
font-size: 3rem;
background-size: 100% 1.5rem;
background-repeat: no-repeat;
background-position: 0 100%;
margin-bottom: 3rem;
color: #ffdd00; }
.header nav .mega-menu .sub-menu-menu ul {
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.header nav .mega-menu .sub-menu-menu ul li {
margin: 0 0 2rem 0;
font-size: 2rem;
position: relative; }
.header nav .mega-menu .sub-menu-menu ul li::before {
content: '';
display: block;
position: absolute;
height: 2rem;
padding: .5rem;
background: #ffdd00;
z-index: -1;
left: -5rem;
top: -.5rem;
width: 0;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav .mega-menu .sub-menu-menu ul li:hover::before, .header nav .mega-menu .sub-menu-menu ul li.current-menu-item::before {
width: calc(100% + 5rem);
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav .mega-menu .sub-menu-menu ul li:hover a, .header nav .mega-menu .sub-menu-menu ul li.current-menu-item a {
color: #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav .mega-menu .sub-menu-menu ul li a {
color: #ffffff;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav .mega-menu .sub-menu-image-container {
width: 70%;
position: relative;
overflow: hidden; }
.header nav .mega-menu .sub-menu-image-container img {
position: absolute;
height: calc(100% + 2px) !important;
max-width: none;
top: 50%;
right: 0;
-webkit-transition: 1s ease all;
transition: 1s ease all;
-webkit-transform: translate(0, -50%);
transform: translate(0, -50%); }
.header nav .mega-menu .sub-menu-image-container img.bikers {
position: absolute; }
.header nav .mega-menu .sub-menu-image-container img.loading {
opacity: 0;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials {
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header .socials::before {
content: '';
height: 3px;
width: 2rem;
background: #ffdd00;
display: block;
margin-right: .5rem; }
.header .socials ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.header .socials ul a {
margin-left: .5rem;
height: 1.8rem;
width: 1.8rem;
border-radius: 50%;
background: #343B42;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
text-align: center;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials ul a svg {
fill: #ffdd00;
height: 60%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials ul a:hover {
background: #ffdd00;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials ul a:hover svg {
fill: #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials ul a:hover #youtube polygon {
fill: #ffdd00;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials:hover {
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header .socials:hover::before {
background: #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header.open-mobile nav {
left: 0; }
.hamburger {
display: none;
padding: 0; }
.search-mobile {
cursor: pointer;
margin: 0 30px 0 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
background: #ffdd00;
border-radius: 50%;
padding: 6px;
font-weight: bold; }
@media only screen and (max-width: 460px) {
.search-mobile {
margin: 0;
padding: 4px; } }
.search-mobile svg {
fill: #343B42; }
.search-mobile.open {
background: #343B42; }
.search-mobile.open svg {
fill: #ffdd00; }
.aws-container {
margin: 0 3rem 0 3rem;
max-width: 200px;
display: none;
position: absolute;
top: 90px;
right: 0;
background: #ffffff;
border-radius: 50px;
padding: 0 0 0 30px;
overflow: hidden;
max-width: 400px;
-webkit-box-shadow: 0 0 30px #ccc;
box-shadow: 0 0 30px #ccc; }
@media only screen and (max-width: 1150px) {
.aws-container {
top: 60px; } }
.aws-container.open {
display: block; }
.aws-show-clear .aws-search-field {
border: none;
padding: 0;
border-bottom: 3px #343B42 solid;
font-size: 14px;
color: #000000;
font-weight: 500;
font-family: 'Lato', sans-serif;
border: none; }
.aws-show-clear .aws-search-field:focus {
border-color: #ffdd00; }
.aws-container .aws-search-form .aws-form-btn {
background: none;
border: none; }
.aws-search-result .aws_result_title {
color: #000000;
font-size: 14px;
line-height: 1.3; }
.aws-search-result .aws_onsale {
background: #ffdd00;
color: #000000; }
.section-welcome {
padding: 0;
margin-top: 70px;
background-color: #000000;
background-size: cover;
background-repeat: no-repeat;
height: calc(100vh - 70px);
background-position: top center;
position: relative; }
.section-welcome-content {
position: absolute;
bottom: 6rem;
left: 3rem;
width: 38%; }
.section-welcome-content h1 {
font-size: 2.5rem;
line-height: 1;
color: #ffffff;
margin-bottom: 2rem; }
.section-welcome-content h1 span {
background-size: 100% 2rem;
background-repeat: no-repeat;
background-position: 0 100%;
display: inline;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-welcome-content p {
color: #ffffff;
margin-bottom: 1rem;
font-size: 1.5rem;
text-shadow: 0 0 15px #000000; }
.section-brands {
background-size: 100%;
height: auto;
position: relative; }
.section-brands-background {
height: auto !important;
max-width: 80%;
margin: .5rem 0 -6rem -3rem; }
.section .brands {
display: grid;
grid-template-columns: repeat(6, 1fr);
grid-gap: 2rem;
text-align: center; }
.section .brands-bikers {
position: absolute;
bottom: -6rem;
right: 3rem;
max-width: 20%;
z-index: 2; }
.section .brands-bikers svg {
fill: #ffdd00; }
.section .brands .brand {
padding: 2rem;
-webkit-transition: 1s ease all;
transition: 1s ease all;
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.section .brands .brand figure {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
width: 100%; }
.section .brands .brand a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 100%;
position: relative; }
.section .brands .brand a img {
margin: 0 auto;
width: auto;
max-height: 5rem;
-webkit-filter: grayscale(1);
filter: grayscale(1);
max-width: 180px;
max-height: 100px; }
.section .brands .brand a svg {
fill: #000000;
opacity: .45;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section .brands .brand a::before, .section .brands .brand a::after {
content: '';
display: block;
background: #343B42;
width: 100%;
height: 0%;
position: absolute;
z-index: -1;
top: 50%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section .brands .brand a::after {
top: auto;
bottom: 50%; }
.section .brands .brand:hover {
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section .brands .brand:hover img {
-webkit-transition: 1s ease all;
transition: 1s ease all;
-webkit-filter: grayscale(0);
filter: grayscale(0); }
.section .brands .brand:hover svg {
opacity: 1;
fill: #343B42; }
.section .brands .brand:hover a::before {
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section .brands .brand.selected svg {
opacity: 1;
fill: #343B42; }
.section-products {
position: relative;
background-color: #343B42;
background-size: 100%; }
.section-products-second .section-products-top::before {
background: red; }
.section-products-top {
padding-bottom: 0;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
-ms-flex-direction: row-reverse;
flex-direction: row-reverse; }
.section-products-top::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
height: calc(50% + 3rem);
display: block;
background: #eeeeee;
background-position: bottom center;
z-index: 0; }
.section-products-top.black {
background: #eeeeee;
padding-bottom: 6rem; }
.section-products-top.black::before {
background: #343B42;
height: 50%; }
.section-products-middle {
padding-top: 0rem;
padding-bottom: 0; }
.section-products-second {
padding-bottom: 0; }
.section-products-second::before {
background: #000000;
background: #000000 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders1.jpg) no-repeat;
background-position: bottom center;
height: 50%; }
.section-products-bottom {
padding-top: 0rem; }
.section-products-bottom::before {
content: '';
position: absolute;
left: 0;
bottom: 0;
right: 0;
height: calc(50% + 3rem);
display: block;
z-index: 0;
background: #eeeeee;
background: #000000 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders3.jpg) no-repeat;
background-position: right top; }
.section-products-spacer {
padding: 5rem 2rem 5rem;
background: #343B42;
text-align: center; }
.section-products-spacer svg {
fill: #ffdd00;
max-width: 50%; }
.section-products-spacer h3 {
font-size: 7vw;
color: #eeeeee;
-webkit-text-stroke: 2px #ffdd00;
-webkit-text-fill-color: transparent;
-webkit-transition: 1s ease all;
transition: 1s ease all;
position: relative; }
.section-products-spacer h3::before, .section-products-spacer h3::after {
content: '';
display: block;
height: .5rem;
width: 0%;
background: #ffdd00;
position: absolute;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-products-spacer h3:before {
left: -2rem; }
.section-products-spacer h3:after {
right: -2rem; }
.section-products-spacer:hover h3 {
color: #ffdd00;
-webkit-text-stroke: 2px #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-products-spacer:hover h3::before, .section-products-spacer:hover h3::after {
width: 100%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-products-spacer:hover h3:before {
right: -2rem;
left: auto; }
.section-products-spacer:hover h3:after {
left: -2rem;
right: auto; }
.section-video {
background: #000000;
background-position: left bottom;
padding-top: 0;
padding-bottom: 0;
position: relative; }
.section-video .video-container {
margin-right: -3rem; }
.section-video .video-container video {
display: block; }
.section-video .video-container-bg {
position: absolute; }
.section-video-static {
height: calc(100vh - 70px);
margin-top: 70px; }
.section .video-container-bg {
position: absolute;
left: 0;
opacity: .2;
z-index: 0;
width: 100%; }
.section .video-container-bg video {
width: 100%; }
.section-boxes {
position: relative;
background: #ffffff;
background-position: left bottom;
background-size: 100%; }
.section-boxes-frontpage {
padding-bottom: 0; }
.section-boxes-bottom {
background: #ffffff; }
.section-boxes-bottom .boxes {
grid-template-columns: repeat(5, 1fr) !important; }
.section-boxes-bottom::before {
content: '';
background: #000000 !important; }
.section-boxes-two {
background: #ffffff; }
.section-boxes-two .boxes {
grid-template-columns: 1.5fr 1.2fr 1fr 1.5fr !important; }
.section-boxes-second {
background: #eeeeee; }
.section-boxes::before {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
height: calc(50% + 3rem);
display: block;
background: #000000 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders-boxes.jpg) no-repeat;
background-position: left bottom;
background-size: 100%;
z-index: 0; }
.section-boxes .boxes {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem; }
.section-boxes .boxes-second {
grid-template-columns: repeat(4, 1fr); }
.section-boxes .boxes svg {
fill: #ffdd00; }
.section-boxes .boxes .box {
position: relative; }
.section-boxes .boxes .box-text {
padding-left: 1rem; }
.section-boxes .boxes .box-text .bikers {
margin: -3rem 0 0 -12rem;
max-height: 50%; }
.section-boxes .boxes .box figure {
position: relative; }
.section-boxes .boxes .box h5 {
background: #ffdd00;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
padding: 0 1rem;
position: absolute;
bottom: 0;
left: 0;
font-size: 1rem;
line-height: 3rem; }
.section-boxes .boxes .box h5::after {
content: '';
display: block;
background: #ffdd00;
width: 1rem;
height: 100%;
position: absolute;
top: 0;
right: -.5rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg); }
.section-about {
background: #343B42;
background-repeat: no-repeat;
background-position: top right; }
.section-about.page-header {
background: #343B42 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders5.jpg) no-repeat;
background-position: top left; }
.section-about-two {
background: none; }
.section-about-content {
display: grid;
grid-template-columns: 3fr 2fr;
grid-gap: 3rem; }
.section-about-content.reversed {
grid-template-columns: 2fr 4fr; }
.section-about .bikers {
margin: -3rem 0 3rem -9rem; }
.section-about-text-centered {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.section-about-text-centered .cta {
width: -webkit-fit-content;
width: -moz-fit-content;
width: fit-content; }
.welcome-image {
margin-top: 50px; }
.products {
display: grid;
grid-template-columns: 30% repeat(3, 1fr);
grid-gap: 2rem;
position: relative; }
.products-reversed {
grid-template-columns: repeat(3, 1fr) 30%; }
.products-reversed .product:nth-child(1) {
-webkit-box-ordinal-group: 5;
-ms-flex-order: 4;
order: 4; }
.products-list {
grid-template-columns: repeat(4, 1fr); }
.products .product {
background: #ffffff;
-webkit-transition: 1s ease all;
transition: 1s ease all;
position: relative;
z-index: 1;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
min-height: 40vh; }
.products .product figure {
padding: 1rem 1rem 0;
height: 80%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.products .product figure a {
height: 100%; }
.products .product figure img {
height: 100% !important;
-o-object-fit: cover;
object-fit: cover; }
.products .product-content {
position: relative;
padding: 0 1rem 1rem;
background: #ffffff;
margin-top: auto; }
.products .product-category {
position: relative;
background: #ffffff !important; }
.products .product-category-mask {
width: 100%;
height: 100%;
overflow: hidden; }
.products .product-category-inner {
background-size: cover;
background-position: center center;
width: 100%;
height: 100%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product-category-inner a {
display: block;
width: 100%;
height: 100%; }
.products .product-category::after {
content: '';
display: block;
width: 70%;
height: 20%;
background: #ffdd00;
right: -5px;
top: -5px;
position: absolute;
z-index: -1; }
.products .product-category-name {
position: absolute;
bottom: 0;
left: 0; }
.products .product-category h2 {
background: #ffdd00;
position: relative;
bottom: 0;
max-width: none;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
height: 3rem;
line-height: 3rem;
padding: 0 1rem;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product-category h2::after {
content: '';
display: block;
background: #ffdd00;
width: 1rem;
height: 100%;
position: absolute;
top: 0;
right: -.5rem;
-webkit-transform: skew(-15deg);
transform: skew(-15deg); }
.products .product-category:hover .product-category-inner {
-webkit-transition: 1s ease all;
transition: 1s ease all;
-webkit-transform: scale(1.25) rotate(-3deg);
transform: scale(1.25) rotate(-3deg); }
.products .product::before {
content: '';
display: block;
background: #ffdd00;
width: 0;
height: .2rem;
position: absolute;
bottom: -.2rem;
right: 0;
z-index: 0;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product:hover {
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product:hover h2 {
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product:hover::before {
width: 100%;
-webkit-transition: 1s ease all;
transition: 1s ease all;
left: 0;
right: auto; }
.products .product:hover .price {
padding-left: 2.5rem;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product:hover .price::before {
width: 2rem;
background: #343B42;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product h3 {
margin: 1rem 0 .5rem 0; }
.products .product h3 a {
color: #343B42; }
.products .product .price {
position: relative;
padding-left: 1.5rem;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products .product .price::before {
content: '';
height: 3px;
width: 1rem;
background: #ffdd00;
display: block;
position: absolute;
left: 0;
top: 50%;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.product-gallery figure {
padding: 6rem 4rem; }
.product-gallery figure + figure {
padding-top: 0; }
.product-single-image {
padding: 6rem 4rem; }
.section-products-header {
background: #eeeeee;
margin-top: 70px;
min-height: 50vh; }
.section-products-header .section-columns {
min-height: 50vh;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.section-products-header h1 {
font-size: 4rem; }
.section-products-header h1 span {
background-image: -webkit-gradient(linear, left top, right top, from(#ffdd00), to(#ffdd00));
background-image: linear-gradient(90deg, #ffdd00, #ffdd00);
background-size: 100% 2rem;
background-repeat: no-repeat;
background-position: 0 100%;
display: inline;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.section-products-header h1 span.hover {
background-size: 0% 2rem; }
.section-products-description {
margin-top: 3rem;
max-width: 80%; }
.section-products-categories {
background: #ffffff; }
.section-products-categories .products {
grid-template-columns: repeat(5, 1fr); }
.section-products-categories .products-columns-2 {
grid-template-columns: repeat(2, 1fr); }
.section-products-categories .products-columns-3 {
grid-template-columns: repeat(3, 1fr); }
.section-products-categories .products-columns-4 {
grid-template-columns: repeat(4, 1fr); }
.section-products-categories-frontpage {
position: relative;
padding-bottom: 0; }
.section-products-categories-frontpage:after {
content: '';
position: absolute;
left: 0;
top: 0;
right: 0;
height: 50%;
display: block;
background: #000000;
background: #000000 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders1.jpg) no-repeat;
background-position: bottom left;
z-index: 0; }
.section-products-brands {
padding-top: 0; }
.section-products-brands-header {
margin: 0 0 2rem 0; }
.section-products-brands .brands {
grid-template-columns: repeat(4, 1fr) !important; }
.section-products-brands-logo img {
max-width: 50%;
margin: 0 auto; }
.manufacturer-logo {
margin: 2rem 0; }
.manufacturer-logo svg {
fill: #343B42;
height: 30px;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.manufacturer-logo:hover svg {
fill: #000000;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.partner-logo svg {
fill: #343B42;
width: 95%;
margin: 0 auto; }
.section-page-header {
padding: 0 0 0 3rem; }
.section-page-header-yellow {
background: #ffdd00; }
.section-page-header .bikers {
position: absolute;
width: 40%;
right: 3rem;
bottom: 0;
-webkit-transform: translateY(50%);
transform: translateY(50%); }
.section-page-header .bikers svg {
fill: #ffdd00; }
.section-page-image {
position: relative; }
.page-header {
margin-top: 70px; }
.section-packages {
background: #343B42 url(//bikers.zone/wp-content/themes/bikers/assets/images/thunders4.jpg) no-repeat;
background-position: top right; }
.section-packages h3 {
font-size: 2rem;
margin-bottom: 6rem; }
.packages {
display: grid;
grid-template-columns: repeat(4, 1fr);
grid-gap: 2rem;
margin-top: 3rem; }
.packages-stores {
grid-template-columns: 1fr 1fr;
margin-top: 3rem !important; }
.packages .package {
padding-bottom: 2rem;
font-size: .8rem;
background: #ffffff;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative;
color: #343B42; }
.packages .package.featured .package-name {
background: #ffdd00; }
.packages .package.featured::before {
content: 'Najczęściej wybierany';
position: absolute;
line-height: 2rem;
top: -2rem;
background: #ffffff;
color: #000000;
padding: 0 1rem 0 1rem;
font-weight: bold; }
.packages .package.featured .bikers {
position: absolute;
top: -3rem;
right: 0; }
.packages .package.featured .bikers svg {
fill: #ffdd00;
height: 3rem; }
.packages .package h5, .packages .package h6 {
line-height: 1.3;
margin-bottom: 0;
margin-top: 0; }
.packages .package h5 + p, .packages .package h6 + p {
margin-top: .5rem; }
.packages .package h5 {
font-size: 1.5rem; }
.packages .package p {
font-size: .8rem;
line-height: 1.5; }
.packages .package > div {
padding: 0 2rem; }
.packages .package > div + div {
margin-top: 1rem; }
.packages .package ul, .packages .package ol {
margin-top: .5rem; }
.packages .package ul li, .packages .package ol li {
font-size: .8rem;
line-height: 1.8; }
.packages .package-name {
background: #ffffff;
color: #343B42;
border-bottom: 1px #eeeeee solid; }
.packages .package-name.golden {
background: #ffdd00;
color: #343B42;
border: none; }
.packages .package-name.platinium {
background: #cfd4d9;
color: #343B42;
border: none; }
.packages .package-name.silver {
background: #b2bbc3;
color: #343B42;
border: none; }
.packages .package-name h4 {
line-height: 2rem;
font-size: 1.2rem;
padding-top: 1rem;
padding-bottom: 1rem; }
.packages .package-name h4 + p {
margin-top: -1rem; }
.packages .package-name p {
padding-bottom: 1rem; }
.packages .package-price.promo h5 {
font-weight: bold;
font-size: 2.5rem; }
.packages .package-price.promo h6 {
font-size: 1.3rem; }
.packages .package-includes {
border-top: 1px #eeeeee solid;
padding-top: 1rem !important; }
.packages .package-remarks {
margin-top: auto !important; }
.packages .package-additional {
border: none;
background: #ffffff; }
.packages .package-additional .package-includes {
padding-top: 0 !important; }
.packages .package-additional .package-name {
background: #343B42;
color: #ffffff; }
.packages .package-additional .package-includes {
border-color: #ffffff; }
.packages .package-additional .package-price {
padding-bottom: 0;
padding-top: 1rem; }
.packages .package-logo {
padding: 1rem 0 2rem; }
.packages .package-logo svg {
fill: #343B42;
height: 30px; }
.packages-jobs {
grid-template-columns: 1fr 1fr 1fr; }
.packages-jobs .package-price.promo h5 {
font-size: 1.5rem; }
.remarks {
margin-top: 2rem; }
.section-baner {
padding: 0;
position: relative; }
.section-baner-products {
background-repeat: no-repeat;
background-position: left top; }
.baner {
display: grid;
grid-template-columns: repeat(2, 1fr); }
.baner-error {
grid-template-columns: 1fr 2fr; }
.baner.reversed .baner-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner.reversed .baner-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.baner-contact {
grid-template-columns: 1.5fr 1fr; }
.baner-products {
grid-template-columns: 1fr 1fr;
min-height: 65vh; }
.baner-video {
min-height: 75vh;
position: relative; }
.baner-2 {
grid-template-columns: 1.5fr 1fr; }
.baner-content {
padding: 6rem 3rem;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.baner-content-about {
padding: 9rem 6rem 9rem 3rem; }
.baner-content-products {
padding: 9rem 3rem; }
.baner-content h2 {
font-size: 2.5rem; }
.baner-content h3, .baner-content h4, .baner-content h5 {
font-size: 1.5rem; }
.baner-image {
background-size: cover !important;
overflow: hidden; }
.baner-image-malfunction {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/awaria.jpg) no-repeat center center; }
.baner-image-about1 {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/about1.jpg) no-repeat center center; }
.baner-image-about2 {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/about2.jpg) no-repeat center top; }
.baner-image-about3 {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/about3.jpg) no-repeat center center; }
.baner-image-brands {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/brands.jpg) no-repeat center center; }
.baner-image-stores {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/stores.jpg) no-repeat center bottom; }
.baner-image-trek {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/trek1.jpg) no-repeat left bottom;
min-height: 90vh; }
.baner-image-book {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/bikers-book.jpg) no-repeat left bottom; }
.baner-image-electric {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/serwis-rowerow-elektrycznych.jpg) no-repeat left bottom; }
.baner-image-service {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/s.jpg) no-repeat center center; }
.baner-image-other {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/end3.jpg) no-repeat center center; }
.baner-image-products {
background-position: center center; }
.baner-image-jobs {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/jobs.jpg) no-repeat center center; }
.baner-image-jobs2 {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/box-rowery.jpg) no-repeat center center; }
.baner-image-error {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/404.jpg) no-repeat left bottom;
min-height: 90vh; }
.baner-image-wahoo {
background: url(//bikers.zone/wp-content/themes/bikers/assets/images/wahoo.jpg) no-repeat left bottom;
min-height: 90vh; }
.baner-image .bikers {
width: 20%;
position: absolute;
bottom: 0;
right: 3rem;
-webkit-transform: translateY(50%);
transform: translateY(50%);
z-index: 99; }
.baner-image .video-container {
position: absolute;
height: 100%; }
.baner-image .video-container video {
min-height: 100%;
min-width: 100%;
max-width: none; }
.baner .brands {
display: grid;
grid-template-columns: repeat(3, 1fr);
grid-gap: 2rem; }
.baner .brands .brand {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.baner .brands svg {
fill: #343B42;
opacity: .5;
-webkit-transition: 1s ease all;
transition: 1s ease all;
width: 100%; }
.baner .brands svg:hover {
opacity: 1;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.baner .section-products-brands-header {
margin: 1rem 0 3rem;
font-size: 1rem; }
.baner-about {
min-height: 60vh; }
.baner-about.reversed {
grid-template-columns: 1fr 1.5fr; }
.baner-about.reversed-equal {
grid-template-columns: 1fr 1fr; }
.baner-about.reversed .baner-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.baner-about.reversed .baner-content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-about .baner-content-about {
display: -webkit-box;
display: -ms-flexbox;
display: flex; }
.baner-about .section-header h2 {
margin-bottom: 2rem !important;
font-size: 4rem; }
.baner-about .baner-image {
background-position: center center; }
.baner-packages .packages {
margin-top: 0; }
.baner-packages .package > div {
padding: 0; }
.download-item {
background: #eeeeee;
display: grid;
grid-template-columns: 1fr 2fr 1fr 1fr 1fr 2fr;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 1rem;
grid-gap: 1rem; }
.download-item + .download-item {
margin-top: .5rem; }
.download-item:hover:not(.download-header) {
background: #e6e6e6;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.download-header {
background: #343B42;
color: #ffffff; }
.download-image img {
width: 10rem; }
.download-image img:hover {
opacity: .8;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.download-action {
text-align: right;
padding-right: 1rem; }
.download-level span {
display: block;
width: 1rem;
height: 1rem;
background: #ffdd00;
border-radius: 50%; }
.footer {
background: #343B42;
padding: 5rem 3rem 0;
color: #ffffff;
background: #343B42 url(//bikers.zone/wp-content/themes/bikers/assets/images/footer.jpg) no-repeat;
background-position: right bottom; }
.footer-bikers {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 2rem; }
.footer-bikers svg {
max-width: 20%;
fill: #ffdd00; }
.footer .text {
font-size: 1rem; }
.footer-columns {
display: grid;
grid-template-columns: repeat(3, 1fr) 3fr 0.5fr;
grid-gap: 2rem; }
.footer svg {
fill: #ffdd00;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.footer-logo a:hover svg {
-webkit-transition: 1s ease all;
transition: 1s ease all;
fill: #ffffff; }
.footer h6 {
margin-bottom: 1rem;
padding-bottom: 1rem;
position: relative;
font-size: 1.1rem;
letter-spacing: 1px; }
.footer h6::after {
content: '';
display: block;
height: 3px;
width: 3rem;
background: #ffdd00;
position: absolute;
bottom: 0; }
.footer nav ul li a, .footer nav ul li a:visited {
color: #ffffff;
border-bottom: 2px transparent solid; }
.footer nav ul li a:hover, .footer nav ul li a:visited:hover {
color: #ffffff;
border-bottom: 2px #ffdd00 solid;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.footer nav ul li + li {
margin-top: 1rem; }
.footer nav ul li.current-menu-item > a {
color: #ffffff;
border-bottom: 2px #ffdd00 solid; }
.footer-stores {
display: grid;
grid-template-columns: repeat(2, 1fr);
grid-gap: 2rem;
line-height: 1.5;
font-size: .9rem; }
.footer-store a {
color: #ffffff; }
.footer-store a:hover {
border-bottom: 2px #ffdd00 solid; }
.footer-store a.cta-small {
border: none;
color: #343B42;
margin-top: 1rem; }
.footer-copy {
padding: 1rem 3rem;
color: #343B42;
background: #ffdd00; }
.footer-copy a {
color: #343B42; }
.bapf_slidr_main.ui-widget-content .ui-slider-handle, .berocket_filter_price_slider.ui-widget-content .ui-slider-handle, .slide.default .bapf_slidr_main .ui-state-default, .slide.default .bapf_slidr_main .ui-widget-header .ui-state-default, .slide.default .bapf_slidr_main.ui-widget-content .ui-state-default, .slide.default .berocket_filter_price_slider .ui-state-default, .slide.default .berocket_filter_price_slider .ui-widget-header .ui-state-default, .slide.default .berocket_filter_price_slider.ui-widget-content .ui-state-default {
background: #ffdd00; }
.bapf_slidr_main.ui-widget-content .ui-slider-range, .berocket_filter_price_slider.ui-widget-content .ui-slider-range {
background: #343B42; }
.woocommerce-shop .bapf_body, .tax-product_cat .bapf_body, .woocommerce .bapf_body {
margin-top: 20px; }
.woocommerce-shop .bapf_sfilter ul li, .tax-product_cat .bapf_sfilter ul li, .woocommerce .bapf_sfilter ul li {
background: white;
border-radius: 4px;
line-height: 1 !important;
text-align: center !important;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
padding: 5px 15px !important;
font-size: 14px;
color: black; }
.woocommerce-shop .bapf_sfilter ul li label, .tax-product_cat .bapf_sfilter ul li label, .woocommerce .bapf_sfilter ul li label {
color: black;
background: none; }
.woocommerce-shop .bapf_sfilter ul li label:hover, .tax-product_cat .bapf_sfilter ul li label:hover, .woocommerce .bapf_sfilter ul li label:hover {
background: none !important;
color: black !important; }
.woocommerce-shop .bapf_sfilter ul li.checked, .tax-product_cat .bapf_sfilter ul li.checked, .woocommerce .bapf_sfilter ul li.checked {
background: #ffdd00; }
.woocommerce-shop #breadcrumbs, .tax-product_cat #breadcrumbs, .woocommerce #breadcrumbs {
margin-bottom: 30px;
font-size: 14px;
color: #343B42; }
.woocommerce-shop #breadcrumbs a, .tax-product_cat #breadcrumbs a, .woocommerce #breadcrumbs a {
color: #343B42; }
.woocommerce-shop #breadcrumbs .breadcrumb_last, .tax-product_cat #breadcrumbs .breadcrumb_last, .woocommerce #breadcrumbs .breadcrumb_last {
color: #000000; }
.woocommerce-shop main, .tax-product_cat main, .woocommerce main {
background: #eeeeee;
margin-top: 70px;
padding: 60px 0; }
@media only screen and (max-width: 1150px) {
.woocommerce-shop main, .tax-product_cat main, .woocommerce main {
margin-top: 50px;
padding: 30px 0 0; } }
.woocommerce-shop .products-top, .tax-product_cat .products-top, .woocommerce .products-top {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
margin-top: 15px; }
.woocommerce-shop .products-filers .filter-mobile, .tax-product_cat .products-filers .filter-mobile, .woocommerce .products-filers .filter-mobile {
display: none; }
@media only screen and (max-width: 767px) {
.woocommerce-shop .products-filers .filter-mobile, .tax-product_cat .products-filers .filter-mobile, .woocommerce .products-filers .filter-mobile {
display: block; } }
.woocommerce-shop .products-filers .filter-mobile > span, .tax-product_cat .products-filers .filter-mobile > span, .woocommerce .products-filers .filter-mobile > span {
font-weight: 700;
margin-top: 20px;
display: -webkit-inline-box;
display: -ms-inline-flexbox;
display: inline-flex;
gap: 6px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center; }
.woocommerce-shop .products-filers .filter-mobile div, .tax-product_cat .products-filers .filter-mobile div, .woocommerce .products-filers .filter-mobile div {
background: #ffdd00;
width: 30px;
height: 30px;
border-radius: 50%;
display: grid;
place-items: center; }
.woocommerce-shop .products-filers .filter-mobile svg, .tax-product_cat .products-filers .filter-mobile svg, .woocommerce .products-filers .filter-mobile svg {
fill: #343B42; }
.woocommerce-shop .products-filers .filter-mobile.open div, .tax-product_cat .products-filers .filter-mobile.open div, .woocommerce .products-filers .filter-mobile.open div {
background: #343B42; }
.woocommerce-shop .products-filers .filter-mobile.open svg, .tax-product_cat .products-filers .filter-mobile.open svg, .woocommerce .products-filers .filter-mobile.open svg {
fill: #ffdd00; }
@media only screen and (max-width: 767px) {
.woocommerce-shop .products-filers-wrapper, .tax-product_cat .products-filers-wrapper, .woocommerce .products-filers-wrapper {
display: none; }
.woocommerce-shop .products-filers-wrapper.open, .tax-product_cat .products-filers-wrapper.open, .woocommerce .products-filers-wrapper.open {
display: block; } }
.woocommerce-shop .products-filers .label, .woocommerce-shop .products-filers .wp-block-woocommerce-attribute-filter > .wc-block-attribute-filter__title, .woocommerce-shop .products-filers .wp-block-woocommerce-price-filter > .wc-block-price-filter__title, .woocommerce-shop .products-filers h3, .tax-product_cat .products-filers .label, .tax-product_cat .products-filers .wp-block-woocommerce-attribute-filter > .wc-block-attribute-filter__title, .tax-product_cat .products-filers .wp-block-woocommerce-price-filter > .wc-block-price-filter__title, .tax-product_cat .products-filers h3, .woocommerce .products-filers .label, .woocommerce .products-filers .wp-block-woocommerce-attribute-filter > .wc-block-attribute-filter__title, .woocommerce .products-filers .wp-block-woocommerce-price-filter > .wc-block-price-filter__title, .woocommerce .products-filers h3 {
margin-top: 20px;
padding-top: 20px;
border-top: 1px #ffffff solid;
text-transform: uppercase;
font-weight: 900;
letter-spacing: 1px;
font-size: 14px; }
.woocommerce-shop .products-filers .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .tax-product_cat .products-filers .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"], .woocommerce .products-filers .wc-block-components-checkbox .wc-block-components-checkbox__input[type="checkbox"] {
display: none; }
.woocommerce-shop .products-filers h1, .woocommerce-shop .products-filers p, .tax-product_cat .products-filers h1, .tax-product_cat .products-filers p, .woocommerce .products-filers h1, .woocommerce .products-filers p {
font-size: 44px;
font-weight: 900; }
.woocommerce-shop .products-filers ul, .tax-product_cat .products-filers ul, .woocommerce .products-filers ul {
margin-top: 20px; }
.woocommerce-shop .products-filers ul li, .tax-product_cat .products-filers ul li, .woocommerce .products-filers ul li {
line-height: 2; }
.woocommerce-shop .products-filers ul li a:hover, .tax-product_cat .products-filers ul li a:hover, .woocommerce .products-filers ul li a:hover {
color: #000000; }
.woocommerce-shop .products-filers ul li a.current, .tax-product_cat .products-filers ul li a.current, .woocommerce .products-filers ul li a.current {
font-weight: 700;
color: #000000; }
.woocommerce-shop .products-filers ul li.sale a, .tax-product_cat .products-filers ul li.sale a, .woocommerce .products-filers ul li.sale a {
border-bottom: 3px #ffdd00 solid; }
.woocommerce-shop .products-filers .widget ul, .tax-product_cat .products-filers .widget ul, .woocommerce .products-filers .widget ul {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 20px; }
.woocommerce-shop .products-filers .widget ul label span, .tax-product_cat .products-filers .widget ul label span, .woocommerce .products-filers .widget ul label span {
border-radius: 5px;
padding: 5px 15px;
display: block;
background: #ffffff;
text-align: center;
border: 1px #ffffff solid;
cursor: pointer;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
line-height: 1;
width: 100%; }
.woocommerce-shop .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg, .tax-product_cat .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg, .woocommerce .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg {
display: none; }
.woocommerce-shop .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg + span, .tax-product_cat .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg + span, .woocommerce .products-filers .widget ul label .wc-block-components-checkbox__input[type="checkbox"]:checked + svg + span {
background: #ffdd00;
border-color: #ffdd00; }
.woocommerce-shop .products-filers .widget ul label.active, .tax-product_cat .products-filers .widget ul label.active, .woocommerce .products-filers .widget ul label.active {
background: #ffdd00;
border-color: #ffdd00;
font-weight: 700; }
.woocommerce-shop .products-filers .widget ul label:hover:not(.active), .tax-product_cat .products-filers .widget ul label:hover:not(.active), .woocommerce .products-filers .widget ul label:hover:not(.active) {
background: #f8f8f8; }
.woocommerce-shop .products-filers .sizes, .tax-product_cat .products-filers .sizes, .woocommerce .products-filers .sizes {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 10px;
margin-top: 20px; }
.woocommerce-shop .products-container, .tax-product_cat .products-container, .woocommerce .products-container {
display: grid;
grid-template-columns: 1fr 6fr;
gap: 60px; }
@media only screen and (max-width: 1250px) {
.woocommerce-shop .products-container, .tax-product_cat .products-container, .woocommerce .products-container {
grid-template-columns: 1fr 5fr; } }
@media only screen and (max-width: 767px) {
.woocommerce-shop .products-container, .tax-product_cat .products-container, .woocommerce .products-container {
display: block; } }
.woocommerce-shop .products-list, .tax-product_cat .products-list, .woocommerce .products-list {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px; }
@media only screen and (max-width: 1023px) {
.woocommerce-shop .products-list, .tax-product_cat .products-list, .woocommerce .products-list {
grid-template-columns: repeat(2, 1fr); } }
@media only screen and (max-width: 430px) {
.woocommerce-shop .products-list, .tax-product_cat .products-list, .woocommerce .products-list {
grid-template-columns: 1fr; } }
.woocommerce-shop .products-list .product, .tax-product_cat .products-list .product, .woocommerce .products-list .product {
background: #ffffff;
padding: 20px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
position: relative; }
.woocommerce-shop .products-list .product figure, .tax-product_cat .products-list .product figure, .woocommerce .products-list .product figure {
overflow: hidden;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 0; }
.woocommerce-shop .products-list .product figure img, .tax-product_cat .products-list .product figure img, .woocommerce .products-list .product figure img {
height: auto !important;
max-height: 100%;
-o-object-fit: contain;
object-fit: contain;
-o-object-position: center;
object-position: center; }
.woocommerce-shop .products-list .product section, .tax-product_cat .products-list .product section, .woocommerce .products-list .product section {
margin-top: auto; }
.woocommerce-shop .products-list .product h2, .tax-product_cat .products-list .product h2, .woocommerce .products-list .product h2 {
margin: 15px 0;
line-height: 1.3; }
.woocommerce-shop .page-header, .tax-product_cat .page-header, .woocommerce .page-header {
margin-top: 40px; }
@media only screen and (max-width: 767px) {
.woocommerce-shop .page-header, .tax-product_cat .page-header, .woocommerce .page-header {
margin-top: 30px; } }
.woocommerce-shop .page-header img, .tax-product_cat .page-header img, .woocommerce .page-header img {
height: 100%;
-o-object-fit: cover;
object-fit: cover;
max-width: none;
-o-object-position: center;
object-position: center; }
.woocommerce-shop .baner-image-product, .tax-product_cat .baner-image-product, .woocommerce .baner-image-product {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
height: 100%; }
.woocommerce-shop .baner-products, .tax-product_cat .baner-products, .woocommerce .baner-products {
min-height: auto;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-top: 0; }
@media only screen and (max-width: 1150px) {
.woocommerce-shop .baner-products, .tax-product_cat .baner-products, .woocommerce .baner-products {
grid-template-columns: 1fr 1fr; } }
@media only screen and (max-width: 800px) {
.woocommerce-shop .baner-products, .tax-product_cat .baner-products, .woocommerce .baner-products {
grid-template-columns: 1fr; } }
.woocommerce-shop .baner-products h1, .woocommerce-shop .baner-products h5, .tax-product_cat .baner-products h1, .tax-product_cat .baner-products h5, .woocommerce .baner-products h1, .woocommerce .baner-products h5 {
font-size: 44px; }
@media only screen and (max-width: 1023px) {
.woocommerce-shop .baner-products h1, .woocommerce-shop .baner-products h5, .tax-product_cat .baner-products h1, .tax-product_cat .baner-products h5, .woocommerce .baner-products h1, .woocommerce .baner-products h5 {
font-size: 26px; } }
.woocommerce-shop .baner-content-about, .tax-product_cat .baner-content-about, .woocommerce .baner-content-about {
padding: 60px;
font-size: 16px; }
@media only screen and (max-width: 800px) {
.woocommerce-shop .baner-content-about, .tax-product_cat .baner-content-about, .woocommerce .baner-content-about {
padding: 30px 15px; } }
.product-sale {
position: absolute;
top: 0;
right: 0;
width: 60px; }
.woocommerce .woocommerce-ordering, .woocommerce-page .woocommerce-ordering {
float: none; }
.editor-styles-wrapper .wc-block-components-checkbox, .wc-block-components-checkbox {
margin-top: 0 !important; }
.woocommerce .woocommerce-ordering select {
background: none;
font-size: 14px;
border: none;
padding: 0;
cursor: pointer; }
.woocommerce nav.woocommerce-pagination {
margin-top: 30px; }
.woocommerce nav.woocommerce-pagination ul.page-numbers {
border: none;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 10px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li {
border: none; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li a, .woocommerce nav.woocommerce-pagination ul.page-numbers li span {
border-radius: 50%;
background: #ffffff;
width: 50px;
height: 50px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li a.next, .woocommerce nav.woocommerce-pagination ul.page-numbers li a.prev, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.next, .woocommerce nav.woocommerce-pagination ul.page-numbers li span.prev {
background: none; }
.woocommerce nav.woocommerce-pagination ul.page-numbers li span.current {
background: #ffdd00;
color: #000000;
font-weight: 700; }
.woocommerce-result-count {
display: none; }
bdi, ins {
text-decoration: none;
border: none; }
.single-product main {
padding: 30px 12%; }
@media only screen and (max-width: 1650px) {
.single-product main {
padding: 30px 5%; } }
@media only screen and (max-width: 1360px) {
.single-product main {
padding: 30px 2rem; } }
@media only screen and (max-width: 1150px) {
.single-product main {
padding: 30px 1rem; } }
@media only screen and (min-width: 2000px) {
.single-product main {
padding: 30px 20%; } }
.single-product #breadcrumbs {
margin-bottom: 30px; }
.single-product-container {
background: #ffffff;
padding: 30px; }
@media only screen and (max-width: 800px) {
.single-product-container {
padding: 15px; } }
.single-product-wrapper {
display: grid;
grid-template-columns: 800px auto;
gap: 60px;
min-height: 600px; }
@media only screen and (max-width: 1360px) {
.single-product-wrapper {
grid-template-columns: 60% auto; } }
@media only screen and (max-width: 1024px) {
.single-product-wrapper {
grid-template-columns: 1fr;
min-height: auto; } }
.single-product-images {
position: relative;
scrollbar-width: none;
overflow-y: auto; }
.single-product-images::-webkit-scrollbar {
width: 0; }
.single-product-images-scroller {
padding-right: 30px;
padding: 0; }
.single-product-images-scroller:not(.mobile) {
position: absolute;
padding-right: 30px; }
.single-product-images figure + figure {
margin-top: 15px; }
.single-product .producer-website {
text-transform: uppercase;
letter-spacing: 1px;
font-weight: bold; }
.single-product .producer-website a {
font-size: 12px; }
.single-product-info h1 {
margin-bottom: 10px;
font-size: 22px;
line-height: 1.3; }
.single-product-info .price {
margin-bottom: 30px; }
.single-product-info .attributes {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
gap: 10px;
margin-bottom: 30px; }
.single-product-info .attributes + .attributes {
margin-top: -15px; }
.single-product-info .attributes .size {
border-radius: 5px;
border: 1px #343B42 solid;
background: #343B42;
color: #ffffff;
line-height: 1;
padding: 5px 10px 7px; }
.single-product-info .attributes .producer {
line-height: 1; }
.single-product-info .attributes .producer svg {
height: 16px; }
.single-product-description {
line-height: 1.5;
margin-bottom: 30px; }
.single-product-description * {
font-size: 16px; }
.single-product .status {
margin-bottom: 30px;
line-height: 1.5; }
.single-product .producer-code {
margin-bottom: 15px;
font-size: 14px; }
.single-product .nostock {
color: #b15050; }
.single-product .infobox {
margin-top: 30px; }
.single-product .infobox.bg {
background: #ffffff;
padding: 30px; }
.single-product .infobox.bg--yellow {
background: #ffdd00; }
.single-product .infobox h3 {
font-size: 18px; }
.single-product .benefits {
margin-top: 30px;
display: grid;
grid-template-columns: repeat(2, 1fr);
gap: 30px 60px;
margin-left: 40px; }
@media only screen and (max-width: 800px) {
.single-product .benefits {
grid-template-columns: 1fr;
gap: 15px; } }
.single-product .benefit {
padding: 30px 30px 30px 80px;
background: #ffffff;
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.single-product .benefit h4 {
margin-bottom: 15px; }
.single-product .benefit h4::after {
content: '';
display: block;
height: 3px;
width: 50px;
background: #ffdd00;
margin-top: 15px; }
.single-product .benefit p {
line-height: 1.5; }
.single-product .benefit .svg {
position: absolute;
top: 50%;
-webkit-transform: translateY(-50%);
transform: translateY(-50%);
left: -40px;
background: #ffdd00;
border-radius: 50%;
padding: 10px;
border: 8px #eeeeee solid;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.single-product .benefit .svg svg {
width: 60px;
height: 60px; }
@media only screen and (max-width: 800px) {
.single-product .benefit .svg {
-webkit-transition: none;
transition: none;
top: 60px; }
.single-product .benefit .svg svg {
width: 40px;
height: 40px; } }
.single-product .benefit:hover {
background: #ffdd00;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.single-product .benefit:hover .svg {
background: #ffffff;
-webkit-transform: scaleZ(-1) translateY(-50%);
transform: scaleZ(-1) translateY(-50%);
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.products.related {
display: block; }
.products.related h3 {
margin-bottom: 30px;
font-size: 18px; }
.woocommerce div.product p.price, .woocommerce div.product span.price {
color: #000000; }
.woocommerce div.product p.price del, .woocommerce div.product span.price del {
margin-right: 10px; }
.woocommerce div.product p.price ins, .woocommerce div.product span.price ins {
text-decoration: none; }
.woocommerce span.onsale {
background: #ffdd00;
border-radius: 0;
position: absolute;
right: 0;
left: auto; }
.owl-dots {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
gap: 3px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center; }
.owl-carousel .owl-nav button.owl-next, .owl-carousel .owl-nav button.owl-prev, .owl-carousel button.owl-dot {
width: 20px;
height: 3px;
background: #eeeeee; }
.owl-carousel .owl-nav button.owl-next.active, .owl-carousel .owl-nav button.owl-prev.active, .owl-carousel button.owl-dot.active {
background: #ffdd00; }
@media (-webkit-device-pixel-ratio: 1.25) {
html, body {
font-size: 14px; } }
@media (-webkit-device-pixel-ratio: 1.5) {
html, body {
font-size: 13px; } }
@media only screen and (max-width: 1650px) {
.section-welcome-content {
bottom: 3rem; }
.section-welcome-content h1 {
font-size: 2.5rem;
margin-bottom: 1rem; }
.section-welcome-content p {
margin-bottom: 0;
font-size: 1.3rem; }
.section-about .bikers {
max-width: 80%; } }
@media only screen and (max-width: 1440px) {
.header nav .mega-menu .sub-menu-menu ul li {
font-size: 1.5rem; }
.header nav .mega-menu .sub-menu-menu {
padding: 4rem 2rem; }
.header nav .mega-menu .sub-menu-menu h3 {
font-size: 2rem; }
.container {
padding: 0 2rem; }
.section {
padding: 4rem 2rem; }
.section-header h2, .section-header h3, .section-header h4, .section-header h5 {
font-size: 3rem; }
.baner-about .section-header h2 {
font-size: 3rem; }
.section-excerpt {
max-width: none; }
.section-welcome-content {
bottom: 3rem;
left: 2rem;
width: 45%; }
.section-welcome-content h1 {
font-size: 2.5rem; }
.section-products-top::before, .section-products-bottom::before, .section-boxes::before {
height: 50%; }
.home .section-about {
padding-bottom: 1rem; }
.baner-content-about {
padding: 6rem 2rem 6rem 2rem; }
.baner-content {
padding: 6rem 2rem; }
.home .section-video .video-container {
margin-right: -2rem; }
.home .section-brands {
padding-top: 0; }
.section .brands .brand {
padding: 1rem; }
.header nav ul li.jobs {
margin-left: 0; }
.packages .package-price.promo h5 {
font-size: 1.8rem; }
.packages .package h6 {
font-size: 1.2rem; }
.section-about-main {
grid-template-columns: 1fr 1fr !important; } }
@media only screen and (max-width: 1280px) {
.header nav ul li {
margin: 0 0.7rem; }
.section-welcome-content {
width: 50%; }
.section-welcome-content h1 {
font-size: 2rem; }
.section-welcome-content p {
font-size: 1.2rem; } }
@media only screen and (max-width: 1150px) {
.hamburger {
display: block; }
.container {
padding: 0 1rem; }
.header {
height: 50px; }
.header nav {
position: absolute;
background: #343B42;
top: 50px;
left: 100%;
height: calc(100vh - 50px);
width: 100%;
overflow-y: auto;
padding: 2rem 0;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.header nav > ul {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column; }
.header nav > ul li {
display: block !important;
line-height: 2; }
.header nav > ul li a {
color: #ffffff;
font-size: 1.5rem; }
.header nav > ul li a:hover {
color: #ffffff; }
.header nav > ul li.jobs {
background: none;
margin: 0;
margin-left: 1rem;
margin-top: 1rem; }
.header nav > ul li.menu-item-has-children > a::after {
top: 50%;
-webkit-transform: translateY(-50%) rotate(-45deg);
transform: translateY(-50%) rotate(-45deg); }
.header nav .mega-menu {
background: #ffdd00;
top: 50px;
left: -100%;
z-index: 99;
padding: 2rem 1rem; }
.header nav .mega-menu .sub-menu-menu {
padding: 0;
width: 100%; }
.header nav .mega-menu .sub-menu-menu ul {
margin-bottom: 0;
padding-left: 0; }
.header nav .mega-menu .sub-menu-menu ul li {
margin: 0;
line-height: 1.5; }
.header nav .mega-menu .sub-menu-menu ul li a {
font-size: 1.3rem;
color: #343B42; }
.header nav .mega-menu .sub-menu-image-container {
display: none; }
.header nav .mega-menu img.bikers {
display: none; }
.header nav .mega-menu h3 {
color: #343B42 !important;
font-size: 2rem !important;
margin-bottom: 1rem !important;
padding-right: 2rem;
position: relative; }
.header nav .mega-menu h3::after {
content: "\2190";
display: block;
position: absolute;
top: 0;
right: 0; }
.section-welcome-content {
left: 1rem; }
.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5 {
font-size: 3rem; }
.header .socials {
margin-right: 3rem; }
.header .socials::before {
content: none; }
.header .logo svg {
height: 35px; }
.page-header {
margin-top: 50px; }
.baner-about .section-header h2 {
font-size: 2rem; }
.baner-content-about {
padding: 3rem 2rem;
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-products {
grid-template-columns: 1fr; }
.baner-2 {
grid-template-columns: 1fr; }
.baner-about, .baner-about.reversed, .baner-packages {
grid-template-columns: 1fr; }
.baner-about .baner-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-about.reversed .baner-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-about .text h6 {
font-size: 1.3rem; }
.baner-about .section-header {
margin-bottom: 0; }
.page-template-about .bottom-image {
display: none; }
.baner-about .section-header h2 {
margin-bottom: 1rem !important; }
.baner-content {
padding: 4rem 1rem; }
.baner-image {
min-height: 400px;
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.baner-content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-image .bikers {
display: none; }
.baner-content-products {
padding: 3rem 1rem; }
.baner-products-other.reversed .baner-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.baner-products-other.reversed .baner-content {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.section {
padding: 4rem 1rem; }
.section-welcome {
margin-top: 50px;
height: calc(100vh - 50px); }
.home .section-video .video-container {
margin-right: -1rem; }
.products {
grid-gap: 1rem; }
.packages {
grid-template-columns: 1fr 1fr;
grid-gap: 2rem; }
.section-packages h3 {
margin-bottom: 4rem;
font-size: 1.5rem; }
.baner-contact {
grid-template-columns: 1fr; }
.baner-contact .baner-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2;
min-height: 100vh;
background-position: top center; }
.footer {
padding: 4rem 1rem 0;
font-size: .9rem; }
.footer .text {
font-size: .9rem; }
.footer-columns {
grid-gap: 1rem; }
.footer-copy {
padding: 1rem; } }
@media only screen and (max-width: 1024px) {
.section-header h1, .section-header h2, .section-header h3, .section-header h4, .section-header h5 {
font-size: 2.5rem; }
.home .section-about {
padding-top: 1rem;
padding-bottom: 0; }
.section-about {
position: relative; }
.section-about .bikers {
position: absolute;
top: -2rem;
right: 1rem;
margin: 0;
width: 50%; }
.page-template-about .section-about .bikers {
top: 1rem; }
.section-about-image img {
max-width: 70%; }
.section-about-content {
grid-template-columns: 1fr; }
.tel {
pointer-events: all; } }
@media only screen and (orientation: portrait) {
.section-welcome-content {
width: 90%; } }
@media only screen and (max-width: 991px) {
.products-reversed, .products {
grid-template-columns: 1fr 1fr; }
.products-reversed .product:nth-child(1), .products .product:nth-child(1) {
-webkit-box-ordinal-group: 1;
-ms-flex-order: 0;
order: 0; }
.section-products-top::before {
height: calc(25% + 2rem); }
.section-products-bottom {
background: #343B42; }
.section-products-bottom::before {
height: calc(25% + 2rem); }
.section-about-main {
grid-template-columns: 1fr !important; }
.section-about-main .baner-image {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
min-height: 75vh; }
.section-about-main .section-about-text {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.section-video {
padding-top: 0;
padding-bottom: 0; }
.section-columns {
grid-template-columns: 1fr; }
.section-video .video-container {
margin-left: -1rem; }
.home .section-brands {
padding-top: 0; }
.section .brands {
grid-template-columns: repeat(4, 1fr);
grid-gap: 1rem; }
.footer h6 {
font-size: 1rem;
margin: 0; }
.footer h6.stores {
pointer-events: none; }
.footer h6.stores::after {
content: none; }
.footer h6::after {
content: '\2193';
background: none;
width: auto;
height: auto;
right: 0;
top: 0;
color: #ffdd00;
text-align: center;
height: 1rem;
line-height: 1rem;
-webkit-transform-origin: center center;
transform-origin: center center;
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.footer h6.open {
color: #ffdd00; }
.footer h6.open::after {
-webkit-transform: rotate(-180deg);
transform: rotate(-180deg);
-webkit-transition: 1s ease all;
transition: 1s ease all; }
.footer-columns {
grid-template-columns: 1fr; }
.footer-column nav {
display: none; }
.footer-logo {
display: none; }
.footer-bikers svg {
max-width: 75%; }
.footer-copy .section-columns {
grid-template-columns: 1fr 1fr; } }
@media only screen and (max-width: 760px) {
.header .socials {
margin-right: 30px; }
.show-xs {
display: block; }
.hide-xs {
display: none; }
.cta {
padding: 0 1rem;
font-size: 1rem; }
.cta:hover {
padding: 0 1rem; }
.cta-alt {
padding: 0; }
.cta-alt:hover {
padding: 0;
letter-spacing: 0; }
.text h4, .text h5, .text h6 {
font-size: 1.3rem; }
.section-welcome {
background-image: none !important;
background-color: #343B42;
height: auto;
margin-top: 0; }
.section-welcome-content {
width: 100%;
position: static; }
.section-welcome-content h1 {
margin-top: 0;
font-size: 1.5rem; }
.section-welcome-content p {
text-shadow: none;
font-size: 1rem; }
.baner-video {
min-height: auto; }
.baner-image .video-container {
position: relative; }
.baner-image .video-container video {
max-width: 100%;
min-height: auto; }
.header.open-mobile nav > ul li a {
font-size: 1.5rem; }
.section-header h2, .section-header h3, .section-header h4, .section-header h5 {
font-size: 2rem; }
.section-header h6 {
font-size: 1rem; }
.section-boxes-frontpage .boxes {
grid-template-columns: 1fr; }
.section-boxes-frontpage .boxes .product {
min-height: 40vh; }
.products .product {
min-height: auto; }
.products .product-category {
min-height: 40vh; }
.products-reversed, .products {
grid-template-columns: 1fr; }
.section-products-top::before {
height: calc(12.5% + 2rem); }
.section-products-bottom::before {
height: calc(12.5% + 4rem); }
.section .brands {
grid-template-columns: repeat(3, 1fr); }
.section .brands .brand {
padding: .5rem; }
.download-header {
display: none; }
.download-item {
grid-template-columns: 1fr; }
.download-image img {
width: auto; }
.download-image, .download-type, .download-level, .download-length {
display: none; }
.packages {
grid-template-columns: 1fr; }
.packages .package.featured {
margin-top: 2rem; }
.packages .package-remarks {
margin-top: 1rem !important; }
.baner-packages .baner-image {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2; }
.baner-packages .baner-content {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1; }
.baner-image.baner-image-service {
min-height: 200px !important; }
.footer {
padding-top: 2rem; }
.footer-copy .section-columns {
grid-template-columns: 1fr;
grid-gap: 1rem; }
.footer-copy .section-columns .text-right {
text-align: left; } }
@media only screen and (max-width: 350px) {
.section .brands {
grid-template-columns: repeat(2, 1fr); }
.footer-stores {
grid-template-columns: 1fr; } }