@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}

* + br,
br + *{margin-top: 0!important}

/* =============================================================================
   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{margin-left: 1.25rem}

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

/* =============================================================================
   site logo
   ========================================================================== */
.s-logo{
   font-family: 'Agency FB', sans-serif!important;
   font-size: 1.375rem;
   line-height: 1.0909090909090908em;
   font-weight: 700;
   text-transform: uppercase;
   display: inline-flex;
   flex-wrap: wrap;
   align-items: flex-end;
   overflow: hidden
}
   .s-logo > *{display: block}
   .s-logo > *:not(:last-child){margin-right: 1.6363636363636365em}
   .s-logo > .l-txt{
      max-width: 14.681818181818182em;
      letter-spacing: .2727272727272727em
   }

   .s-logo > svg[width="170"]{width: 7.7272727272727275em}
   .s-logo > svg[width="10"]{width: 0.4545454545454546em}

/* =============================================================================
   header
   ========================================================================== */
#header{background: var(--ama-header-bgcolor); box-shadow: var(--ama-header-box-shadow); transition: box-shadow .3s linear}
#header.sticky-top{z-index: 1021}
#header.scroll-header{--ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, 0.16)}
   .h__inner{
      display: grid;
      grid-template-columns: auto 1fr;
      gap: .625rem;
      height: var(--ama-header-height);
      position: relative;
      z-index: 1031
   }
      .h__logo > a{display: block; color: currentColor; text-decoration: none}
      .h__content{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: flex-end;
         align-self: flex-end;
         padding-bottom: 3.375rem
      }
      .h__content > * + *{margin-left: 1.25rem}

   .h-btn{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      text-decoration: none;
      font-family: var(--ama-h-font-family);
      font-size: 1.3672222222222221em;
      line-height: 1.137748882568062em;
      font-weight: 700;
      color: var(--ama-body-color);
      background: rgba(235, 128, 35, .3);
      padding: 0 .568874441284031em;
      letter-spacing: .1em;
      transition: background .3s linear;
      height: var(--ama-social-height);
   }
   .h-btn:hover{background: rgba(235, 128, 35, .7)}
      .h-btn > *{display: block}
      .h-btn > * + *{margin-left: .4469727752945957em}
      .h-btn > img{margin-right: -.568874441284031em; max-width: 3.125rem; max-height: 3.125rem; width: auto; height: auto}

   .h-search-toggle{
      padding: 0;
      border: none;
      background: none;
      display: block;
      color: #000
   }

#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}

#header > #collapseSearch{
   grid-column: full-width;
   position: absolute;
   top: 100%;
   left: 0;
   background: #efefef;
   z-index: 1031;
   width: 100%;
}
   #header > #collapseSearch > .c-search-inner{
      padding: 10px 0;
      width: 100%;
      max-width: var(--ama-container);
      margin: 0 auto
   }

.searchbox{
   display: grid;
   grid-template-columns: 1fr auto;
   gap: 0
}
   .searchbox > .searchbox-submit{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border: none;
      padding: 0;
      background: none;
      min-width: 3rem;
      color: #000
   }

.search-result-item > * + *{margin-top: 1.875rem!important}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{
   list-style: none;
   padding: 0;
   margin: 0;
   font-size: 1.5188rem;
   line-height: 1.375rem;
   font-family: var(--ama-h-font-family)
}
   .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: .5625rem; padding-bottom: .5625rem}

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

/* =============================================================================
   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: 1.875rem; position: relative}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el li::before{
         content: '';
         display: block;
         width: .625rem;
         height: .625rem;
         border-radius: 50%;
         background: var(--ama-marker-color);
         position: absolute;
         top: .45em;
         left: 0
      }

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

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

.classic-editor *:not(br) + ul,
.term-description *:not(br) + ul,
*:not(.ama-block, br) + ul.wp-el{margin-top: 1.25rem; margin-left: 1rem}

.classic-editor *:not(br) + h1,
.classic-editor *:not(br) + h2,
.classic-editor *:not(br) + h3,
.term-description *:not(br) + h1,
.term-description *:not(br) + h2,
.term-description *:not(br) + h3,
*:not(.ama-block, br) + h1,
*:not(.ama-block, br) + h2,
*:not(.ama-block, br) + h3{margin-top: var(--ama-margin-top-heading)}

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

.gutenberg-elements > *:first-child:not(.full-width, br){padding-top: var(--ama-offset-top-first)}
.gutenberg-elements > *:last-child:not(.full-width, .block-logos, br){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, .wp-block-button, br) + .wp-block-button,
.wp-block-button + *:not(.ama-block, .wp-block-button, br){margin-top: var(--ama-margin-top-button)}

*:not(.ama-block, br) + .wp-block-buttons{margin-top: var(--ama-margin-top-buttons)}
.wp-block-buttons + *:not(.ama-block, br){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
   ========================================================================== */
