@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:not(.wpcf7-number)::-webkit-outer-spin-button, input:not(.wpcf7-number)::-webkit-inner-spin-button{-webkit-appearance: none; margin: 0}input:not(.wpcf7-number)[type=number]{-moz-appearance: textfield}body{overflow-x: hidden}svg{height:auto}

#wrapper{padding-top: var(--ama-header-height); overflow: hidden}

/* =============================================================================
   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{
   font-weight: 600;
   text-transform: uppercase;
   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;
   position: relative
}
.wpml-ls:not(.wpml-ls-legacy-list-horizontal) a{min-width: 1.5rem; min-height: 1.5rem}

.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-current-language {color: var(--ama-primary-color)}

/* =============================================================================
   header
   ========================================================================== */
#header{background-color: var(--ama-header-bgcolor); transition: color .4s linear, background .4s linear, transform .4s linear; box-shadow: var(--ama-header-box-shadow)}
   #header .row-main{
      height: var(--ama-header-height);
      max-width: calc(var(--ama-container-header) + var(--ama-gutter-double-x));
      margin: 0 auto;
      padding: 0;
      transition: height .4s linear
   }
      #header ul{padding-left: 0; list-style: none}

#menu-toggle{margin-left: 1.25rem; color: var(--ama-primary-color); 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}
   #menu-toggle.toggled > span{opacity: 0; transition: opacity 0.3s}
      #menu-toggle.toggled::before,
      #menu-toggle.toggled::after{transition: top 0.3s, bottom 0.3s, transform 0.3s 0.3s}
      #menu-toggle.toggled::before{top: calc(50% - 1px); transform: rotate(45deg)}
      #menu-toggle.toggled::after{bottom: calc(50% - 1px); transform: rotate(-45deg)}

/* =============================================================================
   ama-nav-menu
   ========================================================================== */
.ama-nav-menu{list-style: none; padding: 0; margin: 0; font-weight: 600}
   .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)}

/* =============================================================================
   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.25rem}
   
      .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)}

.classic-editor * + *,
.term-description * + *,
*:not(div) + .wp-el{margin-top: var(--ama-margin-top-base)}
.wp-el.has-giant-font-size + .wp-el.has-semi-large-font-size,
.wp-el.has-semi-giant-font-size + .wp-el.has-semi-large-font-size{margin-top: 2.5rem}

.classic-editor * + ul,
.term-description * + ul,
*:not(div) + 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(div) + h1.wp-el,
*:not(div) + h2.wp-el,
*:not(div) + h3.wp-el{margin-top: var(--ama-margin-top-heading)}

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

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

/* wp-block-image */
.wp-el + .wp-block-image{margin-top: 2.5rem}
.wp-block-image + .wp-el{margin-top: 3.125rem}

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

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

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

* + .is-block-title{margin-top: var(--ama-margin-top-block)!important}
.is-block-title + .ama-block{margin-top: 2.5rem!important}

/* =============================================================================
   footer
   ========================================================================== */
#footer{
   --ama-margin-top-base: 1.25rem;
   --ama-btn-bg: #fff;
   --ama-btn-color: var(--ama-primary-color);
   
   padding-top: var(--ama-footer-padding-top);
   padding-bottom: var(--ama-footer-padding-bottom);
   color: var(--ama-footer-color);
   background-color: var(--ama-footer-bgcolor)
}
   #footer a:not(.ama-social-icon){color: inherit; transition: opacity .3s linear}
   #footer a:not(.ama-social-icon):hover{opacity: .7; text-decoration: none}

   #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):not(.wpcf7-submit){
      border-color: #fff;
      background-color: transparent!important;
      color: inherit
   }

   #footer .col-xl-3 > * + *{margin-top: 2.5rem}
   #footer .col-xl-3 > p + p{margin-top: .625rem}
   .footer-info > * + *{margin-top: 1.25rem}
   .footer-info .info-el{gap: .9375rem}

   #footer * + #smly{margin-top: var(--ama-margin-top-wpcf7)}

/* =============================================================================
   scroll to top
   ========================================================================== */
