@charset "UTF-8";



*{min-height: 0; min-width: 0}img{max-width: 100%; height: auto; font-style: italic; background-repeat: no-repeat; background-size: cover; shape-margin: .75rem}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}



#wrapper{padding-top: 10rem; padding-bottom: 1.875rem}



/* =============================================================================

   animated close icon

   ========================================================================== */

.remove, .btn-close{position: relative; display: block; overflow: hidden; text-decoration: none}

   .remove::before, .remove::after,

   .btn-close::before, .btn-close::after{content: ''; display: block; width: 12px; height: 2px; position: absolute; top: calc(50% - 1px); left: calc(50% - 6px); background-color: currentColor; transition: background-color .2s ease-in-out, transform .2s ease-in-out, width .2s ease-in-out}

   .remove::before, .btn-close::before{transform: rotate(45deg)}

   .remove::after, .btn-close::after{transform: rotate(-45deg)}

   .remove:hover::before, .remove:hover::after,

   .btn-close:hover::before, .btn-close:hover::after{transform: rotate(0)}



/* =============================================================================

   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{text-transform: uppercase; font-weight: 500}



.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: 1px 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: 1px 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: .625rem}

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

   .wpml-ls-legacy-list-horizontal ul > li > a{

      position: relative;

      display: block;

   }

      .wpml-ls-legacy-list-horizontal ul > li > a::after{

         content: '';

         display: block;

         width: 100%;

         height: 1px;

         background-color: currentColor;

         position: absolute;

         left: 0;

         bottom: 0;

         transition: all .3s linear;

         transform: scaleX(0);

      }

      .wpml-ls-legacy-list-horizontal ul > li > a:hover{color: currentColor!important}

      .wpml-ls-legacy-list-horizontal ul > .wpml-ls-current-language > a::after,

      .wpml-ls-legacy-list-horizontal ul > li > a:hover::after{transform: scaleX(1)}



/* =============================================================================

   header

   ========================================================================== */

#header{

   --ama-link-hover-color: var(--ama-secondary-color);



   padding-top: .875rem;

   padding-bottom: 1.25rem;

   background-color: rgba(255, 255, 255, 0);

   transition: padding .3s linear, background-color .3s linear

}

   .h__inner,

   .h__nav{

      height: var(--ama-header-height);

      width: 100%;

      max-width: 73.75rem;

      margin: 0 auto

   }



   .h__inner{

      display: grid;

      grid-template-columns: auto 1fr auto;

      align-items: center;

      gap: 0 .9375rem

   }

   .h__search{padding-left: .9375rem}

   .h__content{

      font-size: .875rem;

      line-height: 1rem;

      color: #fff

   }

   .h__content > *{position: relative}

   .h__content > * + *{margin-left: 1.25rem}

      .h__woo_notice{max-width: 8.8125rem}



   .h__content > * + .wpml-ls{padding-left: 1.25rem}

   .h__content > * + .awl-item{margin-left: 2.5rem}

      .h__content > * + .awl-item::before,

      .h__content > * + .wpml-ls::before{

         content: '';

         user-select: none;

         pointer-events: none;

         width: 1px;

         height: 2.5rem;

         background-color: #fff;

         opacity: .3;

         position: absolute;

         left: 0;

         top: 50%;

         transform: translateY(-50%)

      }

      .h__content > * + .awl-item::before{left: -1.25rem}



#menu-toggle{color: currentColor; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative}

   #menu-toggle > span{display: block; width: 100%; height: 2px; 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: 6px}

      #menu-toggle::after{bottom: 6px}



/* =============================================================================

   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-"] > a,

      .ama-nav-menu [class*="current_"] > a{color: var(--ama-primary-color)}



      .ama-nav-menu > li > a{

         font-size: 0.9375rem;

         line-height: 1.25rem;

         font-weight: 500

      }



/* =============================================================================

   content

   ========================================================================== */

* + .woocommerce-product-details__short-description{margin-top: 1.875rem}

.woocommerce-product-details__short-description ul:not([class]),

.classic-editor ul:not([class]),

.term-description ul,

ul.wp-el,

ul.wp-el ul{padding-left: 0; list-style: none}



   .woocommerce-product-details__short-description ul:not([class]) li,

   .classic-editor ul:not([class]) li,

   .term-description ul li,

   ul.wp-el li{padding-left: 1.875rem; position: relative}

   

      .woocommerce-product-details__short-description ul:not([class]) li::before,

      .classic-editor ul:not([class]) li::before,

      .term-description ul li::before,

      ul.wp-el li::before{

         content: '';

         display: block;

         width: .5rem;

         height: .5rem;

         border-radius: 50%;

         background: var(--ama-marker-color);

         position: absolute;

         top: .45em;

         left: .625rem

      }



      .woocommerce-product-details__short-description ul:not([class]) li + li,

      .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)}



