@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: var(--ama-header-height)}

[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {-webkit-appearance: none; appearance: none}

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

a.skip-main {
   color: #fff;
   background-color:#000;
   left:-999px;
   position: absolute;
   top: auto;
   width: 1px;
   height: 1px;
   overflow: hidden;
   z-index: -1040;
}
a.skip-main:focus,
a.skip-main:active{
   left: auto;
   top: auto;
   width: 30%;
   height: auto;
   overflow: auto;
   margin: 10px 35%;
   padding: 5px;
   border-radius: 0;
   border: 2px solid yellow;
   text-align: center;
   font-size: 1em;
   z-index: 1040;
}

/* =============================================================================
   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: 24px; height: 1px; position: absolute; top: calc(50% - .5px); left: calc(50% - 12px); 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{position: relative; z-index: 100}
.wpml-ls ul{list-style: none; padding: 0; font-weight: 600}
   .wpml-ls a{transition: color .3s linear, background-color .3s linear}
   .wpml-ls-item-toggle{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      padding: .2222222222222222em 1.3333333333333333em;
      border-radius: var(--ama-general-border-radius);
      background-color: var(--ama-secondary-300-color);
      box-shadow: 0 0 0 1px var(--ama-secondary-700-color) inset;
      min-width: 5.555555555555555em;
      height: 3.1111111111111107em
   }
      .wpml-ls-item-toggle::after{
         content: '';
         display: block;
         width: 1.1111111111111112em;
         height: 1.1111111111111112em;
         margin-left: .2222222222222222em;
         background: currentColor;
         mask: url(../images/arrow-down.svg) center no-repeat;
         mask-size: 100% auto;
         -webkit-mask: url(../images/arrow-down.svg) center no-repeat;
         -webkit-mask-size: 100% auto
      }

   .wpml-ls:hover .wpml-ls-item-toggle{color: var(--ama-secondary-700-color)}

   .wpml-ls-sub-menu{
      position: absolute;
      top: 100%;
      width: 100%;
      display: none
   }
      .wpml-ls-sub-menu > li{margin-top: .2222222222222222em}
         .wpml-ls-sub-menu > li > a{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            padding: .2222222222222222em 1.3333333333333333em;
            min-height: 2.6666666666666665em;
            border-radius: var(--ama-general-border-radius);
            background-color: #fff;
            box-shadow: 0 0 0 1px var(--ama-secondary-700-color) inset;
         }
         .wpml-ls-sub-menu > li > a:hover{
            background-color: var(--ama-secondary-300-color)
         }

/* =============================================================================
   header
   ========================================================================== */
#header{
   color: var(--ama-header-color);
   background-color: var(--ama-header-bgcolor);
   box-shadow: var(--ama-header-sticky-box-shadow);
   transition: color .3s linear, background-color .3s linear, box-shadow .3s linear;
   height: var(--ama-header-height);
   transition: height .3s linear;
   align-items: center
}
   #header a{text-decoration: none}
