@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-bottom: 6.25rem}

/* =============================================================================
   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(--mks-gutter-x) * -1))}
[data-animate^=T_FADE_UP]{transform: translateY(var(--mks-gutter-x))}
[data-animate^=T_FADE_LEFT]{transform: translateX(var(--mks-gutter-x))}
[data-animate^=T_FADE_RIGHT]{transform: translateX(calc(var(--mks-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(--mks-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}

/* =============================================================================
   header
   ========================================================================== */
#header{
   background-color: var(--mks-header-bgcolor);
   transition: color .3s linear, background .3s linear, transform .3s linear;
   position: sticky;
   top: 0;
   z-index: 1030
}
   #header .h-inner{
      height: var(--mks-header-height);
      width: 100%;
      max-width: calc(var(--mks-container) + var(--grid-padding-inline) * 2);
      margin: 0 auto;
      padding: 0 var(--grid-padding-inline);
      transition: height .3s linear;
      display: grid;
      grid-template-columns: auto 1fr;
      align-items: center;
      gap: 0 var(--mks-gutter-x)
   }
      #header ul{
         padding-left: 0;
         list-style: none
      }

#header.scroll-header{
   --mks-header-bgcolor: rgba(238, 234, 229, 1);
   box-shadow: var(--mks-header-sticky-box-shadow)
}

#header .col-logo > a{
   display: block;
   position: relative;
   width: 9.375rem;
   height: 100%;
   transition: all .3s linear
}
   #header .col-logo > a > svg{display: block; position: absolute; top: 0; left: 0; width: 100%}

#menu-toggle{color: var(--mks-secondary-color); background-color: var(--mks-primary-color); padding: 0; width: 2.5rem; height: 2.5rem; border: none; position: relative; border-radius: 50%}
   #menu-toggle > span{
      display: block;
      width: 1.25rem;
      height: 2px;
      position: absolute;
      top: 50%;
      background-color: currentColor;
      transform: translate(0, -50%);
      transition: opacity 0.3s 0.3s;
      left: 0.625rem
   }
      #menu-toggle::before,
      #menu-toggle::after{
         content: '';
         display: block;
         width: 0.875rem;
         height: 2px;
         position: absolute;
         background-color: currentColor;
         left: 0.8125rem;
         transition: transform 0.3s, top 0.3s 0.3s, bottom 0.3s 0.3s
      }
      #menu-toggle::before{top: 10px}
      #menu-toggle::after{bottom: 10px}

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

/*#header{
   --mks-btn-border-width: 1px;
   --mks-btn-padding-y: calc(.75rem - var(--mks-btn-border-width));
   --mks-btn-padding-x: calc(1.25rem - var(--mks-btn-border-width))
}*/
#header * + .wp-block-button{margin-top: 0!important; margin-left: 3.125rem}

.col-logo a svg path[fill="#fff"]{transition: fill .3s linear}
.col-logo a:hover svg path[fill="#fff"]{fill: var(--mks-primary-color)}

.h__logo a{text-decoration: none; display: inline-block; font-family: var(--mks-h-font-family); font-size: 1.9375rem; line-height: 1.3225806451612903em;}

/* =============================================================================
   header dropdown
   ========================================================================== */
.dropdown-toggle{
   font-size: .9375rem;
   line-height: 1.125rem;
   font-weight: 700;
   color: var(--mks-primary-color);
   display: flex;
   align-items: center;
   justify-content: space-between;
   text-align: left;
   min-width: 7.5rem;
   border: 1px solid var(--mks-border-color-translucent);
   background-color: #fff;
   padding: .625rem .875rem
}
   .dropdown-toggle::after{
      display: block;
      margin-left: .5rem;
      width: .625rem;
      height: .625rem;
      color: currentColor;
      background-color: currentColor;
      border: none;
      border-radius: 0;
      mask-image: url(../images/mask-select-arrow.svg);
      mask-position: center;
      mask-repeat: no-repeat;
      mask-size: 100% auto;
      -webkit-mask-image: url(../images/mask-select-arrow.svg);
      -webkit-mask-position: center;
      -webkit-mask-repeat: no-repeat;
      -webkit-mask-size: 100% auto
   }

/* =============================================================================
   mks-nav-menu
   ========================================================================== */
