@charset "UTF-8";

*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; min-height: 1px}img.alignright{float:right;margin:0 0 1em 1em}img.alignleft{float:left;margin:0 1em 1em 0}img.aligncenter{display:block;margin-left:auto;margin-right:auto}.alignright{float:right}.alignleft{float:left}.aligncenter{display:block;margin-left:auto;margin-right:auto}a, button, input, textarea, select{outline: none!important}*:focus{outline:none!important}.row:before, .row:after {width:0px; height:0px}input::-webkit-outer-spin-button, input::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}input[type=number]{-moz-appearance: textfield}svg{height:auto}

body{overflow-x: hidden; max-width: 100vw; max-width: 100dvw}
#wrapper{background-color: var(--ama-wrapper-bg); cursor: url(../images/custom-cursor.svg), auto}

#wrapper:not(.hero-element-first){padding-top: var(--ama-header-height)}

#html .arve-video{display: block!important}

.arve-play-btn--custom,
.arve-play-btn--none,
.arve:not(.arve--playing) .arve-play-btn--none{background-image: url(../images/play-btn.svg)!important; background-size: 5.85875rem auto}
.arve:not(.arve--playing) .arve-play-btn--none{display: block!important}

.arve:not(.arve--playing) video:not(.hover-play-video)::-webkit-media-controls-panel {
   display: none !important;
   opacity: 1 !important;
}
.arve video:not(.hover-play-video)::-webkit-media-controls-timeline{display: none!important}

svg[width="480"]{width: 30rem}
svg[width="298.686"]{width: 18.667875rem}
svg[width="176.355"]{width: 11.0221875rem}
svg[width="137.523"]{width: 8.5951875rem}
svg[width="51.473"]{width: 3.2170625rem}
svg[width="51.472"]{width: 3.217rem}
svg[width="27.854"]{width: 1.740875rem}
svg[width="22.313"]{width: 1.3945625rem}

/* =============================================================================
   data-animate
   ========================================================================== */
[data-animate]{will-change: transform, opacity; transition: transform .5s cubic-bezier(0.42,0,0.58,1), opacity .5s cubic-bezier(0.42,0,0.58,1)}
[data-animate^=T_FADE]{opacity:0}
[data-animate^=T_FADE].animate{opacity:1; transform:none}
[data-animate^=T_FADE_DOWN]{transform: translateY(calc(var(--ama-gutter-x) * -1))}
[data-animate^=T_FADE_UP]{transform: translateY(var(--ama-gutter-x))}
[data-animate^=T_FADE_LEFT]{transform: translateX(var(--ama-gutter-x))}
[data-animate^=T_FADE_RIGHT]{transform: translateX(calc(var(--ama-gutter-x) * -1))}
[data-animate^=T_FADE_FLIP]{transform: rotateX(-90deg)}
[data-animate^=T_FADE_ZOOM]{transform: scale(0.4)}

/* =============================================================================
   wpml
   ========================================================================== */
* + .wpml-ls{margin-left: 1.25rem}

.wpml-ls{text-transform: uppercase; font-size: .75rem; font-weight: 600}
.wpml-ls ul{list-style: none; padding: 0; margin: 0}
.wpml-ls li{position: relative}

