.atm-map-wrapper{align-items:center;aspect-ratio:1.77777778;display:flex;flex-direction:column;width:100%}.atm-map-wrapper .atm-title h2{color:#1e3764;font-size:28px;margin-bottom:56px;text-align:center}@media (min-width:768px){.atm-map-wrapper .atm-title h2{font-size:32px}}.atm-map-wrapper .atm-region{background:rgba(0,0,0,.04);border-radius:60px;box-sizing:border-box;display:flex;flex-direction:column;max-width:570px;padding:12px 60px;position:relative;width:100%}.atm-map-wrapper .atm-region label{font-size:14px}.atm-map-wrapper .atm-region label:before{content:url(/img/bancontact/atm-locator/radar.svg);height:19px;left:25px;position:absolute;top:calc(50% - 9px);width:18px}.atm-map-wrapper .atm-region input{background:initial;border:0;color:#1e3764;font-size:18px;margin:0 0 -4px -4px;outline:none;padding:4px}.atm-map-wrapper .atm-region button{background-color:#f9d849;border:0;border-radius:46px;cursor:pointer;height:46px;position:absolute;right:12px;top:12px;width:46px}.atm-map-wrapper .atm-region button span{font-size:0}.atm-map-wrapper .atm-region button:after{content:"\f11a";font-family:icon-font;font-style:normal;font-weight:400;line-height:1}.atm-map-wrapper .atm-region #region-error{display:none}.atm-map-wrapper .atm-region #region-error.show{background-color:#fff;box-shadow:0 0 8px rgba(0,0,0,.25);box-sizing:border-box;display:block;left:54px;padding:12px;position:absolute;top:calc(100% - 2px);width:calc(100% - 114px);z-index:1}.atm-map-wrapper .atm-map{aspect-ratio:1.77777778;margin-top:30px;position:relative;width:100%}.atm-map-wrapper .atm-map #map{border-radius:0 0 80px 0;height:100%}.atm-map-wrapper .atm-map .atm-list{-ms-overflow-style:none;box-sizing:border-box;height:100%;overflow-y:scroll;padding:30px;position:absolute;scrollbar-width:none;top:0;width:33%}.atm-map-wrapper .atm-map .atm-list::-webkit-scrollbar{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info.show{background-color:#fff;border:1px solid #fff;border-radius:16px;box-shadow:0 0 8px rgba(0,0,0,.25);display:block;margin-bottom:12px;padding:24px}.atm-map-wrapper .atm-map .atm-list .marker-info.show.active{border:1px solid #000}.atm-map-wrapper .atm-map .atm-list .marker-info.show:not(.open)>main{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info header .top{align-items:center;border-bottom:1px solid #e3e3e3;display:flex;padding-bottom:10px}.atm-map-wrapper .atm-map .atm-list .marker-info header .logo{background-color:var(--color);border-radius:7px;height:30px;margin-right:10px;width:auto}.atm-map-wrapper .atm-map .atm-list .marker-info header .title .logo{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info header .title h3{font-size:23px;padding:10px 0 6px}.atm-map-wrapper .atm-map .atm-list .marker-info header .address{display:flex;flex-direction:column;margin-bottom:24px}.atm-map-wrapper .atm-map .atm-list .marker-info header .address *{line-height:1.4}.atm-map-wrapper .atm-map .atm-list .marker-info header .details-box-short{display:flex;gap:6px}.atm-map-wrapper .atm-map .atm-list .marker-info header .details-box-short>*{background-color:rgba(30,55,100,.1);border-radius:4px;padding:4px 9px;text-transform:capitalize}.atm-map-wrapper .atm-map .atm-list .marker-info header .details-box-short .availability.open{background-color:rgba(19,177,122,.2);color:#0c6b4a}.atm-map-wrapper .atm-map .atm-list .marker-info>main{margin-top:36px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long{display:flex;flex-direction:column;gap:8px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long>:before{display:inline-block;height:auto;margin-right:14px;width:14px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long .wheelchair:not(.true){display:none}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long .wheelchair:before{content:url(/img/bancontact/atm-locator/wheelchair.svg)}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long .cashWithdrawal:before{content:url(/img/bancontact/atm-locator/money.svg)}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long .information.empty{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info>main .details-box-long .information:before{content:url(/img/bancontact/atm-locator/text-bubble.svg)}.atm-map-wrapper .atm-map .atm-list .marker-info>main h4{margin-top:34px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule{border-top:1px solid #e3e3e3;margin-top:12px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day{border-bottom:1px solid #e3e3e3;display:flex;flex-wrap:wrap;justify-content:space-between;padding:8px 16px}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day .name{height:-moz-fit-content;height:fit-content;position:relative;text-transform:capitalize}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day .timings{display:flex;flex-direction:column}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day .timings .closed{text-transform:capitalize}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day .open,.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day.open .name{font-weight:700}.atm-map-wrapper .atm-map .atm-list .marker-info>main .schedule .day.open .name:before{background-color:#20be87;border-radius:6px;content:"";height:6px;left:-16px;position:absolute;top:calc(50% - 3px);width:6px}.atm-map-wrapper .atm-map .atm-list .marker-info footer{margin-top:20px;text-align:center}.atm-map-wrapper .atm-map .atm-list .marker-info footer a{color:#1e3764;text-decoration:none}.atm-map-wrapper .atm-map .atm-list .marker-info footer a:after{content:"\f106";display:inline-block;font-family:icon-font;font-size:70%;font-style:normal;font-weight:400;line-height:1;margin-left:8px}.atm-map-wrapper .atm-map .atm-list .marker-info.open footer a:after{transform:scaleY(-1)}@media (max-width:959px){.atm-map-wrapper .atm-map .atm-list{padding:20px;width:40%}}@media (max-width:767px){.atm-map-wrapper{height:100vh;width:100%}.atm-map-wrapper .atm-title h2{margin:24px 0}.atm-map-wrapper .atm-map{aspect-ratio:auto;height:100%;margin-top:22px}.atm-map-wrapper .atm-map #map{border-radius:0}.atm-map-wrapper .atm-map .atm-list{align-items:flex-start;display:flex;gap:14px;height:-moz-fit-content;height:fit-content;max-height:100%;overflow-x:scroll;overflow-y:hidden;padding:24px 24px 0;top:0;width:100%}.atm-map-wrapper .atm-map .atm-list .marker-info.show{-ms-overflow-style:none;box-sizing:border-box;height:-moz-fit-content;height:fit-content;margin-bottom:0;max-height:calc(100vh - 220px);max-width:calc(100vw - 72px);min-width:calc(100vw - 72px);overflow-y:scroll;scrollbar-width:none;width:-moz-fit-content;width:fit-content}.atm-map-wrapper .atm-map .atm-list .marker-info.show::-webkit-scrollbar{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info header .top{display:none}.atm-map-wrapper .atm-map .atm-list .marker-info header .title{position:relative}.atm-map-wrapper .atm-map .atm-list .marker-info header .title .logo{display:block;position:absolute}.atm-map-wrapper .atm-map .atm-list .marker-info header .title h3{margin-left:40px;padding-top:0}}