@font-face{font-family:"Visby CF Medium";src:url("https://www.citybeach.com/on/demandware.static/Sites-CityBeachAustralia-Site/-/en_AU/fonts/VisbyCF-Medium.woff2") format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Visby CF Bold";src:url("https://www.citybeach.com/on/demandware.static/Sites-CityBeachAustralia-Site/-/en_AU/fonts/VisbyCF-Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Visby CF Extra Bold";src:url("https://www.citybeach.com/on/demandware.static/Sites-CityBeachAustralia-Site/-/en_AU/fonts/VisbyCF-ExtraBold.woff2") format("woff2");font-weight:800;font-style:normal;font-display:swap}@font-face{font-family:"FontAwesome";src:url("../fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Visby CF Demi Bold";src:url("https://www.citybeach.com/on/demandware.static/Sites-CityBeachAustralia-Site/-/en_AU/fonts/VisbyCF-DemiBold.woff2") format("woff2");font-weight:600;font-style:normal}@media(min-width:992px){.mobile-only{display:none !important}}@media(max-width:991.98px){.desktop-only{display:none !important}}.main-container{width:100%;margin:auto;padding-inline:68px}@media(max-width:1199.98px){.main-container{padding-inline:22px}}@media(max-width:1023.98px){.main-container{padding-inline:0}}.products-grid{display:grid;column-gap:20px;row-gap:10px}.products-grid.by-standard{grid-template-columns:repeat(4,1fr)}@media(max-width:1023.98px){.products-grid.by-standard{grid-template-columns:repeat(2,1fr)}}.products-grid.by-alternate{grid-template-columns:repeat(3,1fr)}@media(max-width:1023.98px){.products-grid.by-alternate{grid-template-columns:repeat(1,1fr)}}@media(max-width:1023.98px){.products-grid{column-gap:4px}}.text-uppercase{text-transform:uppercase}.text-center{text-align:center}.js-fixed{overflow:hidden}.js-block{display:block !important}.js-flex{display:flex !important}.js-none{display:none !important}.top-cold-content{width:100%}.top-cold-content .top-cold-content-full{height:auto;overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2}.top-cold-content .container-read-more{display:flex;align-items:center;padding-top:8px;cursor:pointer}.top-cold-content .expanded{height:auto;overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:unset}.overflow-y{display:flex;flex-wrap:wrap;max-height:160px;overflow-y:auto}.main-padding{padding-left:68px;padding-right:68px}@media(max-width:1199.98px){.main-padding{padding-left:22px;padding-right:22px}}@media(max-width:1023.98px){.main-padding{padding:0}.main-padding .load-more-wrap,.main-padding .bottom-section-container{padding-left:22px;padding-right:22px}}.main-top{display:flex;flex-direction:row;justify-content:space-between;align-items:center;flex-wrap:nowrap;padding:15px}.main-top .breadcrumbs{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;flex-wrap:nowrap;max-width:33.3333333333%;width:100%}.main-top .title-container{max-width:33.3333333333%;width:100%}.main-top .product-count-container{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;flex-wrap:nowrap;max-width:33.3333333333%;width:100%}@media(max-width:1023.98px){.main-top{flex-wrap:wrap}.main-top .breadcrumbs{max-width:100%;flex-wrap:wrap}.main-top .title-container,.main-top .product-count-container{max-width:50%;margin-top:15px}}.top-cold-content{padding:15px}.top-cold-content .read-more{width:fit-content;margin:0 auto 15px;padding:4px 10px 5px}.products .product-card{position:relative;z-index:1}.products .product-card.sizes-opened{z-index:10}.products-img-container{position:relative;overflow:hidden;aspect-ratio:4/5}.products-img-container .img-container-top{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-start;flex-wrap:nowrap;position:absolute;width:100%;z-index:1}.products-img-container .img-container-top .labels-top .label{padding:8px 10px;margin:10px;display:block}.products-img-container .img-container-top .favourite-btn{margin:15px}.products-img-container .desktop-images{position:relative}.products-img-container .desktop-images .img-hover{position:absolute;opacity:0;top:0}.products-img-container .desktop-images img{width:100%;height:auto}.products-img-container .mobile-images .slider-products{width:100%;max-width:100%;overflow:hidden;position:relative}.products-img-container .mobile-images .slider-products .slides{display:flex;transition:transform .4s ease-in-out;touch-action:pan-y}.products-img-container .mobile-images .slider-products .slides img{flex:0 0 100%;width:100%;height:auto;user-select:none;pointer-events:none}.products-img-container .mobile-images .slider-products img{pointer-events:none}.products-img-container .mobile-images .slider-products .arrow{position:absolute;top:50%;transform:translateY(-50%);font-size:2rem;padding:0 12px;cursor:pointer;z-index:3}.products-img-container .mobile-images .slider-products .arrow.left{left:10px}.products-img-container .mobile-images .slider-products .arrow.right{right:10px}.products-img-container .img-container-bottom{z-index:3;position:absolute;bottom:0;width:100%}.products-img-container .img-container-bottom .label-bottom{width:100%;max-width:calc(100% - 18px);padding:5px 10px 5px 6px;margin:0 auto 9px;border-radius:12px;animation:fadeIn .2s ease-in-out;display:flex;flex-direction:column;justify-content:center;align-items:center;flex-wrap:nowrap;transition:transform .2s ease-in-out}.products-img-container .img-container-bottom .label-bottom .orange-text{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.products-img-container .img-container-bottom .label-bottom .orange-text img{margin:2.8px}.products-img-container .img-container-bottom .product-sizes-container{padding:8px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;transform:translateY(calc(100% + 9px));margin-top:9px;animation:fadeIn .75s ease-in-out;transition:transform .5s ease-in-out;overflow:hidden;position:absolute}.products-img-container .img-container-bottom .product-sizes-container ul{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;padding:8px}.products-img-container .img-container-bottom .product-sizes-container ul li{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;width:25px;height:25px;padding:5px;margin:5px}@media(max-width:1023.98px){.products-img-container .img-container-bottom .product-sizes-container{z-index:11;width:100%;left:0;transition-duration:.5s;display:flex;flex-direction:column;flex-wrap:nowrap;transform:translateY(calc(100% + 9px))}.products-img-container .img-container-bottom .product-sizes-container .sizes-header{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;position:relative;width:100%}.products-img-container .img-container-bottom .product-sizes-container .sizes-header .close-sizes-modal{position:absolute;right:0}.products-img-container .img-container-bottom .product-sizes-container ul{width:100%}.products-img-container .img-container-bottom .product-sizes-container .add-to-bag{margin:0 5% 15px;width:90%;padding:15px}.products-img-container .img-container-bottom .product-sizes-container.active{position:fixed;transform:translateY(0);bottom:0;transition-duration:.5s;z-index:5;overflow:unset;min-height:163px}}.products-img-container .img-container-bottom .sizes-bottom{width:100%;display:none;background:rgba(255,255,255,.7);bottom:0;font-size:12px;list-style:none;margin:0 auto;padding:8px;text-align:center;z-index:1}.products-img-container .img-container-bottom .sizes-bottom .sizes-list{display:flex;font-size:16px;list-style:none;margin:0;padding:8px;justify-content:center;flex-wrap:wrap}.products-img-container .img-container-bottom .sizes-bottom .sizes-list span{background:#fff;border-radius:3px;line-height:15px;margin:0 5px 5px;min-width:25px;padding:5px}.products-img-container .img-container-bottom .label-bottom{display:block}.products-img-container .img-container-bottom .product-sizes-container{animation:fadeIn .75s ease-in-out;transform:translateY(0);transition:transform .5s ease-in-out}@media only screen and (min-width:992px){.products-img-container:hover .img-container-bottom .sizes-bottom{display:block}}.products-img-container:hover .img-container-bottom .label-bottom{animation:fadeIn .2s ease-in-out;transform:translateY(0);transition:transform .2s ease-in-out}.products-img-container:hover .desktop-images .img-hover{opacity:1}@media(max-width:1023.98px){.products-img-container .img-container-top .label{padding:6px 8px}.products-img-container .img-container-bottom .label-bottom{flex-direction:row;gap:3px;transform:translateY(0)}.products-img-container .sizes-btn{width:40px;height:40px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;margin:5px 5px 5px auto}.products-img-container .sizes-btn img{pointer-events:none}}.products-info-container{padding:15px 15px 30px}.products-info-container .product-description{margin-top:10px;min-height:48px}.products-info-container .price-container{margin-top:10px;display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:.738rem}.products-info-container .colors-container{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;margin-top:10px;gap:8px;flex-wrap:wrap}.products-info-container .colors-container .color-swatch{margin:4px 0;width:25px;height:25px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}.products-info-container .colors-container .color-swatch span{display:block;width:100%;height:100%}.products-info-container .colors-container .color-swatch.active{padding:2px}.products-info-container .colors-container .color-swatch.active span{width:17px;height:17px}.products-info-container .outlet-label{margin:10px 0 16px;padding:0 5px 3px 5px}@media(max-width:1023.98px){.products-info-container .colors-container .color-swatch{margin:4px 0;width:18px;height:18px}.products-info-container .colors-container .color-swatch span{width:18px;height:18px}.products-info-container .colors-container .color-swatch.active span{width:10px;height:10px}}.bottom-section-container{padding:45px 0 20px}.bottom-section-container .ls-links{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px}.bottom-section-container .bottom-content-section{padding-bottom:20px}.bottom-section-container h3{margin:15px 0}.load-more-wrap{margin:0 auto;max-width:33.3333333333%}.load-more-wrap .products-number{display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:5px}.load-more-wrap .progress-bar{display:block;margin:15px 0;height:4px;position:relative;width:100%}.load-more-wrap .progress-bar-loaded{position:absolute;left:0;width:2.15%;height:100%}.load-more-wrap .load-more{width:100%;padding:15px}@media(max-width:1023.98px){.load-more-wrap{max-width:100%}}#scrollButton{height:50px;width:50px;border-radius:50%;position:fixed;z-index:6;bottom:70px;right:70px;padding:8px;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap}#scrollButton svg{height:100%;width:100%;margin-bottom:2px}#scrollButton svg path{fill:#0a2f87}#scrollButton:hover{background:#0a2f87}#scrollButton:hover svg path{fill:#fff}@keyframes fadeIn{0%{opacity:0}100%{opacity:1}}.filters-wrapper::-webkit-scrollbar,.overflow-y::-webkit-scrollbar,.filter-modal::-webkit-scrollbar{width:12px}.filters-wrapper::-webkit-scrollbar-thumb,.overflow-y::-webkit-scrollbar-thumb,.filter-modal::-webkit-scrollbar-thumb{background-color:#f1f2f2;border-radius:10px}.filters-wrapper::-webkit-scrollbar-track,.overflow-y::-webkit-scrollbar-track,.filter-modal::-webkit-scrollbar-track{background-color:rgba(0,0,0,0)}.filters-wrapper::-webkit-scrollbar-button,.overflow-y::-webkit-scrollbar-button,.filter-modal::-webkit-scrollbar-button{display:none;height:0;width:0}.grid-setup{margin-left:5px}.grid-setup .mobile-grid{display:flex;grid-gap:5px}.grid-setup .mobile-grid button[data-grid=alternate] span{border:1px solid #242231;display:inline-block;height:17px;width:17px}.grid-setup .mobile-grid button[data-grid=standard]{display:flex}.grid-setup .mobile-grid button[data-grid=standard] span{border:1px solid #242231;height:17px;margin-right:2px;width:9px}.grid-setup .mobile-grid button{padding:0}.grid-setup .mobile-grid button.active span{background:#242231}.grid-setup .mobile-grid button:hover span{background:#242231}.grid-setup .desktop-grid{display:none}@media only screen and (min-width:1024px){.grid-setup .mobile-grid{display:none}.grid-setup .desktop-grid{display:flex;margin-left:30px;align-items:center;grid-gap:5px}.grid-setup .desktop-grid .grid-items button{font-size:16px;padding:0;cursor:pointer}.grid-setup .desktop-grid .grid-items button.active{font-weight:600}}.filters{transition:transform .3s ease;display:flex;width:100%;padding:0 6.8rem;z-index:4;top:222.5px;position:sticky;background-color:#fff;height:48px}.filters.filter-modal-active{z-index:5}.filters.filters-up{transform:translateY(calc(-100% - 500px))}.filters.js-filters{width:88%;margin:0 auto;border-radius:100vh;border:1px solid #242321}@media(max-width:1023.98px){.filters.js-filters{border:none;width:100%;border-radius:0;top:126.5px}}.filters.js-filters .middle-filters .filter-dropdown.active::after{background-color:rgba(0,0,0,0) !important}@media(max-width:1023.98px){.filters{top:126.5px;padding:0}}.filters::after{flex:1}@media(max-width:1023.98px){.filters::after{display:none}}.filters .filter-size .size-list .size .size-btn{text-align:center}.filters .filter-box{display:flex}.filters .filter-box.left-filters{flex:1;align-items:center;padding-top:.2rem}@media(max-width:1023.98px){.filters .filter-box.left-filters{justify-content:space-around;width:100%}}.filters .filter-box.left-filters .select-filters{display:flex;align-items:flex-end;gap:1.3rem}@media(max-width:1023.98px){.filters .filter-box.left-filters .select-filters{justify-content:center}}.filters .filter-box.left-filters .filter-select{position:relative;padding-left:1rem}.filters .filter-box.left-filters .filter-select .sort-options-wrapper{display:none;position:absolute;top:33px;left:0;padding:1.5rem 1rem;padding-left:9px;z-index:2;width:250px}@media(max-width:991.98px){.filters .filter-box.left-filters .filter-select .sort-options-wrapper{width:215px}}.filters .filter-box.left-filters .filter-select .sort-options-wrapper.active{display:block}.filters .filter-box.left-filters .filter-select .filter-arrow.active{margin-bottom:4px}.filters .filter-box.left-filters .filter-select .close-icon-filters{position:absolute;top:5px;right:8px}.filters .filter-box.left-filters .filter-select .sort-options{position:relative}.filters .filter-box.left-filters .filter-select .sort-options .sortorder{width:220px;margin-bottom:1rem}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label{padding:.5rem 1rem;width:100%;display:block}@media(max-width:991.98px){.filters .filter-box.left-filters .filter-select .sort-options .sortorder label{padding-left:2.5rem}}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label input[type=radio]{display:none}@media(max-width:1023.98px){.filters .filter-box.left-filters .filter-select{width:50%;padding:10px}.filters .filter-box.left-filters .filter-select .sort-options-wrapper{left:auto;right:0}}.filters .filter-box.middle-filters{justify-content:center;gap:1rem}@media(max-width:1023.98px){.filters .filter-box.middle-filters{display:none}}.filters .filter-box.middle-filters .filter-price{height:69px;padding-top:5px}.filters .filter-box.middle-filters .filter-price .wrap{width:38% !important}.filters .filter-box.middle-filters .filter-title{display:flex;align-items:flex-end;gap:1.3rem;padding:1.5rem .5rem 1.5rem}.filters .filter-box.middle-filters .filter-arrow.active{margin-bottom:4px}.filters .filter-box.middle-filters .filter-dropdown{display:none;position:absolute;width:100%;top:48px;left:0;right:0;padding:1.5rem 1rem;padding-top:2.5rem;z-index:2;padding-left:6.8rem;padding-right:6.8rem;border:unset !important}.filters .filter-box.middle-filters .filter-dropdown.active{display:block;padding-bottom:30px}.filters .filter-box.middle-filters .filter-dropdown.active .middle-filter-inner{margin-bottom:15px;width:83%}.filters .filter-box.middle-filters .filter-dropdown.active::after{content:"";display:block;width:100%;height:1px;bottom:0;background-color:#ccc}.filters .filter-box.middle-filters .filter-dropdown .wrap{width:40%}.filters .filter-box.middle-filters .filter-dropdown .filter-brand{display:flex;gap:1rem;margin:0 auto}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper{width:40%;position:relative;height:5rem;padding:.5rem 2.5rem}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper input{width:100%;height:100%}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper .search-filter,.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper .close-search{position:absolute;top:50%;right:2rem;transform:translateY(-50%);cursor:pointer;transition:opacity .2s ease}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper .close-search{display:none}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper{width:60%}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list .filter-list-item{flex-basis:25%}.filters .filter-box.middle-filters .filter-dropdown .filter-colour{margin:0 auto;width:40%}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list.color-wrapper-list{max-width:40%;margin:0 auto}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input{position:relative}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list .filter-list-item{flex-basis:25%}.filters .filter-box.middle-filters .filter-dropdown .filter-size{width:30%;margin:0 auto}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list{display:flex;flex-wrap:wrap;row-gap:1rem;max-width:30%;margin:0 auto}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size{position:relative;width:25%}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size input{position:absolute}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size .size-btn{height:4rem;width:6rem;display:inline-block;display:flex;justify-content:center;align-items:center;text-align:center}.filters .overlay{position:fixed;inset:0;display:none;z-index:5}.filters .overlay.active{display:block}.filters .filter-modal{position:fixed;height:100dvh;top:0;left:0;bottom:0;width:450px;padding:1.5rem 2rem 0;transform:translateX(-122%);z-index:5;padding-bottom:100px;max-width:100vw}.filters .filter-modal .filter-header{display:flex;align-items:center;margin-bottom:1rem;padding:1rem}.filters .filter-modal .filter-header .clear-all{flex:1 0 0%}.filters .filter-modal .filter-header .title-filter{margin:0 auto}.filters .filter-modal .filter-header .close-wrapper{flex:1 0 0%;display:flex;justify-content:flex-end;height:24px}.filters .filter-modal .filter-header .close-wrapper .close-circle{height:2rem;padding:0 5px;width:2rem}.filters .filter-modal .price{padding:1.5rem 0}.filters .filter-modal .price .filter-name{padding:0 1rem}.filters .filter-modal .price .wrap{padding:0 2rem 2.5rem 1rem}.filters .filter-modal .filter-section .filter-title{padding:1.5rem 1rem;position:relative;display:flex;justify-content:space-between}.filters .filter-modal .filter-section .filter-arrow.active{margin-bottom:4px}.filters .filter-modal .filter-section .filter-dropdown{display:none;padding:1.5rem 1rem}.filters .filter-modal .filter-section .filter-dropdown .clear-selection{margin-bottom:1.6rem}.filters .filter-modal .filter-section .filter-dropdown .filter-list .filter-list-item{flex-basis:50%}.filters .filter-modal .filter-section .filter-dropdown.active{display:block}.filters .filter-modal .filter-section .filter-brand .search-wrapper{max-width:390px;margin-bottom:2rem;height:5rem;position:relative;padding:.5rem 2.5rem}.filters .filter-modal .filter-section .filter-brand .search-wrapper input{height:100%;width:100%}.filters .filter-modal .filter-section .filter-brand .search-wrapper .search-filter,.filters .filter-modal .filter-section .filter-brand .search-wrapper .close-search{position:absolute;top:50%;right:2rem;transform:translateY(-50%);cursor:pointer;transition:opacity .2s ease}.filters .filter-modal .filter-section .filter-brand .search-wrapper .close-search{display:none}.filters .filter-modal .filter-colour input{position:relative}.filters .filter-modal .filter-colour input::after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:8px;height:8px}.filters .filter-modal .switch-slider{display:flex;justify-content:space-between;padding:2rem 1rem}.filters .filter-modal .switch-slider .title{margin:0}.filters .filter-modal .switch-slider .btn-switch{position:relative;display:inline-block;width:50px;height:25px}.filters .filter-modal .switch-slider .btn-switch input.switch-input{width:0;height:0}.filters .filter-modal .switch-slider .btn-switch .btn-circle{position:absolute;top:0;left:1px;width:20px;height:20px}.filters .filter-modal .switch-slider .btn-switch input.switch-input:checked+.btn-circle{transform:translateX(23px)}.filters .filter-modal .filter-size .size-list{list-style:none;display:flex;flex-wrap:wrap;row-gap:1rem}.filters .filter-modal .filter-size .size-list .size{position:relative;width:25%}.filters .filter-modal .filter-size .size-list .size input{position:absolute}.filters .filter-modal .filter-size .size-list .size .size-btn{height:4rem;width:6rem;display:inline-block;display:flex;justify-content:center;align-items:center}.filters .filter-modal.active{transform:translateX(0)}.selected-filters{padding:0 6.8rem;padding-left:0;display:flex;align-items:center;gap:1rem;margin:1.6rem 0}.selected-filters .select{position:relative;cursor:pointer}.selected-filters .select span{padding:9px 30px 10px 10px}.selected-filters .select .close-filter{position:absolute;right:7px;top:50%;transform:translateY(-50%)}@media(max-width:1199.98px){.selected-filters{padding:0 2.2rem}}