.wpml-ls-legacy-list-horizontal ul,
.wpml-ls a{
   color: inherit;
   text-decoration: none;
   display: -webkit-flex;
   display: flex;
   -webkit-flex-direction: row;
   flex-direction: row;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
   -webkit-justify-content: flex-start;
   justify-content: flex-start;
   -webkit-align-content: center;
   align-content: center;
   -webkit-align-items: center;
   align-items: center;
   min-width: 1.5rem;
   min-height: 1.5rem;
   position: relative
}
.wpml-ls a:hover{color: var(--ama-primary-color)}
   .wpml-ls .wpml-ls-item-toggle::after{
      font-family: 'remixicon'!important;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      content: "\ea4e";
      display: block;
      font-size: 120%
   }

   .wpml-ls a > .wpml-ls-flag{position: absolute; width: 1.5rem; height: auto; top: 50%; left: 0; -webkit-transform: translateY(-50%); transform: translateY(-50%)}
   .wpml-ls a > .wpml-ls-flag + *{padding-left: 2rem; display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu{
      display: none;
      position: absolute;
      top: calc( 100% + 6px );
      right: 0;
      min-width: 100%;
      white-space: nowrap;
      border-radius: 3px;
      border: .0625rem solid #efefef;
      background-color: #fff;
      z-index: 1025;
      font-size: .875rem;
      line-height: 1.5
   }
   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu{top: 100%}
   .wpml-ls-legacy-dropdown li:hover .wpml-ls-sub-menu{display: block}

   .wpml-ls-legacy-dropdown .wpml-ls-sub-menu > li + li,
   .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu > li + li{border-top: .0625rem solid #efefef}
   
      .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a,
      .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a{padding: .3125rem .625rem; min-width: calc( 1.5rem + 1.25rem )}

         .wpml-ls-legacy-dropdown .wpml-ls-sub-menu a > .wpml-ls-flag,
         .wpml-ls-legacy-dropdown-click .wpml-ls-sub-menu a > .wpml-ls-flag{left: .625rem}

.wpml-ls-legacy-list-vertical ul > li + li{margin-top: .75rem}
.wpml-ls-legacy-list-horizontal ul > li + li{margin-left: .75rem}

.wpml-ls-current-language a{color: var(--ama-primary-color)!important}

/* =============================================================================
   header
   ========================================================================== */
#header{color: var(--ama-header-color); background-color: var(--ama-header-bgcolor); transition: color .4s linear, box-shadow .4s linear; font-weight: 600; font-size: .875rem; line-height: 1.25rem; font-weight: 600}
   #header a:not(:hover){color: inherit}
   #header a:hover{color: var(--ama-primary-color)}

   #header .row-main{height: var(--ama-header-height); transition: height .4s linear}
      #header ul{padding-left: 0; list-style: none}

#header.scroll-header{--ama-header-bgcolor: rgba(255, 255, 255, 1); box-shadow: var(--ama-header-sticky-box-shadow)}

#menu-toggle{color: inherit; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative}
   #menu-toggle > span{display: block; width: 100%; height: .125rem; position: absolute; top: 50%; background-color: currentColor; transform: translate(0, -50%); transition: opacity 0.3s 0.3s}
      #menu-toggle::before,
      #menu-toggle::after{content: ''; display: block; width: 100%; height: 2px; position: absolute; background-color: currentColor; transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s}
      #menu-toggle::before{top: .625rem}
      #menu-toggle::after{bottom: .625rem}
   body.toggled #menu-toggle > span{opacity: 0; transition: opacity 0.3s}
      body.toggled #menu-toggle::before,
      body.toggled #menu-toggle::after{transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s}
      body.toggled #menu-toggle::before{top: calc(50% - .0625rem); transform: rotate(45deg)}
      body.toggled #menu-toggle::after{bottom: calc(50% - .0625rem); transform: rotate(-45deg)}

.hero-element-first:not(.hero-is-white) #header:not(.scroll-header){
   --ama-header-color: #fff;
   --ama-header-bgcolor: rgba(255, 255, 255, 0);
}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{list-style: none; padding: 0; margin: 0}
   .ama-nav-menu li{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu li > a{
         display: block;
         flex: 1 0 0;
         text-decoration: none!important;
         color: inherit
      }
      .ama-nav-menu li > .sub-menu-toggle{
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: center;
         align-content: center;
         justify-content: center
      }
      .ama-nav-menu li > ul{min-width: 100%}
      .ama-nav-menu a{padding-top: .5rem; padding-bottom: .5rem}

      .ama-nav-menu li:hover > a,
      .ama-nav-menu [class*="current-menu-"] > a,
      .ama-nav-menu [class*="current_page_"] > a{color: var(--ama-primary-color)!important}

/* =============================================================================
   content
   ========================================================================== */
.classic-editor ul:not([class]),
.term-description ul,
ul.wp-el,
ul.wp-el ul{padding-left: 0; list-style: none}

   .classic-editor ul:not([class]) li,
   .term-description ul li,
   ul.wp-el li{padding-left: 2.5rem}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el li::before{content: ''; display: inline-block; width: .5rem; height: .5rem; border-radius: 50%; background: var(--ama-marker-color); margin-left: -1.25rem; margin-right: .75rem}

      .classic-editor ul:not([class]) li + li,
      .classic-editor li ul,
      .classic-editor li ol,
      .term-description li + li,
      .term-description li ul,
      .term-description li ol,
      .wp-el li + li,
      .wp-el li > ul,
      .wp-el li > ol{margin-top: var(--ama-margin-top-li)}
   
.gutenberg-elements > ul.wp-el{padding-left: var(--ama-gutter-x)}

*[class*="wp-container-"]{margin-block-start: unset!important; margin-block-end: unset!important}

*:not(.acf-block-element) + .wp-block-buttons,
.wp-block-buttons + *:not(.acf-block-element){margin-top: var(--ama-margin-top-buttons)!important}

*:not(.acf-block-element) + .wp-block-columns,
.wp-block-columns + *:not(.acf-block-element){margin-top: var(--ama-margin-top-columns)!important}


.acf-block-element + .wp-block-buttons,
.wp-block-buttons + .acf-block-element,
*.acf-block-element + .wp-block-columns,
.wp-block-columns + .acf-block-element{margin-top: calc(var(--ama-acf-block-margin-top) - var(--ama-gutter-x))}

.classic-editor * + *,
.term-description * + *,
*:not(.acf-block-element) + .wp-el{margin-top: var(--ama-margin-top-base)}

.classic-editor .row > * + *{margin-top: 0}

.is-style-roadradio + h1.wp-el,
.is-style-roadradio + h2.wp-el,
.is-style-roadradio + h3.wp-el,
.is-style-roadradio + h4.wp-el,
.is-style-roadradio + h5.wp-el,
.is-style-roadradio + h6.wp-el{margin-top: .75rem}

* + .is-style-roadradio{margin-top: 5rem}

.classic-editor * + ul,
.term-description * + ul,
* + ul.wp-el{margin-top: 1.25rem}

.classic-editor * + h1,
.classic-editor * + h2,
.classic-editor * + h3,
.term-description * + h1,
.term-description * + h2, .term-description * + h3,
*:not(.acf-block-element):not(.wp-block-pb-accordion-item) + h1.wp-el,
*:not(.acf-block-element):not(.wp-block-pb-accordion-item) + h2.wp-el,
*:not(.acf-block-element):not(.wp-block-pb-accordion-item) + h3.wp-el{margin-top: var(--ama-margin-top-heading)}

* + .wp-block-contact-form-7-contact-form-selector{margin-top: var(--ama-margin-top-wpcf7)}

.gutenberg-elements > *:first-child:not(.alignmax):not(.woocommerce-notices-wrapper){margin-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child:not(.alignmax):not(.woocommerce-notices-wrapper){margin-bottom: var(--ama-offset-bottom-last)}

.gutenberg-elements > .element-accessories:last-child{padding-bottom: 6.25rem}

.element-accessories{
   --ama-splide-width: 1.967rem;
   --ama-splide-height: var(--ama-splide-width);
   --ama-splide-color: var(--ama-body-color);
   --ama-splide-bgcolor: transparent;
   --ama-splide-border-radius: 0;
}

.product-accessory__thumb{position: relative; width: 100%; max-width: 13.125rem; margin: 0 auto 0.96875rem auto}
.product-accessory__thumb::before{content: ''; display: block; padding-top: 100%}
.product-accessory__thumb > *{display: block; position: absolute; top: 50%; left: 50%; object-fit: contain; transform: translateX(-50%) translateY(-50%); max-width: 100%; max-height: 100%; width: auto; height: auto}

.element-hero + *{margin-top: 7.5rem}
.element-hero.bg-white:not(.has-scrolldown) + *{margin-top: calc(7.85625rem - var(--hero-pad-bot))}

.entry-header + *:not(.element-custom-columns){margin-top: 5rem}
.entry-header + .element-custom-columns{margin-top: 1.5rem}

.wp-el + .wp-block-pb-accordion-item{margin-top: 8.75rem}
h1.wp-el + .wp-block-pb-accordion-item,
h2.wp-el + .wp-block-pb-accordion-item,
h3.wp-el + .wp-block-pb-accordion-item,
h4.wp-el + .wp-block-pb-accordion-item,
h5.wp-el + .wp-block-pb-accordion-item,
h6.wp-el + .wp-block-pb-accordion-item{margin-top: 1.85625rem}

.wp-el + .element-products{margin-top: 2.6125rem}

.wp-block-pb-accordion-item + .wp-el{margin-top: 6.125rem}

.element-video:not(.is-wide) + h1.wp-el,
.element-video:not(.is-wide) + h2.wp-el,
.element-video:not(.is-wide) + h3.wp-el{margin-top: 2.625rem}

.element-video.is-wide + .alignmax{margin-top: 0}

.element-custom-columns + .element-images{margin-top: 4.05625rem}
.element-custom-columns + .element-image{margin-top: 5rem}
.element-images + *{margin-top: 15.81875rem}

.wp-el + .element-icon-content{margin-top: 2.625rem}
.element-image + .element-icon-content{margin-top: 4.6625rem}

*:not(.element-hero) + .element-more-info{margin-top: 1.875rem}

* + .element-newsletter{margin-top: 4.1875rem}
.gutenberg-elements > .element-newsletter:last-child{padding-bottom: 8.75rem}

.wpcf7-list-item-label a{color: inherit}

.element-files + .wp-el{margin-top: 5rem}

/* =============================================================================
   404
   ========================================================================== */
.element-404{position: relative; min-height: calc(100vh - var(--ama-header-height)); padding-top: var(--ama-header-height); padding-bottom: var(--ama-header-height); isolation: isolate}
   .element-404 .container > p.font-roadradio{font-size: .875rem; line-height: 1rem}
   .element-404 .container > p.font-roadradio + h1{margin-top: .7125rem}

   .element-404__content{
      position: relative;
      width: 100%;
      max-width: 575px;
      margin-left: auto;
      margin-right: auto;
      padding: 3.5rem;
      border: .0625rem solid #030C18;
   }
      .element-404__content::before{
         content: '';
         display: block;
         height: .625rem;
         width: 4.265625rem;
         position: absolute;
         top: 0;
         left: 50%;
         transform: translateX(-50%) translateY(-50%);
         background-color: var(--ama-primary-color)
      }
      .element-404__content > * + *{margin-top: .9875rem}
   * + .element-404__content{margin-top: 1.5rem}


/* =============================================================================
   bg stencils
   ========================================================================== */
.element-stencil{z-index: -1; user-select: none; pointer-events: none}

.stencil-404-left{top: 6.875rem; left: 0; transform: translateX(-50%)}
.stencil-404-right{top: 100%; right: -8.25rem; transform: translateY(-50%)}

/* =============================================================================
   footer
   ========================================================================== */
[class*="f-stencil__"]{z-index: -1}
.f-stencil__t{top: 0; left: calc(50% - 6.25rem); transform: translateX(-5rem) translateY(-50%)}
.f-stencil__r{top: 4.90625rem; left: 100%; transform: translateX(-50%)}
.f-stencil__b{bottom: -14.3125rem; left: -23.75rem; width: 30.625rem}

#footer{color: var(--ama-footer-color); background-color: var(--ama-footer-bgcolor); position: relative}
#footer .container{isolation: isolate; padding-top: var(--ama-footer-padding-top); padding-bottom: var(--ama-footer-padding-bottom)}
#footer .container > *:not(svg) + .row{position: relative; margin-top: 2.5rem; padding-top: 2.5rem}
#footer .container > *:not(svg) + .row::before{content: ''; display: block; height: .0625rem; position: absolute; top: 0; left: var(--ama-gutter-x); width: calc(100% - var(--ama-gutter-double-x)); background-color: #fff}

#footer .container > svg:not(.position-absolute) + .row{margin-top: 2.95rem}
#footer .container > * + .row-copyright{padding-top: 1.8375rem}

#footer .row-contacts{font-size: 1.75rem; line-height: 1em}
#footer .row-contacts .fw-bold{font-size: 1.125rem; line-height: 1.5555555555555556rem}
#footer .row-menus{font-size: .875rem; line-height: 1.1428571428571428rem}
#footer .row-copyright{font-size: .75rem; line-height: 1.0625rem; font-weight: 600}

#footer a{text-decoration: none; color: inherit}
#footer a:hover,
#footer [class*="current-menu-"] > a,
#footer [class*="current_page_"] > a{color: var(--ama-primary-color)}

#footer .row-copyright a{text-decoration: underline}

* + .f-c-block{margin-top: 1.5rem}
p + .block-shortcode{margin-top: 1.15625rem}

.block-menu > * + *{margin-top: .3125rem}

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: 1.25rem; right: 1.25rem; user-select: none; pointer-events: none}
.scroll-to-top__btn{width: var(--ama-scroll-top-width); height: var(--ama-scroll-top-height); opacity: 0; color: var(--ama-scroll-top-color); border-radius: var(--ama-scroll-top-border-radius); background-color: var(--ama-scroll-top-bg); font-size: 150%; line-height: 1em; -moz-transition: all .25s linear; transition: all .25s linear}
.scroll-to-top__btn[style="visibility: visible;"]{pointer-events: all; cursor: pointer; opacity: 1}

/* =============================================================================
   media query
   ========================================================================== */
@media (min-width: 1200px){
   #header.scrollUp{--ama-header-up: calc( var(--ama-header-height) * -1 ); transform: translateY(var(--ama-header-up))}

	.ama-nav-menu{
      margin: -.3125rem -.875rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu > li{margin: .3125rem .875rem}
      .ama-nav-menu li{position: relative}
      .ama-nav-menu .has-submenu > a{padding-right: 1.25rem}
         .ama-nav-menu .has-submenu > .sub-menu-toggle{position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; pointer-events: none; user-select: none}
         .ama-nav-menu li > ul{
            z-index: 100;
            position: absolute;
            background-color: #fff;
            white-space: nowrap;
            min-width: 160px;
            opacity: 0;
            pointer-events: none;
            transform-origin: left top;
            transform: scale(0.6);
            transition: opacity 0.3s,transform .3s;
            filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, .1));
            padding: .5rem 0
         }
         .ama-nav-menu > li > ul{top: 100%}
         .ama-nav-menu li:hover > ul{opacity:1; pointer-events:all; transform:none}
}
@media (max-width: 1199px){
   .ama-nav-menu li + li{border-top: .0625rem solid rgba(0, 0, 0, .05)}
   .ama-nav-menu .sub-menu-toggle{
      cursor: pointer;
      align-self: stretch;
      width: 2.375rem;
      position: relative;
      background: rgba(0, 0, 0, .05)
   }
   .ama-nav-menu .sub-menu{display: none; padding: .625rem; background-color:rgba(0, 0, 0, .05)}

   #header .col-nav{padding-left: 0!important; padding-right: 0!important}
   #header .col-actions{padding-left: 0!important}
   
   .gutenberg-elements > *:first-child:not(.alignmax){padding-top: 1.25rem}

   .product-item + .product-item{margin-top: 5.625rem}
}
@media (max-width: 991px){
   .f-stencil__t{display: none}
   .f-stencil__b{width: 12.875rem!important; left: -5rem; bottom: -5.875rem}
   .f-stencil__r{left: calc(100% - 1.875rem); width: 8.75rem}

   #footer .row-contacts{font-size: 1.125rem; line-height: 1.75rem}
   #footer .row-contacts .col-12 + .col-12{padding-top: 0}

   #footer .row-menus{margin: -1.25rem calc(var(--ama-gutter-x) * -1)}
   #footer .row-menus > *{padding: 1.25rem var(--ama-gutter-x)}

   .row-copyright{text-align: center}
   .row-copyright > * + *{margin-bottom: 1rem}

   .element-bgcolor.inc-pad{padding: 3.45rem 0 3.5625rem}
}
@media (max-width: 991px){
   .hide-on-mobile{display: none!important}
}

/* header-mobile__nav */
#header-mobile__nav a{color: inherit; text-decoration: none}
#header-mobile__nav a:hover,
#header-mobile__nav [class*="current-menu-"] > a,
#header-mobile__nav [class*="current_page_"] > a{color: var(--ama-primary-color)}

#header-mobile__nav{
   color: #fff;
   background-color: var(--ama-body-bg);
   position: fixed;
   top: 0;
   left: 0;
   width: 100%;
   height: 100vh;
   height: 100dvh;
   height: 100svh;
   padding: calc(var(--ama-header-height) + 1.875rem) 0 1.5625rem 0;
   z-index: 90;
   transform: translateX(-100%);
   overflow: hidden
}
body:not(.toggled) #header-mobile__nav{user-select: none; pointer-events: none}

   #header-mobile__nav .wpml-ls{font-size: 1.5rem; line-height: 1em}
   #header-mobile__nav .wpml-ls-legacy-list-horizontal ul{justify-content: center}
   #header-mobile__nav .wpml-ls + *{margin-top: 3.375rem}
   #header-mobile__nav .ama-mobile-menu{
      font-weight: 600;
      font-size: 2.25rem;
      line-height: 2.5rem;
      list-style: none;
      padding: 0
   }
   #header-mobile__nav .ama-mobile-menu li + li{margin-top: 1.25rem}
   #header-mobile__nav .ama-mobile-menu li > a{
      display: block;
      width: 100%;
      text-align: center
   }