#header.scroll-header{
   --ama-header-box-shadow: 0 .625rem 1.25rem 0 rgba(0, 0, 0, .06)
}
   .h-inner,
   .h-content{
      display: flex;
      flex-wrap: wrap
   }
   .h-inner{justify-content: space-between; min-height: 4.888888888888888em; position: relative}
      .h-content{justify-content: flex-end}

   .h-logo,
   .h-content > *:not(#primary-menu){align-self: center}

#menu-toggle{color: currentColor; padding: 0; width: 2rem; height: 2rem; border: none; background: none; position: relative; align-self: center}
   #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; opacity: 0}
      #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; border-radius: .25rem}
      #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% - 1px); transform: rotate(45deg)}
   body.toggled #menu-toggle::after{bottom: calc(50% - 1px); transform: rotate(-45deg)}

.h-logo svg{display: block; width: 9.11111111111111em; transition: all .3s linear}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu,
.ama-nav-menu ul{list-style: none; padding: 0}
   .ama-nav-menu li:hover > a,
   .ama-nav-menu [class*="current"] > a{color: var(--ama-secondary-700-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:not(.is-style-checked) li{padding-left: 1.875rem; position: relative}
   
      .classic-editor ul:not([class]) li::before,
      .term-description ul li::before,
      ul.wp-el:not(.is-style-checked) 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(.ama-collapse),
.term-description * + *,
*:not(.ama-block) + .wp-el,
.classic-editor * + ul,
.term-description * + ul,
*:not(.ama-block, .wp-block-heading) + ul.wp-el{margin-top: var(--ama-margin-top-base)}
.wp-el:not(.wp-block-heading) + ul.wp-el{margin-top: 2.6666666666666665em}
.classic-editor > .ama-collapse > *:first-child{padding-top: var(--ama-margin-top-base)}

.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{margin-top: var(--ama-margin-top-heading)}

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

/* 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))}

button.is-style-readmore{
   padding: 0;
   background: none;
   color: var(--ama-link-color);
   border: none;
   text-decoration: underline;
   transition: color .3s linear;
   font-weight: 500;
   text-align: left
}
button.is-style-readmore[aria-expanded="true"] > span:first-child,
button.is-style-readmore[aria-expanded="false"] > span:last-child{display: none!important}
button.is-style-readmore:hover{color: var(--ama-link-hover-color)}

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   background-color: var(--ama-footer-bgcolor)
}
   .f-inner{
      display: grid;
      grid-template-columns: repeat(12, 1fr);
      gap: 4.444444444444445em var(--ama-gutter-double-x)
   }
      .f-inner > *{grid-column: 2 / 12}
      .f-inner > .f-contact{
         display: grid;
         grid-template-columns: repeat(2, 1fr);
         align-items: center;
         gap: 3.5555555555555554em 4.444444444444445em
      }
      .f-inner > .f-end{
         font-size: var(--ama-sm-font-size);
         line-height: var(--ama-sm-line-height);
         text-align: center
      }
      .f-inner > .f-end > svg{
         display: block;
         margin: 0 auto;
         width: 7.4375rem
      }
      .f-inner > .f-end > svg + *{margin-top: 1.7777777777777777em}
      .f-inner > .f-end .ama-social{justify-content: center}
      .f-inner > .f-end * + .ama-social{margin-top: calc(1.7777777777777777em - var(--ama-social-gap))}

.c__form{
   background-color: var(--ama-secondary-500-color);
   border-radius: var(--ama-general-border-radius);
   padding: 4.444444444444445em 1.3333333333333333em
}
   .c__form > .wpcf7{
      width: 100%;
      max-width: 23.555555555555554em;
      margin-left: auto;
      margin-right: auto
   }

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 10; position: fixed; bottom: 0.5555555555555556em; right: 0.5555555555555556em; 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: 1.3333333333333333em; 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.scroll-header{--ama-header-height: 4.888888888888888em}
   #header.scroll-header .h-logo svg{width: 6.888888888888888em}
   
   .h-content > * + *{margin-left: 1.5rem}

   .ama-nav-menu > li > .sub-menu-toggle,
   .ama-nav-menu li.is-mega-menu .sub-menu-toggle{display: none!important}

   .ama-nav-menu{
      font-weight: 500;
      display: flex;
      flex-wrap: wrap;
      justify-content: flex-end;
      height: 100%
   }
   .ama-nav-menu li:not(.is-mega-menu){position: relative}
      .ama-nav-menu > li{
         display: flex;
         flex-wrap: wrap;
         align-items: center
      }
         .ama-nav-menu > li > a{
            font-weight: 600;
            display: flex;
            flex-wrap: wrap;
            align-items: center;
            justify-content: center;
            border-radius: var(--ama-general-border-radius);
            padding: 0.2222222222222222em 1.3333333333333333em;
            height: 3.1111111111111107em;
            transition: color .3s linear, background-color .3s linear
         }
         .ama-nav-menu > li:hover > a,
         .ama-nav-menu > [class*="current"] > a{background-color: var(--ama-secondary-300-color)}

   .ama-nav-menu > .is-mega-menu > .mega-menu{
      position: absolute;
      isolation: isolate;
      top: 100%;
      width: 100%;
      left: 0;
      filter: drop-shadow(0px 2.2222222222222223em 5.333333333333333em rgba(0, 0, 0, .059));
      transition: opacity .3s linear;
      gap: 3.5555555555555554em;
   }
      .ama-nav-menu > .is-mega-menu > .mega-menu > .sub-menu{
         padding: 4.444444444444445em 0;
         display: grid!important;
         grid-template-columns: repeat(4, 1fr);
      }
      .ama-nav-menu > .is-mega-menu > .mega-menu > .sub-menu .sub-menu{display: block!important}
      .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks{
         list-style: none;
         padding: .6666666666666666em 0;
         margin: 0 -.6666666666666666em;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: space-between;
         background: var(--ama-secondary-300-color);
         position: relative;
         isolation: isolate
      }
      .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks > li{margin: .6666666666666666em}
         .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks > li > span{
            display: flex;
            flex-wrap: wrap;
            position: relative;
            padding-left: 2.2222222222222223em;
            min-height: 1.7777777777777777em
         }
         .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks > li > span::before{
            content: '';
            width: 1.7777777777777777em;
            height: 1.7777777777777777em;
            position: absolute;
            top: 0;
            left: 0;
            background-color: var(--ama-secondary-500-color);
            background-image: url(../images/check.svg);
            background-position: center;
            background-size: 1.3333333333333333em 1.3333333333333333em;
            background-repeat: no-repeat;
            border-radius: 50%
         }

   .ama-nav-menu > .is-mega-menu:not(:hover) > .mega-menu{
      user-select: none;
      pointer-events: none;
      z-index: -1000;
      opacity: 0;
   }
   .ama-nav-menu > .is-mega-menu > .mega-menu::before,
   .ama-nav-menu > .is-mega-menu > .mega-menu::after,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::before,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::after{
      content: '';
      display: block;
      width: 50vw;
      width: 50dvw;
      width: 50svw;
      height: 100%;
      position: absolute;
      top: 0;
      z-index: -1;
      background: #fff
   }
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::before,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::after{background-color: var(--ama-secondary-300-color)}

   .ama-nav-menu > .is-mega-menu > .mega-menu::before,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::before{right: 50%}
   .ama-nav-menu > .is-mega-menu > .mega-menu::after,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks::after{left: 50%}

   .ama-nav-menu .sub-menu a{display: block}
   .ama-nav-menu > li > .sub-menu > li > a,
   .ama-nav-menu > .is-mega-menu > .mega-menu > .sub-menu > li > a{font-weight: 700; line-height: 1.3333333333333333em}
   .ama-nav-menu > .is-mega-menu > .mega-menu > .sub-menu .sub-menu{margin-top: 1.3333333333333333em}
   .ama-nav-menu > .is-mega-menu > .mega-menu > .sub-menu .sub-menu > li + li{margin-top: 0.2222222222222222em}
   .ama-nav-menu .sub-menu .sub-menu a{line-height: 1.7777777777777777em}

   .ama-nav-menu > li:not(.is-mega-menu) > .sub-menu,
   .ama-nav-menu > li:not(.is-mega-menu) > .sub-menu .sub-menu{
      position: absolute;
      white-space: nowrap;
      min-width: 10em;
      background-color: #fff;
      padding: 0.6666666666666666em 0;
      z-index: 100;
      pointer-events: none;
      opacity: 0;
      transform-origin: left top;
      transform: scale(0.6);
      transition: opacity 0.3s,transform .3s;
   }
   .ama-nav-menu > li:not(.is-mega-menu) > .sub-menu{
      filter: drop-shadow(0px 0.4444444444444444em 2.2222222222222223em rgba(0, 0, 0, .1));
      top: 100%;
      left: 0;
   }
   .ama-nav-menu > li:not(.is-mega-menu) > .sub-menu .sub-menu{
      top: -0.6666666666666666em;
      left: 100%
   }
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu a{
      line-height: 1.7777777777777777em;
      padding: 0 1.3333333333333333em
   }
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu li + li{margin-top: 0.2222222222222222em}
   
   .ama-nav-menu > li:not(.is-mega-menu):hover > .sub-menu,
   .ama-nav-menu > li:not(.is-mega-menu):hover > .sub-menu li:hover > .sub-menu{
      opacity: 1;
      pointer-events: all;
      transform: none
   }
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu > li{
      display: grid;
      grid-template-columns: 1fr auto
   }
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu > li > a:only-child{grid-column: 1 / -1}
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu > .has-submenu > a{padding-right: 0}
   .ama-nav-menu > li:not(.is-mega-menu) .sub-menu .sub-menu-toggle{
      pointer-events: none;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      width: 1.7777777777777777em;
      height: 1.7777777777777777em
   }
      .ama-nav-menu > li:not(.is-mega-menu) .sub-menu .sub-menu-toggle svg{transform: rotate(270deg)}

   .ama-nav-menu > li:hover > .mega-menu,
   .ama-nav-menu > li:hover > .sub-menu{display: block!important}
}
@media (max-width: 1199px){
   .h-logo svg{width: 6.5rem}

   .h-content{
      font-size: 1.125rem;
      line-height: 1.5rem;
      position: fixed;
      background: #fff;
      z-index: 1031;
      top: var(--ama-header-height);
      left: -100%;
      width: 100%;
      height: calc(100vh - var(--ama-header-height));
      height: calc(100dvh - var(--ama-header-height));
      height: calc(100svh - var(--ama-header-height));
      display: grid;
      justify-content: stretch;
      grid-template-rows: 1fr auto;
      gap: 1.5rem 0;
      padding-top: 3rem;
      padding-bottom: 4rem
   }
      .h-content #primary-menu{
         height: 100%;
         overflow-y: auto
      }
   .h-content .wpml-ls{justify-self: center}
      .h-content .wpml-ls-item-toggle::after{transform: scaleY(-1)}
      .h-content .wpml-ls-sub-menu{top: unset; bottom: 100%}
         .h-content .wpml-ls-sub-menu > li{margin-top: 0; margin-bottom: .2222222222222222em}

   #primary-menu ul:not(.mm-ticks) > li + li{margin-top: 1.5rem}
   #primary-menu > .ama-nav-menu li > a{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      text-align: center;
      padding: .2222222222222222em 1.3333333333333333em;
      min-height: 3.1111111111111107em;
      font-weight: 600
   }

   #primary-menu > .ama-nav-menu .sub-menu-toggle{
      width: 32px;
      height: 32px;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      border-radius: var(--ama-general-border-radius);
      border: 1px solid var(--ama-secondary-500-color);
      cursor: pointer
   }
   #primary-menu > .ama-nav-menu li{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center
   }
   #primary-menu > .ama-nav-menu li > .mega-menu,
   #primary-menu > .ama-nav-menu li > .sub-menu{flex: 0 0 100%; display: none}

   #primary-menu .mm-ticks{
      font-size: .9375rem;
      line-height: 1.125rem;
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: center;
      overflow: hidden;
      background-color: var(--ama-secondary-300-color);
      margin-top: 1.5rem
   }
      #primary-menu .mm-ticks > *{padding: 1rem}

   body.toggled{overflow: hidden}
      body.toggled .h-content{left: 0}

   .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks > li > span{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      position: relative;
      padding-left: 2.2222222222222223em;
      min-height: 1.7777777777777777em
   }
      .ama-nav-menu > .is-mega-menu > .mega-menu > .mm-ticks > li > span::before{
         content: '';
         width: 1.7777777777777777em;
         height: 1.7777777777777777em;
         position: absolute;
         top: 0;
         left: 0;
         background-color: var(--ama-secondary-500-color);
         background-image: url(../images/check.svg);
         background-position: center;
         background-size: 1.3333333333333333em 1.3333333333333333em;
         background-repeat: no-repeat;
         border-radius: 50%
      }

   .f-inner > .f-contact{gap: 2.5rem}
}
@media (max-width: 991px){
   .f-inner{grid-template-columns: 1fr}
   .f-inner > *{grid-column: 1 / -1}

   .c__form{padding-top: 2.5rem; padding-bottom: 2.5rem}
}
@media (max-width: 767px){
   .f-inner > .f-contact{grid-template-columns: 1fr}
}

.gallery-modal > .modal-dialog{
   overflow: hidden
}
   .gallery-modal > .modal-dialog > .modal-content{
      max-height: calc(100vh - var(--ama-modal-margin) * 2);
      max-height: calc(100dvh - var(--ama-modal-margin) * 2);
      max-height: calc(100svh - var(--ama-modal-margin) * 2);
      display: grid;
      grid-template-rows: auto 1fr auto;
   }
      .gallery-modal > .modal-dialog > .modal-content > .modal-body img{
         object-fit: contain;
         max-height: 100%;
         width: auto;
         display: block;
         margin: 0 auto
      }