.scroll-to-top{z-index: 20; 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
   ========================================================================== */
#header .row-main > .col-logo{padding-right: .625rem}
#header .row-main > .col-nav{padding-left: 0; padding-right: 0}
#header .row-main > .col-actions{padding-left: .625rem}

@media (min-width: 768px){
   .col-logo .mobile-logo{display: none!important}
}
@media (min-width: 1200px){
   #header.scroll-header{--ama-header-height: 5rem}
   #header.scrollUp{--ama-header-up: calc( var(--ama-header-height) * -1 ); transform: translateY(var(--ama-header-up))}

	.ama-nav-menu{
      margin: -.3125rem -.3125rem;
      display: flex;
      flex-wrap: wrap;
      flex-direction: row;
      justify-content: center;
      align-items: center;
      align-content: center
   }
      .ama-nav-menu > li{margin: .3125rem .3125rem}
      .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 a{padding-left: var(--ama-gutter-x); padding-right: var(--ama-gutter-x)}

         .ama-nav-menu > li > ul{top: 100%}
         .ama-nav-menu li:hover > ul{opacity:1; pointer-events:all; transform:none}

   #primary-menu + .wp-block-button{margin-left: 2.5rem}

   #headerOffcanvas .offcanvas-body{align-items: center}
}
@media (min-width: 1200px) and (max-width: 1400px){
   #header{
      font-size: 14px;
   }

   #header .col-logo a > *{max-width: 120px}
}
@media (min-width: 1401px) and (max-width: 1600px){
   #header .col-logo a > *{max-width: 140px}
}
@media (min-width: 1200px) and (max-width: 1600px){
   .wpml-ls-legacy-list-horizontal ul > li + li{margin-left: .625rem}

   #header{
      --ama-btn-font-size: 12px;
      --ama-btn-line-height: 1.25em;
      --ama-btn-border-width: 1px;
      --ama-btn-padding-x: calc(.625rem - var(--ama-btn-border-width));
      --ama-btn-padding-y: calc(.3125rem - var(--ama-btn-border-width));
   }

   #primary-menu + .wp-block-button{margin-left: 1rem}

   #header * + .ama-socialmedia{margin-left: .625rem}
}
@media (min-width: 1500px){
	.ama-nav-menu{margin: -.3125rem -.9375rem}
      .ama-nav-menu > li{margin: .3125rem .9375rem}
}

@media (max-width: 1199px){
   .wpml-ls-legacy-list-horizontal ul > li + li{margin-left: .625rem}
   #header * + .ama-socialmedia{margin-left: .625rem}

   .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 .offcanvas-body > * + *{padding-top: var(--ama-offcanvas-padding-x); border-top: 1px solid rgba(0, 0, 0, .05)}
   #header .offcanvas-body > .wp-block-button{
      padding-left: var(--ama-offcanvas-padding-x);
      padding-right: var(--ama-offcanvas-padding-x);
   }

   #footer .wpcf7 .form-submit{text-align: left!important}
}
@media (max-width: 767px){
   .col-logo .desktop-logo{display: none!important}
   .col-logo .mobile-logo{height: 70px; width: auto}
}

.museum-content > * + .gallery{margin-top: 3.125rem}

@media (max-width: 991px){
   .museum-sidebar {margin-bottom: 1.5rem}
}
@media (min-width: 992px){
   .museum-content > .gallery{--gallery-grid: 2}
}

/* Added this to make map visible for Back-end-Maksim */
#museum_map{
   position: initial !important;
}
.popup-container{
   position: absolute;
}
/* Added by Designer-Maksim 21.02.2023 */
.open-times p + p {margin-top: .5rem}


@media (min-width: 768px){
   .mobile-quicklinks{display: none}
}
@media (max-width: 767px){
   .mobile-quicklinks{
      font-size: 10px;
      line-height: 12px;
      font-weight: 400;
      letter-spacing: .05em;
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      background-color: var(--ama-secondary-color);
      position: fixed;
      left: 0;
      bottom: 0;
      width: 100%;
      z-index: 10;
      overflow: hidden;
      height: 4rem;
   }
   #footer.has-mobile-quicklinks{padding-bottom: 0}
   #footer.has-mobile-quicklinks > *:last-child{margin-bottom: 9rem}
   .scroll-to-top{bottom: .5rem; right: .5rem}
   #footer.has-mobile-quicklinks + .scroll-to-top{bottom: 4.5rem}

   .cky-revisit-bottom-left{bottom: 4.5rem!important; left: .625rem!important}
}
   .mobile-quicklinks > *{flex: 1 0 0}
   .mobile-quicklinks > * + *{border-left: 1px solid rgba(255, 255, 255, .15)}
   .mobile-quicklinks a{
      display: grid;
      grid-template-rows: 1.875rem 1fr;
      gap: .125rem;
      align-items: center;
      justify-content: center;
      text-align: center;
      color: #fff;
      text-decoration: none;
      padding: .3125rem;
      position: relative;
      height: 100%
   }
      .mobile-quicklinks .quicklink-icon{
         width: 1.875rem;
         height: 1.875rem;
         overflow: hidden;
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         margin: 0 auto;
         padding: .25rem;
         background-color: var(--ama-primary-color);
         border-radius: .3125rem;
      }
      .mobile-quicklinks .quicklink-icon img{max-width: 100%; max-height: 100%; width: auto; height: auto}
      .mobile-quicklinks .quicklink-title{
         display: flex;
         flex-wrap: wrap;
         align-items: center;
         justify-content: center;
         text-align: center;
         height: 1.5rem
      }

   .mobile-quicklinks .is-active > a,
   .mobile-quicklinks a:hover{background-color: var(--ama-primary-color)}
   .mobile-quicklinks .is-active > a .quicklink-icon,
   .mobile-quicklinks a:hover .quicklink-icon{background-color: var(--ama-secondary-color)}