#header-mobile__nav .hide-on-mobile{display: none!important}
#header-mobile__nav .mobile__nav-inner > * + .row-menus{margin-top: 2.625rem; padding-top: 2.25rem; position: relative}
#header-mobile__nav .mobile__nav-inner > * + .row-menus::before{content: ''; display: block; width: calc(100% - var(--ama-gutter-double-x)); height: .0625rem; background-color: #fff; position: absolute; top: 0; left: var(--ama-gutter-x)}

.mobile__nav-inner{overflow-x: hidden; overflow-y: auto; padding: 0 1.5625rem; position: relative; height: 100%}

.ama-mobile-menu__outer > svg{transform: translateX(-50%) translateY(-50%); z-index: -1; user-select: none; pointer-events: none}
.ama-mobile-menu__outer > svg:first-of-type{top: 25%; left: 0}
.ama-mobile-menu__outer > svg:last-of-type{top: 70%; left: 100%}

@media (max-width: 1199px){
   #header-mobile__nav{transition: transform 0.25s ease-in-out}

   body.toggled #header{color: #fff; background-color: var(--ama-body-bg)}
   body.toggled #header.scroll-header{
      --ama-header-bgcolor: var(--ama-body-bg);
      box-shadow: none;
   }

   #header .wpml-ls{display: none!important}

   body.toggled{overflow: hidden}
   body.toggled #header-mobile__nav{transform: translateX(0)}

   .element-hero:first-child{--hero-pad-top: var(--ama-header-height)}

   .element-image > .position-relative > svg{width: 25vw}
}