.mks-nav-menu{list-style: none; padding: 0; margin: 0; font-size: .9375rem; line-height: 1.125rem}
   .mks-nav-menu li{
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
      .mks-nav-menu li > a{
         display: block;
         flex: 1 0 0;
         text-decoration: none!important;
         color: inherit;
         transition: color .3s linear
      }
      .mks-nav-menu li > .sub-menu-toggle{
         display: flex;
         flex-wrap: wrap;
         flex-direction: row;
         align-items: center;
         align-content: center;
         justify-content: center
      }
      .mks-nav-menu li > ul{min-width: 100%}
      .mks-nav-menu a{padding-top: .375rem; padding-bottom: .375rem}

      .mks-nav-menu li:hover > a,
      .mks-nav-menu [class*="current-"] > a,
      .mks-nav-menu [class*="current_"] > a{color: var(--mks-primary-color)}
      
      .mks-nav-menu > li > a{font-weight: 500}
         .mks-nav-menu > li > a::after{
            content: '';
            display: block;
            width: 100%;
            height: .125rem;
            background-color: currentColor;
            position: absolute;
            left: 0;
            bottom: 0;
            transform: scaleX(0);
            transform-origin: center bottom;
            transition: transform .3s linear
         }
         
         .mks-nav-menu > li:hover > a::after,
         .mks-nav-menu > [class*="current-"] > a::after,
         .mks-nav-menu > [class*="current_"] > a::after{transform: scaleX(1)}

/* =============================================================================
   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(--mks-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(--mks-margin-top-li)}

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

.classic-editor * + ul,
.term-description * + ul,
*:not(.mks-block) + ul.wp-el{margin-top: 1.25rem}

.classic-editor * + *:is(h1, h2, h3),
.classic-editor * + *:-webkit-any(h1, h2, h3),
.term-description * + *:is(h1, h2, h3),
.term-description * + *:-webkit-any(h1, h2, h3),
*:not(.mks-block) + *:is(h1.wp-el, h2.wp-el, h3.wp-el),
*:not(.mks-block) + *:-webkit-any(h1.wp-el, h2.wp-el, h3.wp-el){margin-top: var(--mks-margin-top-heading)}

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

.gutenberg-elements > *:first-child:not(.full-width){padding-top: var(--mks-offset-top-first)}
.gutenberg-elements > *:last-child:not(.full-width){padding-bottom: var(--mks-offset-bottom-last)}

.gutenberg-elements{position: relative}
   .gutenberg-elements:not(.cover-first)::before{
      content: '';
      grid-column: full-width;
      display: block;
      width: 100%;
      max-width: var(--mks-container-xxl);
      height: 100%;
      max-height: 18.75rem;
      position: absolute;
      top: 0;
      left: 50%;
      transform: translateX(-50%);
      z-index: -1;
      background: rgb(238, 234, 229);
      background: linear-gradient(0deg, rgba(238, 234, 229, 1) 0%, rgba(238, 234, 229, 1) 50%, rgba(0, 0, 0, .05) 100%)
   }
   @media (min-width: 1840px){
      .gutenberg-elements:not(.cover-first)::before{
         border-top-left-radius: 2.5rem;
         border-top-right-radius: 2.5rem;
      }
   }

/* wp-block-columns */
.wp-block-columns{margin-bottom: 0}
*:not(.mks-block) + .wp-block-columns,
.wp-block-columns + *:not(.mks-block){margin-top: calc(var(--mks-gutter-column-x) * 2)}
.wp-block-columns + .wp-block-columns{margin-top: 2.5rem}

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

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

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

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   width: 100%;
   max-width: var(--mks-container-xxl);
   margin: 0 auto;
   color: var(--mks-footer-color);
   background-color: var(--mks-footer-bgcolor);
   padding-top: var(--mks-footer-padding-top);
   padding-bottom: var(--mks-footer-padding-bottom);

   --mks-link-color: currentColor;
   --mks-link-hover-color: var(--mks-secondary-color);

   --mks-social-color: var(--mks-link-color);
   --mks-social-hover-color: var(--mks-link-hover-color);

   position: relative;
   isolation: isolate;
   overflow: hidden;
}
   #footer::before{
      content: '';
      display: block;
      width: 131.25rem;
      height: calc(100% - 3.125rem);
      background: #D6AF88;
      position: absolute;
      top: 3.125rem;
      left: 50%;
      transform: translateX(-50%);
      mask: url(../images/stencil-footer.svg) center top no-repeat;
      mask-size: 100% auto;
      -webkit-mask: url(../images/stencil-footer.svg) center top no-repeat;
      -webkit-mask-size: 100% auto;
      opacity: .1;
      z-index: -1
   }

   .f-section__title{
      font-size: var(--mks-h2-font-size);
      line-height: var(--mks-h2-line-height);
      margin-bottom: 1.875rem;
      font-family: var(--mks-h-font-family);
      font-weight: var(--mks-h-font-weight);
      color: var(--mks-secondary-color)
   }

   #footer a{text-decoration: none!important}

   #footer .footer--section:not(.section--start) + .footer--section{margin-top: 1.875rem}
   #footer .section--start + .footer--section{margin-top: 3.125rem}

   #footer .col-site-dev{text-align: right}

   #footer ul.d-flex{margin: -.625rem}
      #footer ul.d-flex > li{margin: .625rem}

   #footer .col-site-dev a{transition: color .3s linear}

   #footer .col-people{
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 2.5rem 5rem;
      max-width: 31.25rem
   }
      #footer .col-people > .person-item{margin: 0}
      #footer .col-people > .f-section__title{grid-column: 1 / -1; max-width: 29.375rem; margin-bottom: -1.25rem}

