.device-cordova.device-ios{height:100vh}*{outline:none;margin:0;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-tap-highlight-color:transparent}*,:after,:before{box-sizing:border-box}html{overflow-y:scroll;font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.15}img{border:0;max-width:100%;vertical-align:middle}textarea{resize:none}article,aside,details,figcaption,figure,footer,header,main,menu,nav,section,summary{display:block}a{background-color:transparent;color:inherit;text-decoration:none}a:active,a:hover{outline:0}button,input,optgroup,select,textarea{font:inherit;margin:0}button,select{text-transform:none}button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer;border-radius:0}h1,h2,h3,h4,h5,h6{font-weight:400}li{list-style:none}u{text-decoration:underline}::-webkit-file-upload-button{cursor:pointer}input:-webkit-autofill{-webkit-box-shadow:0 0 0 30px #fff inset}input:-webkit-autofill.input-error{-webkit-box-shadow:0 0 0 30px #c99 inset}.statusbar-overlay{background:#000}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Thin.woff2) format("woff2"),url(../assets/fonts/Montserrat-Thin.woff) format("woff");font-weight:100;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-ExtraLight.woff2) format("woff2"),url(../assets/fonts/Montserrat-ExtraLight.woff) format("woff");font-weight:200;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Light.woff2) format("woff2"),url(../assets/fonts/Montserrat-Light.woff) format("woff");font-weight:300;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Regular.woff2) format("woff2"),url(../assets/fonts/Montserrat-Regular.woff) format("woff");font-weight:400;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Medium.woff2) format("woff2"),url(../assets/fonts/Montserrat-Medium.woff) format("woff");font-weight:500;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-SemiBold.woff2) format("woff2"),url(../assets/fonts/Montserrat-SemiBold.woff) format("woff");font-weight:600;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Bold.woff2) format("woff2"),url(../assets/fonts/Montserrat-Bold.woff) format("woff");font-weight:700;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-ExtraBold.woff2) format("woff2"),url(../assets/fonts/Montserrat-ExtraBold.woff) format("woff");font-weight:800;font-style:normal}@font-face{font-family:Montserrat;src:url(../assets/fonts/Montserrat-Black.woff2) format("woff2"),url(../assets/fonts/Montserrat-Black.woff) format("woff");font-weight:900;font-style:normal}:root{--content-top:115px;--content-top-padding:25px;--content-bottom:60px;--content-bottom-padding:25px}@media screen and (min-width:450px){:root{--content-bottom:75px}}*{font-family:Montserrat}html{font-size:62.5%;position:relative;height:100%;width:100%;overflow:hidden}@media screen and (max-width:1020px){html{font-size:60%}}@media screen and (max-width:767px){html{font-size:56%}}body{margin:0;padding:0;width:100%;background:#fff;overflow:hidden;-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;font-family:var(--f7-font-family);font-size:14px;line-height:1.4;color:var(--f7-text-color);position:relative;height:100%}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#888;border-radius:4px;border:4px solid transparent}::-webkit-scrollbar-thumb:hover{background:#555}#app{background-color:#f6e5c0;background-image:url(../assets/images/global/background.png);background-repeat:repeat;min-height:100%;width:100%}#app,.view,.views{overflow:hidden;box-sizing:border-box;position:relative;height:100%}.view,.views{z-index:5000}.view .page{position:absolute;left:0;top:0;width:100%;transform:none;background:transparent}.page-content,.view .page{box-sizing:border-box;height:100%;z-index:1}.page-content{overflow:auto;-webkit-overflow-scrolling:touch;position:relative}.button{text-decoration:none;text-align:center;display:block;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:none;margin:0;white-space:nowrap;text-overflow:ellipsis;position:relative;overflow:hidden;font-family:inherit;outline:0;box-sizing:border-box;vertical-align:middle;justify-content:center;align-items:center;border:var(--f7-button-border-width,0) solid var(--f7-button-border-color,var(--f7-theme-color));font-size:var(--f7-button-font-size);color:var(--f7-button-text-color,var(--f7-theme-color));height:var(--f7-button-height);line-height:calc(var(--f7-button-height) - var(--f7-button-border-width, 0) * 2);padding:var(--f7-button-padding-vertical,0) var(--f7-button-padding-horizontal);border-radius:var(--f7-button-border-radius);min-width:var(--f7-button-min-width);font-weight:var(--f7-button-font-weight);letter-spacing:var(--f7-button-letter-spacing);text-transform:var(--f7-button-text-transform);background-color:var(--f7-button-bg-color);box-shadow:var(--f7-button-box-shadow);user-select:none}input[type=date],input[type=datetime-local],input[type=email],input[type=month],input[type=number],input[type=password],input[type=search],input[type=tel],input[type=text],input[type=time],input[type=url],select,textarea{box-sizing:border-box;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;box-shadow:none;border-radius:0;outline:0;display:block;padding:0;margin:0;font-family:inherit;background:none;resize:none;font-size:inherit;color:inherit}input[type=password],input[type=text],textarea{border-radius:0;-webkit-appearance:none}.hide{display:none!important}.button{background-color:#0096db;color:#fff!important;height:auto!important;font-weight:300;font-size:13px;line-height:13px!important;padding:10px!important;border-radius:20px!important;cursor:pointer}@media screen and (min-width:450px){.button{font-size:14px!important;line-height:14px!important}}.button.contrast{background-color:#ffcf44;color:#0663af!important;font-weight:400}.button.small{font-weight:300;font-size:11px!important;line-height:11px!important;padding:7px 10px!important;text-transform:none}@media screen and (min-width:450px){.button.small{font-size:12px!important;line-height:12px!important;padding:10px 14px!important}}.button.big{padding:14px 10px!important}@media screen and (min-width:450px){.button.big{padding:16px 12px!important;border-radius:24px}}.button.inactive{background-color:#999!important;color:#666!important;pointer-events:none;cursor:auto}.logotype{display:block;background:url(../assets/images/global/logo.svg) 50% 50% no-repeat;background-size:contain;width:140px;height:30px}.header{top:0;height:140px;z-index:10}.header,.header .background{position:absolute;left:0;width:100%}.header .background{top:-570px;height:710px;background-image:url(../assets/images/global/top-effect.png);background-position:bottom;background-size:450px 510px;background-repeat:repeat-x;pointer-events:none}.header .container{position:relative;max-width:375px;padding-top:1px}@media screen and (min-width:450px){.header .container{max-width:900px}}.header .icon-back{position:absolute;top:5px;left:8px;background-image:url(../assets/images/global/icon-back.svg?v=0);background-size:23px 14px;background-position:50%;background-repeat:no-repeat;width:48px;height:42px;cursor:pointer;pointer-events:all}.header .icon-back:after{display:none}@media screen and (min-width:450px){.header .icon-back{background-size:28px 17px;width:58px;height:50px}}.header .title{padding-left:60px;padding-top:18px;font-size:18px;line-height:18px;font-weight:200;color:#fff}.header .title.center{padding-left:0;text-align:center}@media screen and (min-width:450px){.header .title{font-size:22px;line-height:22px}}.header .intro{text-align:center;font-size:12px;font-weight:400;color:#fff;padding:10px 10px 0}@media screen and (min-width:450px){.header .intro{font-size:14px;max-width:650px;padding-left:25px;padding-right:25px;margin-left:auto;margin-right:auto}}.header .language{position:absolute;top:8px;right:8px;width:50px;height:26px;background-color:#0481b8;border-radius:13px;display:flex;justify-content:center;align-items:center}@media screen and (min-width:450px){.header .language{top:10px;right:10px;width:56px;height:28px;border-radius:14px}}.header .language .selected{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:11px;background-color:#fff}@media screen and (min-width:450px){.header .language .selected{width:24px;height:24px;border-radius:13px}}.header .language.animate .selected{transition:left .2s linear}.header .language .item{position:relative;width:25px;text-align:center;font-size:10px;font-weight:400;color:#fff;cursor:pointer;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}@media screen and (min-width:450px){.header .language .item{width:28px;font-size:12px}}.header .language.en .item-en{color:#0096db}.header .language.en .selected{left:2px}.header .language.pt .item-pt{color:#0096db}.header .language.pt .selected{left:26px}@media screen and (min-width:450px){.header .language.pt .selected{left:30px}}.page-content{top:calc(var(--content-top));padding-top:calc(var(--content-top-padding));padding-bottom:calc(var(--content-bottom-padding));height:calc(100% - var(--content-top) - var(--content-bottom))}.container{position:relative;max-width:330px;margin:0 auto}@media screen and (max-width:360px){.container{padding-left:10px;padding-right:10px}}@media screen and (min-width:450px){.container{max-width:900px;padding-left:25px;padding-right:25px}}.footer-menu{position:absolute;bottom:0;left:0;z-index:100;width:100%;padding-bottom:0;height:60px;background:#fff}@media screen and (min-width:450px){.footer-menu{height:75px}}.footer-menu:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background-color:rgba(0,0,0,.1)}.footer-menu .container{max-width:300px;height:100%;display:flex;justify-content:space-between;align-items:stretch}@media screen and (max-width:360px){.footer-menu .container{padding-left:20px;padding-right:20px}}@media screen and (min-width:450px){.footer-menu .container{max-width:650px;padding-left:25px;padding-right:25px;justify-content:space-evenly}}.footer-menu .footer-menu-item{display:flex;align-items:center;justify-content:center;color:#999;font-size:10px;flex-direction:column;cursor:pointer}@media screen and (min-width:450px){.footer-menu .footer-menu-item{font-size:12px}}.footer-menu .footer-menu-item.selected{color:#0096db}.footer-menu .footer-menu-item .icon{width:18px;height:18px;margin:8px 0 6px}@media screen and (min-width:450px){.footer-menu .footer-menu-item .icon{width:24px;height:24px}}.footer-menu .about .icon{background:url(../assets/images/menu/about-inactive.svg) 50% 50% no-repeat}.footer-menu .about.selected .icon{background:url(../assets/images/menu/about-active.svg) 50% 50% no-repeat}.footer-menu .favorites .icon{width:21px;background:url(../assets/images/menu/favorites-inactive.svg) 50% 50% no-repeat}@media screen and (min-width:450px){.footer-menu .favorites .icon{width:27px}}.footer-menu .favorites.selected .icon{background:url(../assets/images/menu/favorites-active.svg) 50% 50% no-repeat}.footer-menu .notifications .icon{width:17px;background:url(../assets/images/menu/notifications-inactive.svg) 50% 50% no-repeat}@media screen and (min-width:450px){.footer-menu .notifications .icon{width:23px}}.footer-menu .notifications.selected .icon{background:url(../assets/images/menu/notifications-active.svg) 50% 50% no-repeat}.footer-menu .rules .icon{width:19px;background:url(../assets/images/menu/rules-inactive.svg) 50% 50% no-repeat}@media screen and (min-width:450px){.footer-menu .rules .icon{width:25px}}.footer-menu .rules.selected .icon{background:url(../assets/images/menu/rules-active.svg) 50% 50% no-repeat}.footer-menu .search .icon{width:16px;background:url(../assets/images/menu/search-inactive.svg) 50% 50% no-repeat}@media screen and (min-width:450px){.footer-menu .search .icon{width:22px}}.footer-menu .search.selected .icon{background:url(../assets/images/menu/search-active.svg) 50% 50% no-repeat}.list-component .title{font-size:14px;color:#0096db;padding-left:20px}.list-component .group{padding-top:3px;padding-bottom:10px}.list-component .group .item{margin-bottom:10px;background-color:hsla(0,0%,100%,.6);height:42px;border-radius:8px;display:flex;justify-content:flex-start;align-items:center;cursor:pointer}@media screen and (min-width:450px){.list-component .group .item{height:50px}}.list-component .group .item:last-child{margin-bottom:0}.list-component .group .item .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.list-component.beach-info .group .item{position:relative;min-height:58px;height:auto;flex-direction:column}.list-component.beach-info .group .item .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.list-component.beach-info .group .item .beach{width:100%;min-height:38px;display:flex;justify-content:center;flex-direction:column;align-items:flex-start;padding:4px 0 4px 20px;font-size:14px;line-height:16px;font-weight:300;color:#000}.list-component.beach-info .group .item .beach .region{margin-top:2px;font-size:11px;line-height:13px}.list-component.beach-info .group .item .top{width:100%;height:20px;background-color:hsla(0,0%,100%,.4);border-radius:8px 8px 0 0;padding-left:20px;display:flex;justify-content:flex-start;align-items:center;font-size:10px;font-weight:300;color:#4d4d4d}.list-component.beach-info .group .item .favorite{position:absolute;top:7px;right:10px;display:flex;justify-content:center;align-items:center}.list-component.beach-info .group .item .favorite.hide{display:none}.list-component.beach-info .group .item .icon-heart{background:url(../assets/images/favorites/icon-heart.svg) 50% 50% no-repeat;background-size:contain;width:22px;height:18px}.list-component.beach-info .group .item .status{position:absolute;top:0;right:5px;width:100px;height:100%;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;padding-top:4px}.list-component.beach-info .group .item .status .icon{width:24px;height:24px;background-image:url(../assets/images/global/quality-type1.svg);background-size:contain;background-repeat:no-repeat}.list-component.beach-info .group .item .status .info{padding-top:4px;font-size:11px;font-weight:300;color:#4d4d4d}.list-component.beach-info .group .item .status.small{right:6px;width:20px;height:24px}.list-component.beach-info .group .item .status.small .icon{width:20px;height:20px}.list-component.beach-info .group .item .status.type2 .icon{background-image:url(../assets/images/global/quality-type2.svg)}.list-component.beach-info .group .item .status.type3 .icon{background-image:url(../assets/images/global/quality-type3.svg)}.list-component.beach-info.directions .group .item .beach{padding-right:124px}.list-component.beach-info.status .group .item .beach{padding-right:110px}.list-component.beach-facilities .group .item{position:relative;padding-left:10px;padding-right:52px}.list-component.beach-facilities .group .item .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.list-component.beach-facilities .group .item .icon{width:45px;height:28px;background-size:contain;background-position:0;background-repeat:no-repeat}.list-component.beach-facilities .group .item .name{padding-left:10px}.list-component.beach-facilities .group .item .toggle{position:absolute;top:0;right:8px;bottom:0;margin:auto;width:40px;height:24px;border-radius:15px;background-color:#dcceae}.list-component.beach-facilities .group .item .toggle:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:20px;background-color:#fff;box-shadow:-2px 2px 1px 0 rgba(0,0,0,.1);transition:left .2s linear}.list-component.beach-facilities .group .item.selected .toggle{background-color:#0096db}.list-component.beach-facilities .group .item.selected .toggle:before{left:18px}.list-component.beach-facilities .group .item.coastal .icon{background-image:url(../assets/images/facilities/coastal-search.svg)}.list-component.beach-facilities .group .item.inner .icon{background-image:url(../assets/images/facilities/inner-search.svg)}.list-component.beach-facilities .group .item.blue-flag .icon{background-image:url(../assets/images/facilities/blue-flag-search.svg)}.list-component.beach-facilities .group .item.accessible .icon{background-image:url(../assets/images/facilities/accessible-search.svg)}.list-component.beach-facilities .group .item.work-progress .icon{background-image:url(../assets/images/facilities/work-progress-search.svg)}.list-component.beach-facilities .group .item.great-waves .icon{background-image:url(../assets/images/facilities/great-waves-search.svg)}.list-component.beach-facilities .group .item.falling .icon{background-image:url(../assets/images/facilities/falling-search.svg)}.list-component.beach-facilities .group .item.surveillance .icon{background-image:url(../assets/images/facilities/surveillance-search.svg)}.list-component.beach-facilities .group .item.swimming-support .icon{background-image:url(../assets/images/facilities/swimming-support-search.svg)}.list-component.beach-facilities .group .item.beach-support .icon{background-image:url(../assets/images/facilities/beach-support-search.svg)}.list-component.beach-facilities .group .item.amphibious-chair .icon{background-image:url(../assets/images/facilities/amphibious-chair-search.svg)}.list-component.beach-facilities .group .item.first-aid .icon{background-image:url(../assets/images/facilities/first-aid-search.svg)}.list-component.beach-facilities .group .item.wc .icon{background-image:url(../assets/images/facilities/wc-search.svg)}.list-component.beach-facilities .group .item.shower .icon{background-image:url(../assets/images/facilities/shower-search.svg)}.list-component.beach-facilities .group .item.garbage .icon{background-image:url(../assets/images/facilities/garbage-search.svg)}.list-component.beach-facilities .group .item.cleaning .icon{background-image:url(../assets/images/facilities/cleaning-search.svg)}.list-component.beach-facilities .group .item.info-board .icon{background-image:url(../assets/images/facilities/info-board-search.svg)}.list-component.beach-facilities .group .item.parking .icon{background-image:url(../assets/images/facilities/parking-search.svg)}.list-component.favorites .group .item{position:relative;padding-left:10px;height:auto;min-height:42px}.list-component.favorites .group .item .background{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}.list-component.favorites .group .item .icon{position:relative;width:35px;height:24px;background-image:url(../assets/images/favorites/icon-beach.svg);background-size:contain;background-repeat:no-repeat}.list-component.favorites .group .item .beach{width:100%;height:100%;padding:4px 45px 4px 10px;display:flex;justify-content:flex-start;align-items:center;font-size:14px;line-height:16px;font-weight:300;color:#000}.list-component.favorites .group .item .unfavorite{position:absolute;top:0;right:0;width:50px;height:100%;display:flex;justify-content:center;align-items:center;cursor:pointer;z-index:2}.list-component.favorites .group .item .icon-heart{background:url(../assets/images/favorites/icon-heart.svg) 50% 50% no-repeat;background-size:contain;width:22px;height:18px}.search-section{position:relative;max-width:315px;margin:25px auto 0;padding-right:54px;pointer-events:all}@media screen and (max-width:360px){.search-section{margin-top:18px}}@media screen and (min-width:450px){.search-section{max-width:420px;padding-right:60px}}.search-section input{background-color:hsla(0,0%,100%,.7);border-radius:20px;width:100%;height:40px;padding:13px 20px;font-size:12px;line-height:14px;font-weight:400;color:#4d4d4d;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}.search-section input.selected{background-color:#fff}@media screen and (min-width:450px){.search-section input{font-size:14px;line-height:16px;padding:15px 20px 14px;height:45px}}.search-section .icon-search{display:none;bottom:0;right:70px;width:20px;height:20px;background-image:url(../assets/images/search/icon-search-active.svg);background-size:20px 20px;pointer-events:none}.search-section .icon-advanced-search,.search-section .icon-search{position:absolute;top:0;margin:auto;background-repeat:no-repeat;background-position:50%}.search-section .icon-advanced-search{right:2px;width:40px;height:40px;background-image:url(../assets/images/search/icon-advanced-search.svg);background-color:#0096db;background-size:16px 16px;border-radius:50%;cursor:pointer;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}.search-section .icon-advanced-search.active{background-image:url(../assets/images/search/icon-search-active.svg);cursor:pointer;pointer-events:all}@media screen and (min-width:450px){.search-section .icon-advanced-search{width:45px;height:45px}}.search-section .search-link{width:100%;display:inline-block;text-align:right;font-size:10px;padding-top:5px;padding-right:10px;color:#fff;z-index:10}.icon-help{position:absolute;top:0;right:0;width:24px;height:24px;background-image:url(../assets/images/global/icon-help.svg);background-size:contain;background-repeat:no-repeat;cursor:pointer;pointer-events:all}@media screen and (min-width:450px){.icon-help{width:28px;height:28px}}.directions-button{position:absolute;display:inline-block;bottom:6px;right:6px;background-color:#0096db;font-size:11px;font-weight:300;color:#fff!important;padding:4px 12px;border-radius:10px;cursor:pointer;pointer-events:all;z-index:2}@media screen and (min-width:450px){.directions-button{font-size:13px}}.no-results{display:block;font-size:12px;margin-top:0;margin-bottom:20px}@media screen and (min-width:450px){.no-results{font-size:13px;text-align:center}}.warning-info{position:relative;padding-left:35px;font-size:12px;font-weight:400;color:#333;margin-bottom:15px}@media screen and (min-width:450px){.warning-info{font-size:13px}}.warning-info:before{content:"";position:absolute;top:0;bottom:0;left:0;margin:auto;background-image:url(../assets/images/global/warning.svg);background-position:contain;background-repeat:no-repeat;width:25px;height:20px}.warning-limit{position:relative;font-size:12px;font-weight:400;color:#333;margin-top:5px;margin-bottom:0}@media screen and (min-width:450px){.warning-limit{font-size:13px}}.beach-item{position:relative;display:block;min-height:60px;background-color:hsla(0,0%,100%,.4);border-radius:0 10px 10px 0;margin-bottom:8px;cursor:pointer}.beach-item:last-child{margin-bottom:0}.beach-item .hitarea{position:absolute;top:0;left:0;width:100%;height:100%}.beach-item .item-block{width:100%;display:flex;justify-content:space-between;align-items:center;padding-left:45px;padding-right:10px;pointer-events:none}@media screen and (min-width:450px){.beach-item .item-block{padding-left:65px}}.beach-item .item-header{position:relative;background-color:hsla(0,0%,100%,.6);height:25px;border-radius:0 10px 0 0}@media screen and (min-width:450px){.beach-item .item-header{height:40px}}.beach-item .item-header .beach-title{font-size:13px;line-height:13px;font-weight:300;color:#000}@media screen and (min-width:450px){.beach-item .item-header .beach-title{font-size:15px;line-height:15px}}.beach-item .item-header .beach-info{width:70px;flex-shrink:0}.beach-item .item-header .unfavorite{width:25px;height:18px;display:flex;justify-content:center;align-items:center;cursor:pointer;pointer-events:all;z-index:2}@media screen and (min-width:450px){.beach-item .item-header .unfavorite{width:28px;height:20px}}.beach-item .item-header .unfavorite .icon-heart{background:url(../assets/images/favorites/icon-heart.svg) 50% 50% no-repeat;background-size:contain;width:22px;height:18px}@media screen and (min-width:450px){.beach-item .item-header .unfavorite .icon-heart{width:24px;height:20px}}.beach-item .item-header .kms{text-align:right;padding-right:22px;font-size:10px;color:#4d4d4d}@media screen and (min-width:450px){.beach-item .item-header .kms{font-size:12px;padding-right:30px}}.beach-item .item-header .water-quality{position:absolute;top:0;bottom:0;margin:auto;right:6px;width:20px;height:20px;background-image:url(../assets/images/global/quality-type1.svg);background-size:contain;background-repeat:no-repeat}@media screen and (min-width:450px){.beach-item .item-header .water-quality{width:24px;height:24px}}.beach-item .item-header .water-quality.type2{background-image:url(../assets/images/global/quality-type2.svg)}.beach-item .item-header .water-quality.type3{background-image:url(../assets/images/global/quality-type3.svg)}.beach-item .item-details{min-height:35px;padding-top:5px;padding-bottom:5px}@media screen and (min-width:450px){.beach-item .item-details{min-height:45px}}.beach-item .item-details .get-directions{flex-shrink:0}.beach-item .item-details .get-directions .directions-button{position:relative;right:auto;bottom:auto}.beach-item .item-details .info.type0 .info-title.occupancy-title{padding-right:20px;max-width:175px}@media screen and (max-width:360px){.beach-item .item-details .info.type0 .info-title.occupancy-title{padding-right:10px}}@media screen and (min-width:450px){.beach-item .item-details .info.type0 .info-title.occupancy-title{max-width:none}}.beach-item .item-details .info.type0 .info-title.quality-title{padding-left:20px}.beach-item .item-details .info.type0 .info-date{display:none}.beach-item .item-details .info .info-title{color:#333;font-size:11px;font-weight:700}@media screen and (min-width:450px){.beach-item .item-details .info .info-title{font-size:13px}}.beach-item .item-details .info .info-date{color:#333;font-size:10px;font-weight:400}@media screen and (min-width:450px){.beach-item .item-details .info .info-date{font-size:12px}}.beach-item .item-details .info.quality{position:relative;text-align:right;padding-right:30px}.beach-item .item-details .info.quality:before{content:"";position:absolute;top:0;bottom:0;right:0;margin:auto;background-position:contain;background-repeat:no-repeat;width:24px;height:24px}@media screen and (min-width:450px){.beach-item .item-details .info.quality:before{width:28px;height:28px}}.beach-item .item-details .info.quality.type0{padding-right:0;max-width:130px}@media screen and (min-width:450px){.beach-item .item-details .info.quality.type0{max-width:none}}.beach-item .item-details .info.quality.type0:before{display:none}.beach-item .item-details .info.quality.type1:before{background-image:url(../assets/images/global/quality-type1.svg)}.beach-item .item-details .info.quality.type2:before{background-image:url(../assets/images/global/quality-type2.svg)}.beach-item .item-details .info.quality.type3:before{background-image:url(../assets/images/global/quality-type3.svg)}.beach-item .occupancy-icon{position:absolute;top:0;bottom:0;margin:auto;left:0;width:40px;height:60px;background-repeat:no-repeat;background-position:0;background-size:contain;pointer-events:none}@media screen and (min-width:450px){.beach-item .occupancy-icon{width:55px;height:75px}}.beach-item .occupancy-icon.type0{background-image:url(../assets/images/global/occupancy-type0.svg)}.beach-item .occupancy-icon.type1{background-image:url(../assets/images/global/occupancy-type1.svg)}.beach-item .occupancy-icon.type2{background-image:url(../assets/images/global/occupancy-type2.svg)}.beach-item .occupancy-icon.type3{background-image:url(../assets/images/global/occupancy-type3.svg)}.filter-group{display:flex;justify-content:space-between;align-items:flex-start;width:100%;max-width:339px;margin-top:15px}@media screen and (max-width:360px){.filter-group{max-width:300px}}@media screen and (min-width:450px){.filter-group{max-width:420px}}.filter-group .filter-item.item-region{flex-grow:1}@media screen and (min-width:450px){.filter-group .filter-item.item-region{max-width:200px}}.filter-group .filter-item.item-near{flex-shrink:0;flex-grow:0;max-width:140px;min-width:110px;margin-right:10px}@media screen and (min-width:450px){.filter-group .filter-item.item-near{max-width:200px}}.filter-button{position:relative;width:155px;height:40px;border-radius:40px;display:flex;justify-content:center;align-items:center;font-size:12px;font-weight:300;background-color:#0481b8;color:#fff;cursor:pointer}@media screen and (min-width:450px){.filter-button{font-size:14px;width:180px;height:45px;border-radius:45px}}.filter-button select{width:100%;height:100%;padding-left:10px;padding-right:30px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:pointer}.filter-button .region-option{color:#000}.filter-button.near{padding:0 8px;justify-content:flex-start}.filter-button.near .icon{width:16px;height:23px;background-image:url(../assets/images/search/icon-near-inactive.svg);background-size:contain;background-repeat:no-repeat;margin-right:7px}.filter-button.region{width:100%;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}.filter-button.region .icon{position:absolute;top:0;right:13px;bottom:0;margin:auto;width:9px;height:4px;background-image:url(../assets/images/search/icon-down-inactive.svg);background-size:contain;background-repeat:no-repeat;pointer-events:none}.filter-button.selected{background-color:#fff;color:#0096db}.filter-button.selected.near .icon{background-image:url(../assets/images/search/icon-near-active.svg)}.filter-button.selected.region .icon{background-image:url(../assets/images/search/icon-down-active.svg)}.filter-button.inactive{background-color:#999;color:#fff;pointer-events:none;cursor:auto}.filter-button.inactive.near .icon{background-image:url(../assets/images/search/icon-near-inactive.svg)}.footer-search{position:absolute;bottom:60px;left:0;width:100%;height:65px;background:#0096db;z-index:101}@media screen and (min-width:450px){.footer-search{height:75px;bottom:75px}}.footer-search:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background-color:rgba(0,0,0,.1)}.footer-search .container{display:flex;justify-content:flex-start;align-items:center;height:100%}.search-section-top{display:flex;width:100%;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.search-section-top .occupancy-toggle{position:relative;width:339px;height:40px;background-color:#0481b8;border-radius:20px;display:flex;justify-content:center;align-items:center}@media screen and (max-width:360px){.search-section-top .occupancy-toggle{width:300px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle{width:420px;height:45px;border-radius:23px}}.search-section-top .occupancy-toggle .selected{display:none;position:absolute;top:0;left:0;width:113px;height:40px;border-radius:20px;background-color:#fff;transition:left .2s linear;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}@media screen and (max-width:360px){.search-section-top .occupancy-toggle .selected{width:100px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle .selected{width:140px;height:45px}}.search-section-top .occupancy-toggle .occupancy-item{position:relative;width:113px;font-size:11px;font-weight:400;color:#fff;padding:0 20px 0 38px;cursor:pointer}@media screen and (max-width:360px){.search-section-top .occupancy-toggle .occupancy-item{padding:0 10px 0 30px;width:100px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle .occupancy-item{padding-left:45px;font-size:14px;line-height:16px;width:140px}}.search-section-top .occupancy-toggle .occupancy-item:before{content:"";position:absolute;top:0;left:15px;bottom:0;margin:auto;background-position:contain;background-repeat:no-repeat;width:15px;height:26px}@media screen and (max-width:360px){.search-section-top .occupancy-toggle .occupancy-item:before{left:10px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle .occupancy-item:before{width:17px;height:30px}}.search-section-top .occupancy-toggle .occupancy-item.type1:before{background-image:url(../assets/images/global/occupancy-flag1.svg)}.search-section-top .occupancy-toggle .occupancy-item.type2:before{background-image:url(../assets/images/global/occupancy-flag2.svg)}.search-section-top .occupancy-toggle .occupancy-item.type3:before{background-image:url(../assets/images/global/occupancy-flag3.svg)}.search-section-top .occupancy-toggle.type1 .selected{display:block;left:0}.search-section-top .occupancy-toggle.type1 .occupancy-item.type1{color:#0096db}.search-section-top .occupancy-toggle.type2 .selected{display:block;left:113px}@media screen and (max-width:360px){.search-section-top .occupancy-toggle.type2 .selected{left:100px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle.type2 .selected{left:140px}}.search-section-top .occupancy-toggle.type2 .occupancy-item.type2{color:#0096db}.search-section-top .occupancy-toggle.type3 .selected{display:block;left:226px}@media screen and (max-width:360px){.search-section-top .occupancy-toggle.type3 .selected{left:200px}}@media screen and (min-width:450px){.search-section-top .occupancy-toggle.type3 .selected{left:280px}}.search-section-top .occupancy-toggle.type3 .occupancy-item.type3{color:#0096db}.search-section-top .near{width:auto;justify-content:center;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}.search-section-top .filter-item-help{margin-top:5px;font-size:10px;color:#fff;font-weight:500;text-align:center}@media screen and (min-width:450px){.search-section-top .filter-item-help{font-size:11px}}.search-button{width:170px;margin:0 auto;text-transform:none;box-shadow:3px 3px 2px 2px rgba(0,0,0,.1)}.loading{position:fixed;top:0;left:0;width:100%;height:100%;z-index:5001;display:none;justify-content:center;align-items:center}.spinner{margin:100px auto 0;width:70px;text-align:center}.spinner>div{width:18px;height:18px;background-color:#0096db;opacity:1;border-radius:100%;display:inline-block;-webkit-animation:a 1.4s infinite ease-in-out both;animation:a 1.4s infinite ease-in-out both}.spinner .bounce1{-webkit-animation-delay:-.32s;animation-delay:-.32s}.spinner .bounce2{-webkit-animation-delay:-.16s;animation-delay:-.16s}@-webkit-keyframes a{0%,80%,to{-webkit-transform:scale(0)}40%{-webkit-transform:scale(1)}}@keyframes a{0%,80%,to{-webkit-transform:scale(0);transform:scale(0)}40%{-webkit-transform:scale(1);transform:scale(1)}}.page-error .header .logotype{display:block;margin:20px auto 0}.page-error .page-content .error-contents{position:absolute;top:0;left:0;display:flex;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;padding:0 25px}.page-error .page-content .error-contents .text{margin-top:30px;color:#000;text-align:center;font-size:16px;line-height:20px}.page-error .page-content .error-contents .text b,.page-error .page-content .error-contents .text strong{font-weight:600}.page-error .page-content .error-contents .button{margin-top:25px;min-width:150px;text-transform:none;padding-left:40px!important;padding-right:40px!important}@media screen and (min-width:450px){.page-about .header .title,.page-facilities-help .header .title{padding-left:40px;padding-right:40px;text-align:center}}.page-about .text-container,.page-facilities-help .text-container{max-width:300px}@media screen and (min-width:450px){.page-about .text-container,.page-facilities-help .text-container{max-width:900px;padding-left:25px;padding-right:25px}}.page-about .text-container .text-block,.page-facilities-help .text-container .text-block{margin-bottom:25px}.page-about .text-container .text-block:last-child,.page-about .text-container .text-block:last-child p:last-child,.page-facilities-help .text-container .text-block:last-child,.page-facilities-help .text-container .text-block:last-child p:last-child{margin-bottom:0}.page-about .text-container .text-block .title,.page-facilities-help .text-container .text-block .title{margin-bottom:8px;font-size:15px;font-weight:400;color:#0096db}@media screen and (min-width:450px){.page-about .text-container .text-block .title,.page-facilities-help .text-container .text-block .title{font-size:16px}}.page-about .text-container .text-block .title-icon,.page-facilities-help .text-container .text-block .title-icon{display:flex;flex-direction:row;justify-content:flex-start;align-items:flex-start}.page-about .text-container .text-block .title-icon .icon,.page-facilities-help .text-container .text-block .title-icon .icon{width:32px;height:20px;background-size:contain;background-position:0;background-repeat:no-repeat}.page-about .text-container .text-block .title-icon.coastal .icon,.page-facilities-help .text-container .text-block .title-icon.coastal .icon{background-image:url(../assets/images/facilities/coastal-search.svg)}.page-about .text-container .text-block .title-icon.inner .icon,.page-facilities-help .text-container .text-block .title-icon.inner .icon{background-image:url(../assets/images/facilities/inner-search.svg)}.page-about .text-container .text-block .title-icon.blue-flag .icon,.page-facilities-help .text-container .text-block .title-icon.blue-flag .icon{background-image:url(../assets/images/facilities/blue-flag-search.svg)}.page-about .text-container .text-block .title-icon.accessible .icon,.page-facilities-help .text-container .text-block .title-icon.accessible .icon{background-image:url(../assets/images/facilities/accessible-search.svg)}.page-about .text-container .text-block .title-icon.work-progress .icon,.page-facilities-help .text-container .text-block .title-icon.work-progress .icon{background-image:url(../assets/images/facilities/work-progress-search.svg)}.page-about .text-container .text-block .title-icon.great-waves .icon,.page-facilities-help .text-container .text-block .title-icon.great-waves .icon{background-image:url(../assets/images/facilities/great-waves-search.svg)}.page-about .text-container .text-block .title-icon.falling .icon,.page-facilities-help .text-container .text-block .title-icon.falling .icon{background-image:url(../assets/images/facilities/falling-search.svg)}.page-about .text-container .text-block .title-icon.surveillance .icon,.page-facilities-help .text-container .text-block .title-icon.surveillance .icon{background-image:url(../assets/images/facilities/surveillance-search.svg)}.page-about .text-container .text-block .title-icon.swimming-support .icon,.page-facilities-help .text-container .text-block .title-icon.swimming-support .icon{background-image:url(../assets/images/facilities/swimming-support-search.svg)}.page-about .text-container .text-block .title-icon.beach-support .icon,.page-facilities-help .text-container .text-block .title-icon.beach-support .icon{background-image:url(../assets/images/facilities/beach-support-search.svg)}.page-about .text-container .text-block .title-icon.amphibious-chair .icon,.page-facilities-help .text-container .text-block .title-icon.amphibious-chair .icon{background-image:url(../assets/images/facilities/amphibious-chair-search.svg)}.page-about .text-container .text-block .title-icon.first-aid .icon,.page-facilities-help .text-container .text-block .title-icon.first-aid .icon{background-image:url(../assets/images/facilities/first-aid-search.svg)}.page-about .text-container .text-block .title-icon.wc .icon,.page-facilities-help .text-container .text-block .title-icon.wc .icon{background-image:url(../assets/images/facilities/wc-search.svg)}.page-about .text-container .text-block .title-icon.shower .icon,.page-facilities-help .text-container .text-block .title-icon.shower .icon{background-image:url(../assets/images/facilities/shower-search.svg)}.page-about .text-container .text-block .title-icon.garbage .icon,.page-facilities-help .text-container .text-block .title-icon.garbage .icon{background-image:url(../assets/images/facilities/garbage-search.svg)}.page-about .text-container .text-block .title-icon.cleaning .icon,.page-facilities-help .text-container .text-block .title-icon.cleaning .icon{background-image:url(../assets/images/facilities/cleaning-search.svg)}.page-about .text-container .text-block .title-icon.info-board .icon,.page-facilities-help .text-container .text-block .title-icon.info-board .icon{background-image:url(../assets/images/facilities/info-board-search.svg)}.page-about .text-container .text-block .title-icon.parking .icon,.page-facilities-help .text-container .text-block .title-icon.parking .icon{background-image:url(../assets/images/facilities/parking-search.svg)}.page-about .text-container .text-block .text,.page-facilities-help .text-container .text-block .text{font-size:13px;line-height:16px;font-weight:300;color:#000}@media screen and (min-width:450px){.page-about .text-container .text-block .text,.page-facilities-help .text-container .text-block .text{font-size:14px;line-height:17px}}.page-about .text-container .text-block .text p,.page-facilities-help .text-container .text-block .text p{margin:0 0 8px}.page-about .text-container .text-block .text b,.page-about .text-container .text-block .text strong,.page-facilities-help .text-container .text-block .text b,.page-facilities-help .text-container .text-block .text strong{font-weight:600}.page-about .text-container .text-block .text a,.page-facilities-help .text-container .text-block .text a{color:#000}.page-about .text-container .text-block .text .blue,.page-facilities-help .text-container .text-block .text .blue{color:#0096db}.page-about .text-container .text-block .text .dark-blue,.page-facilities-help .text-container .text-block .text .dark-blue{color:#2f5496}.page-about .text-container .text-block .text .green,.page-facilities-help .text-container .text-block .text .green{color:#00b050}.page-about .text-container .text-block .text .yellow,.page-facilities-help .text-container .text-block .text .yellow{color:#ffc000}.page-about .text-container .text-block .text .orange,.page-facilities-help .text-container .text-block .text .orange{color:#fbae17}.page-about .text-container .text-block .text .red,.page-facilities-help .text-container .text-block .text .red{color:#c00000}.page-rules .header{height:160px}.page-rules .header .background{top:-550px}.page-rules .header .logotype{display:block;margin:20px auto 0}.page-rules .header .title{padding-top:12px}.page-rules .footer-info{position:absolute;bottom:60px;left:0;z-index:100;width:100%;height:65px;background:#0096db;z-index:101;cursor:pointer}@media screen and (min-width:450px){.page-rules .footer-info{height:75px;bottom:75px}}.page-rules .footer-info:before{content:"";position:absolute;top:-5px;left:0;width:100%;height:5px;background-color:rgba(0,0,0,.1)}.page-rules .footer-info .container{display:flex;justify-content:flex-start;align-items:center;height:100%}.page-rules .footer-info .container .text{display:block;font-size:13px;color:#fff;width:100%;padding-left:44px;padding-right:44px;text-align:center}@media screen and (min-width:450px){.page-rules .footer-info .container .text{font-size:14px}}.page-rules .footer-info .container .text:before{position:absolute;top:0;bottom:0;margin:auto;left:0;content:"";width:37px;height:51px;background-image:url(../assets/images/rules/help.svg);background-size:contain;background-repeat:no-repeat}@media screen and (max-width:360px){.page-rules .footer-info .container .text:before{left:10px}}@media screen and (min-width:450px){.page-rules .footer-info .container .text:before{left:calc(50% - 170px)}}.page-rules .page-content{--content-top:135px;--content-bottom:125px}@media screen and (min-width:450px){.page-rules .page-content{--content-bottom:150px}}.page-rules .text-container{max-width:300px}@media screen and (min-width:450px){.page-rules .text-container{max-width:900px;padding-left:25px;padding-right:25px}}.page-rules .text-container .text-block{margin-bottom:25px}.page-rules .text-container .text-block:last-child{margin-bottom:0}.page-rules .text-container .text-block .title{margin-bottom:8px;font-size:15px;font-weight:400;color:#0096db}@media screen and (min-width:450px){.page-rules .text-container .text-block .title{font-size:16px}}.page-rules .text-container .text-block .text{font-size:13px;line-height:16px;font-weight:300;color:#000}@media screen and (min-width:450px){.page-rules .text-container .text-block .text{font-size:14px;line-height:17px}}.page-rules .text-container .text-block .text p{margin:0 0 8px}.page-rules .text-container .text-block .text b,.page-rules .text-container .text-block .text strong{font-weight:600;color:#0096db}.page-rules .text-container .text-block .text a{color:#000}.page-rules .text-container .text-block .text .blue{color:#0096db}.page-rules .text-container .text-block .text .dark-blue{color:#2f5496}.page-rules .text-container .text-block .text .green{color:#00b050}.page-rules .text-container .text-block .text .yellow{color:#ffc000}.page-rules .text-container .text-block .text .orange{color:#fbae17}.page-rules .text-container .text-block .text .red{color:#c00000}.page-detail .header{height:280px}.page-detail .header .background{top:-50px;height:330px}.page-detail .header .background,.page-detail .header .background.clear.day{background-image:url(../assets/images/weather/clear-day.png)}.page-detail .header .background.clear.night{background-image:url(../assets/images/weather/clear-night.png)}.page-detail .header .background.cloudy.day{background-image:url(../assets/images/weather/cloudy-day.png)}.page-detail .header .background.cloudy.night{background-image:url(../assets/images/weather/cloudy-night.png)}.page-detail .header .background.fog.day{background-image:url(../assets/images/weather/fog-day.png)}.page-detail .header .background.fog.night{background-image:url(../assets/images/weather/fog-night.png)}.page-detail .header .background.little-cloudy.day{background-image:url(../assets/images/weather/little-cloudy-day.png)}.page-detail .header .background.little-cloudy.night{background-image:url(../assets/images/weather/little-cloudy-night.png)}.page-detail .header .background.rain.day{background-image:url(../assets/images/weather/rain-day.png)}.page-detail .header .background.rain.night{background-image:url(../assets/images/weather/rain-night.png)}.page-detail .header .background.thunder.day{background-image:url(../assets/images/weather/thunder-day.png)}.page-detail .header .background.thunder.night{background-image:url(../assets/images/weather/thunder-night.png)}.page-detail .header .icon-back{top:5px}@media screen and (min-width:450px){.page-detail .header.scroll .icon-back{top:0}}.page-detail .header .container{text-align:center}.page-detail .header .beach-logo{background:url(../assets/images/global/logo3.svg) 50% 50% no-repeat;background-size:contain;width:38px;height:38px;margin:15px auto 0;pointer-events:none}.page-detail .header .beach-title{margin-top:8px;padding:0 20px;text-align:center;font-size:23px;line-height:26px;font-weight:300;color:#fff;pointer-events:none}@media screen and (min-width:450px){.page-detail .header .beach-title{font-size:26px;line-height:30px}}.page-detail .header .beach-weather,.page-detail .header .water-temperature{display:inline-block;text-align:center;font-size:15px;font-weight:600;color:#fff;pointer-events:none;background-color:rgba(0,150,219,.6);padding:3px 15px;border-radius:15px;margin-top:7px}@media screen and (min-width:450px){.page-detail .header .beach-weather,.page-detail .header .water-temperature{font-size:16px}}.page-detail .header .water-temperature{display:inline-flex;justify-content:center;align-items:center;margin-top:3px}.page-detail .header .water-temperature .icon{background-image:url(../assets/images/detail/waves.svg);background-repeat:no-repeat;width:21px;height:13px;margin-right:7px}.page-detail .header.back-only{z-index:15;height:54px}.page-detail .header.back-only .container{background-color:transparent!important}.page-detail .header.scroll{height:54px}.page-detail .header.scroll .background{top:-175px}.page-detail .header.scroll .container{height:50px;background-color:#0096db}.page-detail .header.scroll .container.scroll-full{max-width:900px}.page-detail .header.scroll .container .beach-logo{display:none}.page-detail .header.scroll .container .beach-title{font-size:20px;line-height:24px;padding-top:13px;max-width:320px;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media screen and (min-width:450px){.page-detail .header.scroll .container .beach-title{font-size:22px;line-height:26px}}.page-detail .header.scroll .container .beach-weather,.page-detail .header.scroll .container .water-temperature{display:none}.page-detail .page-content{--content-top:135px;padding-top:85px;z-index:11}.page-detail .page-content .container{max-width:345px}@media screen and (min-width:450px){.page-detail .page-content .container{max-width:650px}}.page-detail .page-content.scroll{z-index:auto;--content-top:50px;padding-top:170px}.page-detail .info-block{background-color:#fff;padding:0 18px 12px;margin-bottom:10px;display:flex;flex-direction:column;border-radius:0 8px 0 0}.page-detail .info-block .occupancy{display:flex;justify-content:space-between;align-items:center;flex-direction:column;border-bottom:1px solid #e6e6e6}.page-detail .info-block .occupancy .occupancy-icon{position:absolute;top:0;left:0;width:100px;height:72px;background-repeat:no-repeat;background-position:0;background-size:contain;z-index:1}@media screen and (max-width:360px){.page-detail .info-block .occupancy .occupancy-icon{left:10px}}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-icon{left:25px;width:110px;height:80px}}.page-detail .info-block .occupancy .occupancy-main{position:relative;width:100%;min-height:35px;padding:0 0 0 35px;display:flex;justify-content:space-between;align-items:center}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-main{min-height:40px;padding-left:40px}}.page-detail .info-block .occupancy .occupancy-main:before{content:"";position:absolute;top:0;left:-18px;width:calc(100% + 36px);height:100%;border-radius:0 8px 0 0}.page-detail .info-block .occupancy .occupancy-main .occupancy-title{position:relative;font-size:12px;color:#333;font-weight:700}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-main .occupancy-title{font-size:14px}}.page-detail .info-block .occupancy .occupancy-main .occupancy-title.type0{margin-right:-15px}.page-detail .info-block .occupancy .occupancy-main .info{position:relative;font-size:11px;line-height:12px;color:#333;font-weight:400;text-align:right;flex-shrink:0}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-main .info{font-size:12px}}.page-detail .info-block .occupancy .occupancy-main .info .source{font-size:10px}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-main .info .source{font-size:11px}}.page-detail .info-block .occupancy .occupancy-main .info .source.disabled{pointer-events:none;opacity:1!important}.page-detail .info-block .occupancy .occupancy-warning{padding:12px 0 12px 55px;position:relative;font-size:11px;font-weight:400}@media screen and (min-width:450px){.page-detail .info-block .occupancy .occupancy-warning{font-size:12px}}.page-detail .info-block .occupancy .occupancy-warning:before{content:"";position:absolute;top:0;bottom:0;left:15px;margin:auto;background-image:url(../assets/images/global/warning.svg);background-position:contain;background-repeat:no-repeat;width:25px;height:20px}.page-detail .info-block .occupancy.type0 .occupancy-main:before{background-color:#a6b2b3}.page-detail .info-block .occupancy.type0 .occupancy-icon{background-image:url(../assets/images/global/occupancy-type0.svg)}.page-detail .info-block .occupancy.type0 .occupancy-main .info{display:none}.page-detail .info-block .occupancy.type1 .occupancy-main:before{background-color:#76bc21}.page-detail .info-block .occupancy.type1 .occupancy-icon{background-image:url(../assets/images/global/occupancy-type1.svg)}.page-detail .info-block .occupancy.type2 .occupancy-main:before{background-color:#fbae17}.page-detail .info-block .occupancy.type2 .occupancy-icon{background-image:url(../assets/images/global/occupancy-type2.svg)}.page-detail .info-block .occupancy.type3 .occupancy-main:before{background-color:#fc4350}.page-detail .info-block .occupancy.type3 .occupancy-icon{background-image:url(../assets/images/global/occupancy-type3.svg)}.page-detail .info-block .top{display:flex;justify-content:space-between;align-items:center;padding-top:12px;padding-bottom:12px;border-bottom:1px solid #e6e6e6}.page-detail .info-block .top .icon-favorite{background:url(../assets/images/detail/icon-favorite-inactive.svg) 50% 50% no-repeat;background-size:contain;width:20px;height:18px;margin-left:15px;cursor:pointer}@media screen and (min-width:450px){.page-detail .info-block .top .icon-favorite{width:24px;height:20px}}.page-detail .info-block .top .icon-favorite.active{background-image:url(../assets/images/detail/icon-favorite-active.svg)}.page-detail .info-block .top .directions-button{position:relative;right:auto;bottom:auto}@media screen and (min-width:450px){.page-detail .info-block .top .directions-button{font-size:13px}}.page-detail .info-block .bottom{display:flex;justify-content:space-between;align-items:center;padding-top:12px}.page-detail .info-block .bottom .location,.page-detail .info-block .bottom .season{font-size:12px;line-height:14px;font-weight:300;color:#4d4d4d}@media screen and (min-width:450px){.page-detail .info-block .bottom .location,.page-detail .info-block .bottom .season{font-size:13px;line-height:15px}}.page-detail .info-block .bottom .location b,.page-detail .info-block .bottom .location strong,.page-detail .info-block .bottom .season b,.page-detail .info-block .bottom .season strong{font-weight:400;color:#000}.page-detail .info-block .bottom .location{padding-left:10px;width:40%}.page-detail .info-block .bottom .season{text-align:right;width:60%}.page-detail .info-block .bottom .season .blue{color:#0096db}.page-detail .quality-block{background-color:#0096db;padding:20px 20px 20px 30px}.page-detail .quality-block .title{font-size:12px;line-height:15px;font-weight:600;color:#fff}@media screen and (min-width:450px){.page-detail .quality-block .title{font-size:13px;line-height:16px}}.page-detail .quality-block .title span{text-transform:capitalize}.page-detail .quality-block .quality-info{margin-top:10px;display:flex;justify-content:flex-start;align-items:flex-start}.page-detail .quality-block .quality-info .icon{flex-grow:0;flex-shrink:0;background:url(../assets/images/global/quality-type1-white.svg) 50% 50% no-repeat;background-size:contain;width:24px;height:24px;margin-right:15px;margin-top:6px}.page-detail .quality-block .quality-info .icon.type0{display:none}.page-detail .quality-block .quality-info .icon.type1{background-image:url(../assets/images/global/quality-type1-white.svg)}.page-detail .quality-block .quality-info .icon.type2{background-image:url(../assets/images/global/quality-type2-white.svg)}.page-detail .quality-block .quality-info .icon.type3{background-image:url(../assets/images/global/quality-type3-white.svg)}.page-detail .quality-block .quality-info .detail,.page-detail .quality-block .quality-info .reason{font-weight:300;font-size:11px;color:#fff}@media screen and (min-width:450px){.page-detail .quality-block .quality-info .detail,.page-detail .quality-block .quality-info .reason{font-size:12px}}.page-detail .quality-block .quality-info .detail b,.page-detail .quality-block .quality-info .detail strong,.page-detail .quality-block .quality-info .reason b,.page-detail .quality-block .quality-info .reason strong{font-weight:400;font-size:12px}@media screen and (min-width:450px){.page-detail .quality-block .quality-info .detail b,.page-detail .quality-block .quality-info .detail strong,.page-detail .quality-block .quality-info .reason b,.page-detail .quality-block .quality-info .reason strong{font-size:13px}}.page-detail .quality-block .quality-info .detail{flex-shrink:0}.page-detail .quality-block .quality-info .reason{flex-grow:0;flex-shrink:0;width:120px;margin-left:20px}.page-detail .quality-block.warning{background-color:#f15a24}.page-detail .score-block{background-color:#fff;padding:15px 20px 15px 30px;margin-bottom:10px;display:flex;justify-content:space-between}.page-detail .score-block .score-title{font-size:12px;font-weight:400;color:#000}@media screen and (min-width:450px){.page-detail .score-block .score-title{font-size:13px}}.page-detail .score-block .score-detail{display:flex;justify-content:flex-start;align-items:center}.page-detail .score-block .score-detail .icon{background-image:url(../assets/images/detail/star.svg);width:10px;height:10px;margin-right:2px;margin-top:-2px}.page-detail .score-block .score-detail .text{display:inline;margin-left:4px;font-size:12px;line-height:14px;font-weight:300;color:#0096db}@media screen and (min-width:450px){.page-detail .score-block .score-detail .text{font-size:13px;line-height:15px}}.page-detail .score-block .score-detail .text:first-child{margin-left:0}.page-detail .score-block .score-detail.last-year-interdict .text{color:#000}.page-detail .score-block.warning .score-detail .icon{background-image:none;display:none}.page-detail .score-block.warning .score-detail .icon.icon1{display:block;width:10px;height:4px;background-color:#f15a24}.page-detail .score-block.warning .score-detail.last-year-score .text{color:#f15a24}.page-detail .score-block.warning.warning-black .score-detail .icon.icon1{background-color:#000}.page-detail .score-block.warning.warning-black .score-detail.last-year-score .text{color:#000}.page-detail .profile-block{position:relative;background-color:#fff;padding:16px 20px 14px;margin-bottom:10px}.page-detail .profile-block .title{padding-left:10px;font-weight:600;font-size:12px;line-height:24px;color:#000}@media screen and (min-width:450px){.page-detail .profile-block .title{font-size:14px}}.page-detail .profile-block .icon-help{top:16px;right:20px;background-image:url(../assets/images/global/icon-help-detail.svg)}.page-detail .profile-block .group{padding-top:10px;padding-bottom:6px;border-bottom:1px solid #e6e6e6;display:flex;flex-wrap:wrap}.page-detail .profile-block .group:last-child{padding-bottom:0;border-bottom:none}.page-detail .profile-block .group .item{width:33.3%;padding:10px 2px;text-align:center}@media screen and (min-width:450px){.page-detail .profile-block .group .item{padding:15px 4px}}.page-detail .profile-block .group .item .icon{width:100%;height:24px;background-position:50%;background-repeat:no-repeat}@media screen and (min-width:450px){.page-detail .profile-block .group .item .icon{height:34px}}.page-detail .profile-block .group .item .text{margin-top:5px;color:#4d4d4d;font-weight:300;font-size:11px;line-height:13px;opacity:.3}@media screen and (min-width:450px){.page-detail .profile-block .group .item .text{font-size:12px;line-height:14px}}.page-detail .profile-block .group .item.coastal .icon{background-image:url(../assets/images/facilities/coastal-inactive.svg)}.page-detail .profile-block .group .item.inner .icon{background-image:url(../assets/images/facilities/inner-inactive.svg)}.page-detail .profile-block .group .item.blue-flag .icon{background-image:url(../assets/images/facilities/blue-flag-inactive.svg)}.page-detail .profile-block .group .item.accessible .icon{background-image:url(../assets/images/facilities/accessible-inactive.svg)}.page-detail .profile-block .group .item.work-progress .icon{background-image:url(../assets/images/facilities/work-progress-inactive.svg)}.page-detail .profile-block .group .item.great-waves .icon{background-image:url(../assets/images/facilities/great-waves-inactive.svg)}.page-detail .profile-block .group .item.falling .icon{background-image:url(../assets/images/facilities/falling-inactive.svg)}.page-detail .profile-block .group .item.surveillance .icon{background-image:url(../assets/images/facilities/surveillance-inactive.svg)}.page-detail .profile-block .group .item.swimming-support .icon{background-image:url(../assets/images/facilities/swimming-support-inactive.svg)}.page-detail .profile-block .group .item.beach-support .icon{background-image:url(../assets/images/facilities/beach-support-inactive.svg)}.page-detail .profile-block .group .item.amphibious-chair .icon{background-image:url(../assets/images/facilities/amphibious-chair-inactive.svg)}.page-detail .profile-block .group .item.first-aid .icon{background-image:url(../assets/images/facilities/first-aid-inactive.svg)}.page-detail .profile-block .group .item.wc .icon{background-image:url(../assets/images/facilities/wc-inactive.svg)}.page-detail .profile-block .group .item.shower .icon{background-image:url(../assets/images/facilities/shower-inactive.svg)}.page-detail .profile-block .group .item.garbage .icon{background-image:url(../assets/images/facilities/garbage-inactive.svg)}.page-detail .profile-block .group .item.cleaning .icon{background-image:url(../assets/images/facilities/cleaning-inactive.svg)}.page-detail .profile-block .group .item.info-board .icon{background-image:url(../assets/images/facilities/info-board-inactive.svg)}.page-detail .profile-block .group .item.parking .icon{background-image:url(../assets/images/facilities/parking-inactive.svg)}.page-detail .profile-block .group .item.active .text{font-weight:600;opacity:1}.page-detail .profile-block .group .item.active.coastal .icon{background-image:url(../assets/images/facilities/coastal-active.svg)}.page-detail .profile-block .group .item.active.inner .icon{background-image:url(../assets/images/facilities/inner-active.svg)}.page-detail .profile-block .group .item.active.blue-flag .icon{background-image:url(../assets/images/facilities/blue-flag-active.svg)}.page-detail .profile-block .group .item.active.accessible .icon{background-image:url(../assets/images/facilities/accessible-active.svg)}.page-detail .profile-block .group .item.active.work-progress .icon{background-image:url(../assets/images/facilities/work-progress-active.svg)}.page-detail .profile-block .group .item.active.great-waves .icon{background-image:url(../assets/images/facilities/great-waves-active.svg)}.page-detail .profile-block .group .item.active.falling .icon{background-image:url(../assets/images/facilities/falling-active.svg)}.page-detail .profile-block .group .item.active.surveillance .icon{background-image:url(../assets/images/facilities/surveillance-active.svg)}.page-detail .profile-block .group .item.active.swimming-support .icon{background-image:url(../assets/images/facilities/swimming-support-active.svg)}.page-detail .profile-block .group .item.active.beach-support .icon{background-image:url(../assets/images/facilities/beach-support-active.svg)}.page-detail .profile-block .group .item.active.amphibious-chair .icon{background-image:url(../assets/images/facilities/amphibious-chair-active.svg)}.page-detail .profile-block .group .item.active.first-aid .icon{background-image:url(../assets/images/facilities/first-aid-active.svg)}.page-detail .profile-block .group .item.active.wc .icon{background-image:url(../assets/images/facilities/wc-active.svg)}.page-detail .profile-block .group .item.active.shower .icon{background-image:url(../assets/images/facilities/shower-active.svg)}.page-detail .profile-block .group .item.active.garbage .icon{background-image:url(../assets/images/facilities/garbage-active.svg)}.page-detail .profile-block .group .item.active.cleaning .icon{background-image:url(../assets/images/facilities/cleaning-active.svg)}.page-detail .profile-block .group .item.active.info-board .icon{background-image:url(../assets/images/facilities/info-board-active.svg)}.page-detail .profile-block .group .item.active.parking .icon{background-image:url(../assets/images/facilities/parking-active.svg)}.page-detail .profile-block .group.main .item .text{color:#0096db}.page-detail .button-group{display:flex;justify-content:center;padding-top:5px;padding-bottom:0}@media screen and (min-width:450px){.page-detail .button-group .button.small{font-size:13px!important;line-height:13px!important}}.page-favorites .header{height:180px}.page-favorites .header .background{top:-530px}@media screen and (min-width:450px){.page-favorites .page-content .container{max-width:650px}}.page-favorites .page-content .list-component .group{padding-bottom:0}.page-search .header{height:305px}.page-search .header .background{top:-405px}.page-search .header .filter-group{justify-content:center}.page-search .header .filter-group .item-near{max-width:160px}@media screen and (min-width:450px){.page-search .header .filter-group .item-near{max-width:200px}}.page-search .header .filter-group .item-near .icon{margin-right:12px}.page-search .header .intro{padding-top:5px}.page-search .page-content{--content-bottom:125px}@media screen and (min-width:450px){.page-search .page-content{--content-bottom:150px}}@media screen and (min-width:450px){.page-search .page-content .container{max-width:650px}}.page-search .page-content .location-help{font-size:12px;color:#333;font-weight:300;text-align:center}@media screen and (min-width:450px){.page-search .page-content .location-help{font-size:13px}}.page-search-advanced .header{height:290px}.page-search-advanced .header .background{top:-420px}@media screen and (min-width:450px){.page-search-advanced .header .title{padding-left:25px;text-align:center}}.page-search-advanced .header .intro{padding-left:60px;text-align:left;padding-top:5px}@media screen and (min-width:450px){.page-search-advanced .header .intro{padding-left:25px;text-align:center}}.page-search-advanced .header .filter-group,.page-search-advanced .header .search-section-top{margin-top:15px}.page-search-advanced .header .icon-help{top:auto;top:10px;right:20px;z-index:100}@media screen and (max-width:360px){.page-search-advanced .header .icon-help{right:12px}}.page-search-advanced .search-section{margin-top:22px}.page-search-advanced .page-content{--content-bottom:125px}@media screen and (min-width:450px){.page-search-advanced .page-content{--content-bottom:150px}}@media screen and (min-width:450px){.page-search-advanced .page-content .container{max-width:650px}}.page-search-advanced .page-content .list-component .group{padding-bottom:0}.page-search-advanced .page-content .search{max-width:235px;margin:0 auto 15px}@media screen and (min-width:450px){.page-search-results .header .title{padding-left:25px;text-align:center}}.page-search-results .header .search-info{padding-top:5px;padding-left:60px;padding-right:20px;font-size:12px;color:#fff}@media screen and (min-width:450px){.page-search-results .header .search-info{padding-left:25px;padding-right:25px;font-size:13px;text-align:center}}@media screen and (min-width:450px){.page-search-results .page-content .container{max-width:650px}}