#header-mobile__nav .input-text:not(.qty),
#header-mobile__nav .form-row select,
#header-mobile__nav .form-control,
#header-mobile__nav .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
#footer .input-text:not(.qty),
#footer .form-row select,
#footer .form-control,
#footer .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance){
   color: currentColor;
   border: .0625rem solid currentColor;
   background-color: transparent;
}

#header-mobile__nav .row-menus{font-size: .875rem; line-height: 1rem}

.mobile__nav-inner .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
#footer .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance){
   padding-left: .9375rem;
   font-size: .75rem;
   line-height: 1rem;
}
.mobile__nav-inner .wpcf7-submit,
#footer .wpcf7-submit{height: 100%; min-height: unset; width: 3.25rem}

@media (max-width: 767px){
   body:not(.toggled) .hero-element-first.hero-is-white #header:not(.scroll-header),
   body.page-template-tpl-dealers:not(.toggled) #header:not(.scroll-header){
      color: #fff;
      background-color: rgba(255, 255, 255, 0)
   }
   body.page-template-tpl-dealers #wrapper{padding-top: 0}

   .element-hero:not(.hero-support):not(.hero-product):first-child{
      min-height: 100vh;
      min-height: 100dvh;
      min-height: 100svh;
      padding-top: 0
   }
   .element-hero:not(.hero-support):not(.hero-product):not(.has-scrolldown):first-child{
      min-height: 80vh;
      min-height: 80dvh;
      min-height: 80svh
   }
   .element-hero:not(.hero-support):not(.hero-product):first-child .element-hero__bg{
      top: 0;
      min-height: 80vh;
      min-height: 80dvh;
      min-height: 80svh
   }
   .element-hero:not(.hero-support):not(.hero-product) > .container{
      min-height: 80vh;
      min-height: 80dvh;
      min-height: 80svh
   }

   body.page-template-tpl-dealers .element-dealers__header{padding-top: var(--ama-header-height)}

   .element-hero:not(.hero-support):not(.hero-product).has-scrolldown:first-child .element-hero__bg,
   .element-hero:not(.hero-support):not(.hero-product).has-scrolldown:first-child .element-hero__bg-stencils{
      min-height: calc(90vh - var(--hero-pad-bot));
      min-height: calc(90dvh - var(--hero-pad-bot));
      min-height: calc(90svh - var(--hero-pad-bot));
      height: calc(100vh - var(--hero-pad-bot));
      height: calc(100dvh - var(--hero-pad-bot));
      height: calc(100svh - var(--hero-pad-bot))
   }
   .element-hero:not(.hero-support):not(.hero-product).has-scrolldown:first-child > .container{
      min-height: 90vh;
      min-height: 90dvh;
      min-height: 90svh
   }

   .scroll-to-top{bottom: .5rem; right: .5rem}

   /*.element-hero__bg-stencils.stencil_style2 svg:first-child{display: none}*/
   .element-hero__bg-stencils.stencil_style2 svg:first-child{width: 10rem; top: 70%}
   
   .element-hero__bg-stencils.stencil_style1{overflow: visible}
   .element-hero__bg-stencils.stencil_style1 svg:first-child{top: calc(var(--ama-header-height) * 2); width: 10.96rem; left: 0}
   .element-hero__bg-stencils.stencil_style1 svg:last-child{width: 20.255625rem; left: 110%; top: 85%}

   .hero-product .element-hero__bg-stencils{display: none!important}

   .arve-play-btn--custom, .arve-play-btn--none, .arve:not(.arve--playing) .arve-play-btn--none{background-size: 3.125rem auto}

   .post-item__content{border-left: .0625rem solid var(--ama-body-bg)}
   
   .f-stencil__b{left: -6rem}
}
@media (max-width: 567px){
   .rm-link .style-basic{
      margin-top: .5rem;
      margin-left: 0;
      width: 100%
   }
}