@media (max-width: 375px){
   #footer.has-mobile-quicklinks > *:last-child{margin-bottom: 8rem}
   .mobile-quicklinks{height: 3rem}
      .mobile-quicklinks a{grid-template-rows: 1fr auto}
      .mobile-quicklinks .quicklink-title{display: none}

   .cky-revisit-bottom-left{bottom: 3.5rem!important; left: .625rem!important}
}

.header-search{
   --ama-search-size: 1.875rem;
   --ama-search-icon-mwidth: .9375rem;
   --ama-search-icon-mheight: .9375rem;
   --ama-search-bg-color: #FEF2F6;
   --ama-search-color: var(--ama-primary-color);
   --ama-search-margin: .3125rem;
   --ama-search-bg-color-hover: var(--ama-primary-color);
   --ama-search-color-hover: #FEF2F6;
   margin-left: var(--ama-search-margin);
}
   .header-search > button{
      width: var(--ama-search-size);
      height: var(--ama-search-size);
      margin: var(--ama-search-margin);
      border-radius: 50%;
      background-color: var(--ama-search-bg-color);
      color: var(--ama-search-color);
      padding: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      text-decoration: none!important;
      transition: all .3s linear;
      border: none
   }
   .header-search > button:hover{
      background-color: var(--ama-search-bg-color-hover);
      color: var(--ama-search-color-hover);
   }
   .header-search > .position-absolute{
      width: 70vw;
      max-width: 340px;
      top: calc(100% + .3125rem);
      right: 0;
      box-shadow: 0 0 3.125rem 0 rgba(66, 68, 90, .1);
   }
      .header-search > .position-absolute > *{
         padding: 10px;
         background-color: #fff;
      }

.header-search .bsearch-form-container,
.search-form{margin: 0}

.header-search .bsearchform,
.search-form{
   display: grid;
   grid-template-columns: 1fr auto;
}

.header-search .bsearch-form-search-field{padding: 0}
.header-search .bsearchform input[type=search],
.header-search .bsearchform select,
.search-form *[type="text"],
.search-form *[type="search"]{
   width: 100%;
   display: block;
   padding: 5px 10px;
   border: 1px solid #ddd;
   height: 38px;
}
.header-search .bsearchform .searchsubmit,
.search-form *[type="submit"]{
   display: block;
   background-color: var(--ama-primary-color);
   border: none;
   padding: 5px 10px;
   color: #fff;
   height: 38px;
   transition: background .3s linear;
}
.header-search .bsearchform .searchsubmit:hover,
.search-form *[type="submit"]:hover{background-color: var(--ama-secondary-color)}

.gutenberg-elements .search-form{
   max-width: 25rem;
}
.gutenberg-elements > .search-form{
   margin-left: auto;
   margin-right: auto
}
.gutenberg-elements > * + .search-form{margin-top: 2.5rem}

.empty-search-actions{margin: -.625rem}
.empty-search-actions > *{padding: .625rem}
* + .empty-search-actions{margin-top: 2.5rem}

.empty-search-actions > span{flex: 0 0 100%; width: 100%}

.empty-search-actions .search-form *[type="search"]{
   border-top-left-radius: 1.25rem;
   border-bottom-left-radius: 1.25rem;
   padding-left: 1.25rem
}
.empty-search-actions .search-form *[type="submit"]{
   border-top-right-radius: 1.25rem;
   border-bottom-right-radius: 1.25rem;
   padding-right: 1.25rem
}

/* clears the 'X' from Internet Explorer */
input[type=search]::-ms-clear,
input[type=search]::-ms-reveal{display: none; width: 0; height: 0}
/* clears the 'X' from Chrome */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration{display: none}

.search-result-item + .search-result-item{
   margin-top: 2.5rem;
   padding-top: 2.5rem;
   border-top: 1px solid #dedede
}
.search-result-item > * + *{margin-top: 1.25rem}

.search-result-item .item-type > span{background-color: var(--ama-primary-color); color: #fff; font-size: 12px; line-height: 14px; display: inline-block; padding: 6px 12px; border-radius: 10px; text-transform: uppercase; letter-spacing: .05em; font-weight: 700}
.result-item--title{
   display: grid;
   grid-template-columns: 1fr auto;
   gap: var(--ama-gutter-x);
   align-items: center
}

.map{min-width: 100%!important}