.woocommerce-product-details__short-description * + *:not(h1, h2, h3, h4, h5, h6),

.classic-editor * + *:not(h1, h2, h3, h4, h5, h6),

.term-description * + *:not(h1, h2, h3, h4, h5, h6),

*:not(.ama-block) + .wp-el:not(.wp-block-heading){margin-top: var(--ama-margin-top-base)}



.woocommerce-product-details__short-description * + ul,

.classic-editor * + ul,

.term-description * + ul,

*:not(.ama-block) + ul.wp-el{margin-top: 1.25rem}



.woocommerce-product-details__short-description * + h1,

.woocommerce-product-details__short-description * + h2,

.woocommerce-product-details__short-description * + h3,

.classic-editor * + h1,

.classic-editor * + h2,

.classic-editor * + h3,

.term-description * + h1,

.term-description * + h2,

.term-description * + h3,

*:not(.ama-block) + h1,

*:not(.ama-block) + h2,

*:not(.ama-block) + h3,

.wp-el + .wp-block-heading{margin-top: var(--ama-margin-top-heading)}



.woocommerce-product-details__short-description h1 + *:not(h1, h2, h3, h4, h5, h6),

.woocommerce-product-details__short-description h2 + *:not(h1, h2, h3, h4, h5, h6),

.woocommerce-product-details__short-description h3 + *:not(h1, h2, h3, h4, h5, h6),

.wp-block-heading + .wp-el:not(.wp-block-heading),

.classic-editor h1 + *:not(h1, h2, h3, h4, h5, h6),

.classic-editor h2 + *:not(h1, h2, h3, h4, h5, h6),

.classic-editor h3 + *:not(h1, h2, h3, h4, h5, h6),

.term-description h1 + *:not(h1, h2, h3, h4, h5, h6),

.term-description h2 + *:not(h1, h2, h3, h4, h5, h6),

.term-description h3 + *:not(h1, h2, h3, h4, h5, h6){margin-top: var(--ama-margin-top-heading-alt)}



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



.gutenberg-elements > *:first-child:not(.full-width, .block-landing){padding-top: var(--ama-offset-top-first)}

.gutenberg-elements > *:last-child:not(.full-width, .block-landing){padding-bottom: var(--ama-offset-bottom-last)}



/* wp-block-columns */

.wp-block-columns{margin-bottom: 0}

* + .wp-block-columns{margin-top: calc(var(--ama-gutter-column-x) * 2)}



/* wp-block-buttons */

*:not(.ama-block):not(.wp-block-button) + .wp-block-button,

.wp-block-button + *:not(.ama-block):not(.wp-block-button){margin-top: var(--ama-margin-top-button)}



*:not(.ama-block) + .wp-block-buttons{margin-top: var(--ama-margin-top-buttons)}

.wp-block-buttons + *:not(.ama-block){margin-top: var(--ama-margin-top-button)}



*.ama-block + .wp-block-buttons,

.wp-block-buttons + *.ama-block{margin-top: calc(var(--ama-margin-top-block) - var(--ama-gutter-button-x))}



/* =============================================================================

   footer

   ========================================================================== */

.f__inner{

   font-size: .9375rem;

   line-height: 1.25rem;

   letter-spacing: -.02em;

   padding: calc(var(--ama-footer-padding-top) - .625rem) .625rem calc(var(--ama-footer-padding-bottom) - .625rem) .625rem;

   color: #fff;

   background: url(../images/footerbg.png) center bottom no-repeat;

   background-size: 80rem auto;

   display: flex;

   flex-wrap: wrap;

   align-items: center

}

   .f__inner a{text-decoration: none}

   .f__inner a:not(.ama-social-item):hover{color: currentColor; opacity: .7}

   .f__inner > *{margin: .625rem}

   .f__inner > .ama-social{margin: 0}

   .f__inner > ul:not([class]){display: flex; flex-wrap: wrap; align-items: center; margin: .3125rem; list-style: none; padding: 0}

      .f__inner > ul:not([class]) > li{padding: .3125rem; position: relative}

         .f__inner > ul:not([class]) > li:not(:last-child)::after{

            content: '·';

            display: block;

            position: absolute;

            top: 50%;

            left: 100%;

            transform: translate(-50%, -50%);

            user-select: none;

            pointer-events: none

         }



/* =============================================================================

   scroll to top

   ========================================================================== */