@media (max-width: 369px){
   .col-6{width: 100%}
}
@media (max-width: 319px){
   html{
      font-size: 12px
   }
}

@media (max-width: 1023px){   
   .element-images + *{margin-top: 4.375rem}

   .stencil-404-left{top: 0; width: 18.668125rem!important; left: -10%}
   .stencil-404-right{top: 100%; width: 21.125rem!important}
}

/*.splide__slide .product-slide{margin-left: -15%; margin-right: -15%}*/

@media (max-width: 1199px){
   #wrapper{overflow: hidden}
   #header-mobile__nav .row-menus > * + .col-12:last-child{margin-top: 1.25rem}
}

@media (max-width: 991px){
   .row-menus .col-6 + .col-6{padding-left: 0!important}
}

@media (max-width: 767px){
   .element-products .splide__arrows{display: none!important}

   .wpcf7-acceptance{margin-top: 1.25rem; margin-left: auto; margin-right: auto; max-width: 80%; text-align: left!important}

   .gutenberg-elements > .element-newsletter:last-child{padding-bottom: 3.125rem}

   .element-dealers__header .container > .row > .col-12{padding-bottom: var(--ama-gutter-double-x)}
   * + .element-dealers{margin-top: var(--ama-gutter-x)!important}

   .page-template-tpl-support .element-bgcolor + *,
   .wp-block-pb-accordion-item + .wp-el,
   .element-hero + *{margin-top: 3.125rem}

   .wp-el.has-text-align-right{text-align: left}

   .element-imgvid .col-xl-4 .classic-editor{text-align: right}
   .element-imgvid .col-xl-4 .classic-editor::after{left: unset; right: 0}
   .element-imgvid .col-12 + .col-12{text-align: unset}

   .element-video + h2.wp-el.has-text-align-right{
      font-size: var(--ama-xxl-font-size);
      line-height: var(--ama-xxl-line-height);
   }

   .modal-dialog{margin: 0; width: 100%; height: 100%; background-color: #fff}
}

#degritter-support-error{align-items: center; justify-content: center}
#degritter-support-error::before{
   content: '';
   display: block;
   width: 2rem;
   height: 2rem;
   background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
   margin-right: .5rem
}