#footer{
   --ama-link-color: currentColor;
   --ama-link-hover-color: #fff;

   font-size: .75rem;
   line-height: 1.125rem;
   background-color: var(--ama-footer-bgcolor);
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom)
}
   #footer a:not(:hover){text-decoration: none}

   .f__inner,
   .f__inner > ul{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      margin: -.25rem -.1875rem
   }
   .f__inner > ul{list-style: none}
      .f__inner > *,
      .f__inner > ul > li{padding: .25rem .1875rem}

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: 0; right: 0; 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){
   #wrapper{padding-top: var(--ama-header-height)}
   #header.sticky-top{position: fixed}
   #header.sticky-top .h__content{transition: padding .1s linear}
   #header.sticky-top .h__inner{transition: height .1s linear}
   #header.sticky-top.scroll-header{box-shadow: none!important}
   #header.sticky-top.scroll-header .h__inner{
      height: 2.5rem;
   }
   #header.sticky-top.scroll-header .h__logo{user-select: none; pointer-events: none; visibility: hidden; opacity: 0}
   #header.sticky-top.scroll-header + #headerOffcanvas{top: 2.5rem}
   #header.sticky-top.scroll-header .h__content{padding-bottom: 0}

	.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 .has-submenu > a{padding-right: 1.25rem; position: relative}
         .ama-nav-menu .has-submenu > a::after{
            content: '>';
            font-weight: 700;
            display: block;
            position: absolute;
            top: 55%;
            right: 0;
            transform: rotate(90deg) translateX(-125%);
         }
         .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; display: none}

      .ama-nav-menu .mega-menu .sub-menu a::after{display: none!important}

   #headerOffcanvas{
      background-color: var(--ama-primary-color)!important;

      --padding-inline: var(--ama-gutter-x);
      --content-max-width: var(--ama-container);
      --breakout-max-width: var(--ama-container-xl);

      --breakout-size: calc(
         (var(--breakout-max-width) - var(--content-max-width)) / 2
      );

      display: grid;
      grid-template-columns:
         [full-width-start] minmax(var(--padding-inline), 1fr)
         [breakout-start] minmax(0, var(--breakout-size))
         [content-start] min(
            100% - (var(--padding-inline) * 2),
            var(--content-max-width)
         )
         [content-end]
         minmax(0, var(--breakout-size)) [breakout-end]
         minmax(var(--padding-inline), 1fr) [full-width-end];
      position: sticky;
      top: 0;
      width: 100%;
      z-index: 1020
   }
      #headerOffcanvas::before,
      #headerOffcanvas::after{
         content: '';
         grid-column-start: content-end;
         grid-column-end: full-width-end;
         display: block;
         height: 100%;
         position: absolute;
         z-index: 0
      }
      #headerOffcanvas::before{background: #fff; right: 3.125rem; width: calc(100% - 3.125rem)}
      #headerOffcanvas::after{background: #000; right: 0; width: 100%; max-width: 3.125rem}

      #headerOffcanvas > .offcanvas-body{width: 100%; grid-column: content}
      #headerOffcanvas > .offcanvas-body .ama-nav-menu > li:hover > a,
      #headerOffcanvas > .offcanvas-body .ama-nav-menu > [class*="current-"] > a,
      #headerOffcanvas > .offcanvas-body .ama-nav-menu > [class*="current_"] > a{color: #fff}

   .ama-nav-menu > li:not(.mega-menu),
   .ama-nav-menu > li:not(.mega-menu) li{position: relative}
      .ama-nav-menu > li:not(.mega-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 > li:not(.mega-menu) > .sub-menu{top: 100%; left: 50%; transform: scale(.6) translateX(-50%)}
         .ama-nav-menu > li:not(.mega-menu) .sub-menu a{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}
      .ama-nav-menu li:not(.mega-menu):hover > .sub-menu{opacity:1; pointer-events:all; transform:none}
      .ama-nav-menu > li:not(.mega-menu):hover > .sub-menu{transform: scale(1) translateX(-50%)}
      .ama-nav-menu .sub-menu .sub-menu-toggle > svg{transform: rotate(-90deg)}

   .ama-nav-menu > .mega-menu > .sub-menu{
      display: block!important;
      z-index: 100;
      position: absolute;
      background-color: #fff;
      top: 100%;
      left: 0;
      opacity: 0;
      pointer-events: none;
      transition: opacity 0.3s,transform .3s;
      filter: drop-shadow(0px 8px 40px rgba(0, 0, 0, .1));
      white-space: normal;
      width: 100%;
      min-width: 100%;
      columns: 5;
      gap: 0;
      padding: 1.25rem
   }
      .ama-nav-menu > .mega-menu > .sub-menu > li{
         page-break-inside: avoid;
         break-inside: avoid-column;
         display: block;
         width: 100%;
         margin-bottom: 1.25rem
      }
      .ama-nav-menu > li:not(.mega-menu) > .sub-menu > li > a,
      .ama-nav-menu > .mega-menu > .sub-menu > li > a{text-transform: uppercase; font-family: var(--ama-h-font-family); font-weight: var(--ama-h-font-weight)}
      .ama-nav-menu > .mega-menu > .sub-menu .sub-menu{font-size: 1.25rem; padding-left: 0}
         .ama-nav-menu > .mega-menu > .sub-menu .sub-menu .sub-menu{padding-left: 1rem}

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

   .ama-nav-menu > li > a{
      text-transform: uppercase;
      letter-spacing: .075em
   }
}
@media (max-width: 1199px){
   .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)}

   .s-logo{font-size: 1rem}
   .h__content{padding-bottom: 0; align-self: center}
}
@media (max-width: 1100px){
   .s-logo{font-size: .75rem}
}
@media (max-width: 796px){
   /*.h__logo{align-self: center}
   .s-logo > .l-txt,
   .s-logo > .l-txt + svg{display: none}
   */

   .h__content > .h-btn[data-bs-toggle="modal"]{
      position: fixed;
      left: 0;
      bottom: 0;
      margin: 0!important;
      z-index: 20;
      opacity: 1;
      background-color: var(--ama-primary-color)
   }

   #header{
      --ama-social-gap: .25rem
   }
}
@media (max-width: 589px){
   .h__logo{align-self: center}
   .s-logo > .l-txt,
   .s-logo > .l-txt + svg{display: none}
}

svg[width="25"]{width: 1.5625rem}
svg[width="30.679"]{width: 1.9174rem}

.wpcf7-not-valid-tip{color: #fff!important; font-size: .625rem!important}