.scroll-to-top{z-index: 10; position: fixed; bottom: .3125rem; right: .3125rem; 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){

	.ama-nav-menu{

      margin: -.3125rem -.9375rem;

      display: flex;

      flex-wrap: wrap;

      flex-direction: row;

      justify-content: center;

      align-items: center;

      align-content: center

   }

      .ama-nav-menu > li{margin: .3125rem .9375rem}

      .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 .sub-menu{

            display: block!important;

            z-index: 100;

            position: absolute;

            background-color: #fff;

            white-space: nowrap;

            min-width: 12.5rem;

            opacity: 0;

            pointer-events: none;

            top: -.5rem;

            left: 100%;

            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 .sub-menu a{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}



         .ama-nav-menu > li > .sub-menu{

            top: 100%;

            left: 50%;

            transform: scale(.6) translateX(-50%);

         }

         .ama-nav-menu li:hover > .sub-menu{opacity:1; pointer-events:all; transform:none}

         .ama-nav-menu > li:hover > .sub-menu{transform: scale(1) translateX(-50%)}



         .ama-nav-menu .sub-menu .sub-menu-toggle > svg{transform: rotate(-90deg)}



   * + .h__nav{margin-top: .875rem}

   .h__nav{

      min-height: 3.75rem;

      display: grid;

      grid-template-columns: 1fr auto;

      background: url(../images/bg.jpg) center top no-repeat;

      background-size: 73.75rem auto

   }



   .h__nav .offcanvas-body{height: 100%; padding-left: 3.125rem}

   .h__nav .ama-nav-menu{height: 100%; align-items: stretch; margin: 0 -.9375rem}

      .h__nav .ama-nav-menu > li{margin: 0 .9375rem}

      .h__nav .ama-nav-menu > li > a,

      .h__nav .ama-nav-menu > li > .sub-menu-toggle{color: #fff}

      .h__nav .ama-nav-menu > li{position: relative; height: 100%}

         .h__nav .ama-nav-menu > li > a{

            display: flex;

            flex-wrap: wrap;

            align-items: center;

            height: 100%;

            padding: .9375rem 0;

            position: relative

         }

            .h__nav .ama-nav-menu > li > a::after{

               content: '';

               display: block;

               width: 100%;

               height: 1px;

               background-color: currentColor;

               position: absolute;

               left: 0;

               bottom: .9375rem;

               transform: scaleX(0);

               transition: transform .3s linear;

            }

            .h__nav .ama-nav-menu > li:hover > a::after,

            .h__nav .ama-nav-menu > [class*="current-"] > a::after,

            .h__nav .ama-nav-menu > [class*="current_"] > a::after{transform: scaleX(1)}



   #header.scroll-header{

      background-color: var(--ama-primary-color);

      padding-bottom: 0

   }



   .f__inner > .site-dev{flex: 1 0 0}

}

@media (max-width: 1199px){

   #wrapper{

      padding-top: calc(var(--ama-header-height) + 1.875rem)

   }



   #header{

      background-color: var(--ama-primary-color);

      padding-top: 0;

      padding-bottom: 0;

   }



   .ama-nav-menu li + li{border-top: 1px 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 .offcanvas-body{padding: 0}

   #header .offcanvas-body .ama-nav-menu a{padding-left: var(--ama-offcanvas-padding-x); padding-right: var(--ama-offcanvas-padding-x)}



   #header .awl-item.awl--cart{

      position: fixed;

      bottom: 0; right: 2.75rem

   }

   #header .awl--cart{min-width: 8.75rem}

   .scroll-to-top{bottom: 0; right: 0}



   .h__logo{

      width: 2.5rem;

      overflow: hidden

   }

   .h__logo > *{max-width: unset; height: 2.5rem}



   .h__nav{height: unset}



   #header .ama-social{display: none!important}



   #header .h__woo_notice{

      position: fixed;

      top: var(--ama-header-height);

      left: 0;

      grid-column: full-width;

      width: 100%;

      height: 1.875rem;

      background-color: var(--ama-primary-color);

      font-size: .875rem;

      line-height: 1em;

      max-width: 100%;

      margin: 0!important;

      text-align: center;

      display: flex;

      flex-wrap: wrap;

      align-items: center;

      justify-content: center

   }

   #wrapper{padding-bottom: 3.75rem}

   .awl--account > .awl--content > .awl--btn{
      font-size: .6875rem;
      height: 1.25rem;
      padding: 0 .5rem
   }
}
@media (max-width: 767px){
   .h__content > * + *{margin-left: .9375rem}
   .h__content > * + .wpml-ls{padding-lefT: .9375rem}
}
@media (max-width: 413px){
   .awl--account .awl--content > span.awl--btn{display: none;}
}