@media (min-width: 768px) and (max-width: 1199px){
   .element-hero > .container,
   body:not(.woocommerce-order-received) .gutenberg-elements > *:not(.alignmax):not(.product.type-product):not(.woocommerce),
   #footer .container,
   .element-bgcolor.dealers-end .container,
   .alignmax > *:not(.alignwide):not(.alignfull):not(.position-absolute):not(.position-fixed):not(.wcml_currency_switcher),
   .gutenberg-elements > .product.type-product > .ama-single-product__end{padding-left: 80px!important; padding-right: 80px!important; max-width: 100%!important}

   .element-video.is-wide{padding-left: 0!important; padding-right: 0!important}

   .element-products .splide__arrows{display: none}
   #footer .row-menus .col-12.col-lg-4{width: 100%}
   
   .element-products .splide__slide .product-slide__content .has-huge-font-size{
      font-size: 33px!important;
      line-height: 37px!important
   }
   
   body.woocommerce-order-received .gutenberg-elements > .woocommerce{padding: 0!important; max-width: 100%!important}
}
@media (min-width: 768px) and (max-width: 1100px){
   .mobile__nav-inner .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
   #footer .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance){font-size: 30px; line-height: 40px}

   .input-text:not(.qty), .form-row select, .form-control,
   .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
   .d-field-with-submit .wpcf7-submit{min-height: 70px}
   .d-field-with-submit .wpcf7-submit{min-width: 120px}

   :root{
      --ama-offset-bottom-last: 10rem
   }

   .hide-on-mobile{display: none!important}

   .row-contacts > .col-12{width: 100%}

   .element-feedbacks > *{max-width: 100%}
   
   .element-newsletter > .block-inner{
      padding: 0;
      border: none
   }
   .element-newsletter > .block-inner > *{max-width: 100%}
   .element-newsletter > .block-inner > p.text-center.fw-semibold + p.text-center{max-width: 300px}

   .wpcf7-form > * + *{margin-top: 2.5rem}
}
@media (min-width: 768px) and (max-width: 1023px){
   .row-contacts > .col-12 + .col-12{margin-top: 20px}

   .container-header{padding-left: 32.6px; padding-right: 32.6px}

   .gutenberg-elements > .c-accordion__item:not(.alignmax){
      max-width: calc(100% - 160px)!important;
      margin-left: auto!important;
      margin-right: auto!important;
      padding-left: var(--ama-gutter-x)!important;
      padding-right: var(--ama-gutter-x)!important;
   }


   .element-hero.has-scrolldown:not(.has-bgframe):first-child{padding-top: 0}
      .element-hero.has-scrolldown:not(.has-bgframe) .element-hero__bg{top: 0; max-height: 80vh}

      .element-hero.has-scrolldown:not(.has-bgframe) > .container{min-height: 89vh}
      .element-hero.has-scrolldown:not(.has-bgframe).element-hero__bg-stencils.stencil_style1 svg:last-child{
         top: calc(100% - 381.18px);
         left: 100%;
         width: 409.88px
      }

   .product-item.row > *{width: 100%}
   .product-item.row > * + *{margin-top: 32px}
   .product-item.row:nth-child(even) > .product-item__thumb{order: 0}

   .element-products .splide{padding-left: 8%!important; padding-right: 8%!important}
   .element-products .splide__slide .product-slide__content{grid-template-columns: 1fr; margin-left: calc(-80px + 2%); margin-right: calc(-80px + 2%)}

   .gutenberg-elements > .element-newsletter:last-child{padding-bottom: 116px}

   #footer{
      --ama-footer-padding-top: 42.3px;
      --ama-footer-padding-bottom: 44.8px
   }

   .post-item{grid-template-columns: 1fr}
      .post-item img{width: 100%}
      .post-item__content{border-top: unset; border-left: .0625rem solid var(--ama-body-color)}

      
   .mobile__nav-inner .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
   #footer .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance){font-size: 24px; line-height: 26px}
   .input-text:not(.qty), .form-row select, .form-control,
   .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance),
   .d-field-with-submit .wpcf7-submit{min-height: 54px}
   .d-field-with-submit .wpcf7-submit{min-width: 90px}
   
   #footer > .container > svg[width="150"]{width: 189.7px}

   
   * + .f-c-block{margin-top: 30px}
   .block-menu > * + *{margin-top: 15px}
   #footer .row-menus{font-size: 1rem}

   .product-item__content{
      max-width: 411.02px
   }

   .row-copyright{font-size: 14px; line-height: 20px}
   .row-copyright .col-12{width: 100%; text-align: center}
}
@media (min-width: 1024px) and (max-width: 1199px){
   * + .f-c-block{margin-top: 45px}
   .block-menu > * + *{margin-top: 30px}
   #footer .row-menus{font-size: 20px}

   #footer{
      --ama-footer-padding-top: 56.5px;
      --ama-footer-padding-bottom: 62.2px
   }

   :root{
      --ama-acf-block-margin-top: 5rem
   }
   .row-grid{margin-top: -20px; margin-bottom: -20px}
   .row-grid > *{padding-top: 20px; padding-bottom: 20px}

   .element-products .splide{padding-left: 8%!important; padding-right: 8%!important}
   .element-products .splide__slide .product-slide__content{grid-template-columns: 1fr; margin-left: calc(-115px); margin-right: calc(-115px)}

   .element-hero__bg{width: calc(100% - 73.8px)}

   .container-header{padding-left: 40px; padding-right: 40px}

   .element-hero.bg-white:not(.has-scrolldown) + *{margin-top: 0}

   .element-dealers__header .row > .col-lg-5{width: 50%; padding-left: 40px; padding-right: 40px}

   .hero-product .row > .col-lg-5{padding-left: 0}
   .element-hero .product-image{margin-left: 0}

   #footer > .container > svg[width="150"]{width: 253.55px}
   
   .element-dealers__header .row > .col-lg-5{padding-left: 0}
}
@media (min-width: 1024px) and (max-width: 1100px){

   .feedback-item{grid-template-columns: 1fr; gap: 30px}
   .feedback-item__media{min-height: unset!important}
   #footer .row-menus .col-12.col-lg-4{margin-top: 50px}

   .row-copyright{font-size: 17px; line-height: 24px}
   .row-copyright .col-12{width: 100%; text-align: center}
   .row-copyright .col-12:first-child{order: 1!important}
   .row-copyright .col-12 + .col-12{margin-bottom: 15px}
}