/* =============================================================================
   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(--mks-scroll-top-width); height: var(--mks-scroll-top-height); opacity: 0; color: var(--mks-scroll-top-color); border-radius: var(--mks-scroll-top-border-radius); background-color: var(--mks-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.scroll-header .col-logo > a{
      width: 6.25rem;
      height: 7.5rem
   }

	.mks-nav-menu{
      font-size: 0.875rem;
      margin: 0 -.625rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      align-items: center;
      align-content: center
   }
      .mks-nav-menu > li{margin: 0 .625rem}
      .mks-nav-menu li{position: relative}
      .mks-nav-menu .has-submenu > a{padding-right: 1.25rem}
         .mks-nav-menu .has-submenu > .sub-menu-toggle{position: absolute; top: 0; right: 0; width: 1.25rem; height: 100%; pointer-events: none; user-select: none}
         .mks-nav-menu .sub-menu{
            font-weight: 700;
            display: block!important;
            z-index: 100;
            position: absolute;
            background-color: #fff;
            white-space: nowrap;
            min-width: 10rem;
            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;
            text-align: center
         }
         .mks-nav-menu .sub-menu a{padding-left: var(--mks-gutter-x); padding-right: var(--mks-gutter-x)}

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

         .mks-nav-menu > li > .sub-menu{
            top: 100%;
            left: 50%;
            transform: scale(.6) translateX(-50%);
         }
         .mks-nav-menu li:hover > .sub-menu{opacity:1; pointer-events:all; transform:none}
         .mks-nav-menu > li:hover > .sub-menu{transform: scale(1) translateX(-50%)}

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

   .col-logo + .col-nav{padding-left: 2.8125rem}

   #header-items{
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      justify-content: flex-end
   }
   #header-items > #primary-menu{flex: 1 0 0}
   #header-items .mks-nav-menu{justify-content: center}
}
@media (min-width: 1200px) and (max-width: 1600px){
   .col-logo + .col-nav{padding-left: 0.3125rem}
   * + #header-items{margin-left: 1.25rem}
   #header * + .wp-block-button{margin-left: 1.25rem}

   .mks-nav-menu{margin: 0 -0.625rem}
   .mks-nav-menu > li{margin: 0 0.625rem}

   .mks-social{margin: -.3125rem}
   .mks-social > a{margin: .3125rem}
}
@media (max-width: 1199px){
   .scroll-to-top{
      bottom: .625rem;
      right: .625rem;
      --mks-scroll-top-color: var(--mks-primary-color);
      --mks-scroll-top-bg: var(--mks-secondary-color)
   }

   #header .h-inner{grid-template-columns: 1fr auto}

   #wrapper{overflow: hidden; padding-top: var(--mks-header-height)}
   #header{position: fixed; width: 100%}

   #wrapper{padding-bottom: 0}

   ol{padding-left: 0}

   #header .col-logo + *{padding-left: 0.3125rem}
   #header .col-logo > a{width: 6.25rem}

   .mks-nav-menu li + li{border-top: 1px solid rgba(0, 0, 0, .05)}
   .mks-nav-menu .sub-menu-toggle{
      cursor: pointer;
      align-self: stretch;
      width: 2.375rem;
      position: relative;
      background: rgba(0, 0, 0, .05)
   }
   .mks-nav-menu .sub-menu{display: none; padding: .625rem; background-color:rgba(0, 0, 0, .05)}

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

   #header .col-auto{position: relative; z-index: 10}

   #header-items{
      position: fixed;
      width: 100%;
      top: var(--mks-header-height);
      left: -100%;
      bottom: 0;
      display: grid;
      grid-template-rows: 1fr auto auto;
      gap: 0;
      isolation: isolate;
      transition: left .3s linear;
      background-color: var(--mks-body-bg)
   }
   body.toggled #header-items{left: 0}
   /*
   #header-items::before{
      content: '';
      display: block;
      width: 100%;
      position: absolute;
      top: 0;
      bottom: 0;
      background: rgb(239,236,239);
      background: linear-gradient(45deg, rgba(239,236,239,1) 0%, rgba(255,255,255,1) 50%, rgba(239,236,239,1) 100%);
      z-index: -1
   }
   */
   #header-items > .wp-block-button{
      margin: 0!important;
      padding: 1.875rem 0.9375rem;
      text-align: center;
      background-color: var(--mks-primary-color);
      --mks-btn-font-size: .875rem;
      --mks-btn-line-height: 1rem;
      --mks-btn-color: var(--mks-primary-color);
      --mks-btn-bg: var(--mks-secondary-color);
      --mks-btn-border-color: var(--mks-btn-bg);
      --mks-btn-border-width: 1px;
      --mks-btn-padding-y: calc(.625rem - var(--mks-btn-border-width));
      --mks-btn-padding-x: calc(1.25rem - var(--mks-btn-border-width));
   }
   #header-items > .wp-block-button > .wp-block-button__link::after{background-color: currentColor!important}

   #header-items > nav{
      height: 100%;
      display: grid;
      grid-template-columns: 1fr;
      align-items: center;
      justify-content: center;
      overflow: hidden
   }
      #header-items > nav > ul{overflow-y: auto; position: relative; max-height: 100%}

   #header-items > .mks-social{justify-content: center}
   #header-items > *:not(.wp-block-button){padding-bottom: 1.875rem}

   #header-items .mks-nav-menu li{justify-content: center; align-items: center}
   #header-items .mks-nav-menu li > a{flex: 0 0 auto; position: relative}
   #header-items .mks-nav-menu li + li{border: none; margin-top: 0.625rem}
   #header-items .mks-nav-menu li > .sub-menu-toggle{width: 1.875rem; height: 1.875rem; margin: 0 0 0 .75rem; border-radius: 50%; align-self: center}
   #header-items .mks-nav-menu > li > a{
      font-size: 1.4375rem;
      line-height: 1.875rem;
      font-weight: 500;
   }
   #header-items .mks-nav-menu .sub-menu{
      font-size: 1.0625rem;
      line-height: 1.25rem;
      padding: .9375rem 0;
      background: none!important
   }
   #header-items .mks-nav-menu .sub-menu > li + li{margin-top: 0.625rem}

   #header-items .mks-nav-menu .sub-menu > [class*="current-"] > a,
   #header-items .mks-nav-menu .sub-menu > [class*="current_"] > a{font-weight: 600}

   .f-section__title,
   #footer .col-people > .f-section__title{text-align: center}
   #footer .col-people{margin-left: auto; margin-right: auto}
   
   #footer .col-people > .person-item{margin-left: auto; margin-right: auto}
}
@media (max-width: 819px){
   .block-buildings > .block__body > .building-item{flex: 0 0 50%}
}
@media (max-width: 767px){
   #footer .mks-social{justify-content: center}
   
   #footer .col-people{gap: 2.5rem}
}
@media (max-width: 567px){
   .block-buildings > .block__body > .building-item{flex: 0 0 100%}
}
@media (max-width: 500px){
   #footer .col-people > .person-item{grid-column: 1 / -1}
}

.form-floating{
   --mks-input-padding-x: 0;
   --mks-input-color: inherit;
   --mks-input-border-color: currentColor;
   --mks-input-background-color: rgba(255, 255, 255, 0);
   --mks-input-color-focus: inherit;
   --mks-input-border-color-focus: currentColor;
   --mks-input-background-color-focus: rgba(255, 255, 255, 0);
   --mks-input-placeholder-color: var(--mks-input-color);
}
#footer .form-floating{
   --mks-input-color: #fff;
   --mks-input-color-focus: #fff;
}
.form-floating > .wpcf7-form-control-wrap > .wpcf7-form-control:not(.wpcf7-checkbox):not(.wpcf7-radio):not(.wpcf7-acceptance):not(.wpcf7-submit){border-top: 0; border-left: 0; border-right: 0}
.form-floating > label{color: var(--mks-secondary-color)}

#footer .wpcf7 a{text-decoration: underline!important}