/* 2024 wpml */
.ama-wpml-ls{position: relative; font-size: .75rem; line-height: 1rem}
   .ama-wpml-ls > .ama-ls-trigger{
      padding: 0;
      border: none;
      background: none;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      color: currentColor;
      text-transform: uppercase
   }

   #header .ama-wpml-ls > .ama-ls-trigger{
      overflow: hidden;
      width: 1rem;
      height: 1rem;
      background-color: currentColor;
      mask-image: url(../images/ls-globe.svg);
      mask-position: center;
      mask-repeat: no-repeat;
      mask-size: 100% auto;
      -webkit-mask-image: url(../images/ls-globe.svg);
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: 100% auto;
      text-indent: -5000px
   }
   #header .ama-wpml-ls > .ama-ls-trigger:hover,
   #header .ama-wpml-ls > .ama-ls-trigger.active{background-color: var(--ama-primary-color)}

   .ama-ls:not(.active){display: none}
   .ama-ls.active{display: flex}
   .ama-ls{
      position: absolute;
      top: 50%;
      transform: translateY(-50%);
      right: 100%;
      list-style: none;
      padding: 0 .625rem 0 0;
      margin: 0 .625rem 0 0;
      flex-wrap: nowrap;
      align-items: center;
      justify-content: flex-end
   }
   #header .ama-ls::after{
      content: '';
      display: block;
      width: 1px;
      height: 100%;
      position: absolute;
      top: 0;
      right: 0;
      background-color: var(--ama-primary-color)
   }
   .ama-ls > li + li{margin-left: 0.625rem}
   .ama-wpml-ls a{text-decoration: none!important}

#header-mobile__nav .ama-wpml-ls{font-size: 1.25rem; line-height: 1.5rem; text-align: center; margin-bottom: 2.5rem}
   #header-mobile__nav .ama-ls-trigger{
      display: inline-flex;
      text-align: center
   }
   #header-mobile__nav .ama-ls-trigger:hover{color: var(--ama-primary-color)}
      #header-mobile__nav .ama-ls-trigger::after{
         content: '';
         display: block;
         width: 0.875rem;
         height: 0.875rem;
         background-color: currentColor;
         margin-left: 0.625rem;
         mask-image: url(../images/accordion-arrow-o.svg);
         mask-position: center;
         mask-repeat: no-repeat;
         mask-size: 100% auto;
         -webkit-mask-image: url(../images/accordion-arrow-o.svg);
         -webkit-mask-position: center;
         -webkit-mask-repeat: no-repeat;
         -webkit-mask-size: 100% auto
      }
#header-mobile__nav .ama-ls-trigger.active{opacity: 0}
#header-mobile__nav .ama-ls{
   position: relative;
   top: 0;
   right: unset;
   max-width: 13rem;
   flex-wrap: wrap;
   justify-content: center;
   margin: -1.7875rem auto -.3125rem auto;
   padding: 0;
   transform: none
}
   #header-mobile__nav .ama-ls > li{margin: .3125rem .625rem}

@media (max-width: 1199px){
   #header .ama-wpml-ls{display: none!important}
}