@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}.filters .filter-modal .filter-section .filter-dropdown .filter-list,.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list,.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list{font-weight:700;color:#242321;font-size:12.8px}.filters .filter-modal .filter-section .filter-dropdown .filter-list li,.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list li,.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list li{margin:0 0 1rem;padding:.5rem 1rem;display:flex;align-items:center}.filters .filter-modal .filter-section .filter-dropdown .filter-list label,.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list label,.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list label{padding-left:1rem;cursor:pointer}.filters .filter-modal .filter-section .filter-dropdown .filter-list input,.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input,.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list input{border:1px solid #242231;height:1.4rem;width:1.4rem;margin:0;background-color:rgba(0,0,0,0);appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer}@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-top{-webkit-font-smoothing:subpixel-antialiased}.main-top .breadcrumbs{line-height:19.5px}.main-top .breadcrumbs a,.main-top .breadcrumbs span{font-size:13px;color:#757473;font-weight:400;font-family:"Visby CF Medium";text-transform:uppercase}.main-top .breadcrumbs a:after{color:#6c757d;content:"/";padding:0 5px}.main-top .title-container h1{color:#242231;font-size:34px;font-weight:800;font-family:"Visby CF Extra Bold";text-align:center;text-transform:uppercase;line-height:36px}.main-top .product-count-container .product-count{color:#757473;font-size:16px;font-weight:400;font-family:"Visby CF Medium";line-height:24px}@media(max-width:1023.98px){.main-top .title-container h1{font-size:24px;line-height:20px;text-align:left}.main-top .product-count-container .product-count{font-size:12px}}.top-cold-content{color:#242321;font-size:16px;text-align:center;font-family:"Visby CF Medium";-webkit-font-smoothing:subpixel-antialiased}.top-cold-content .read-more{font-family:"Visby CF Bold";text-align:center}.top-cold-content .read-more:hover{text-decoration:underline}.products{-webkit-font-smoothing:subpixel-antialiased}.products-img-container .img-container-top .label{background-color:#f3f3f3;border-radius:100vh;color:#757473;font-family:"Visby CF Medium";font-size:12px;font-weight:400;line-height:16px;opacity:.8;z-index:1}.products-img-container .img-container-bottom .label-bottom{background-color:rgba(251,239,239,.8509803922)}.products-img-container .img-container-bottom .label-bottom .orange-text{color:#fb7316;font-size:16px;font-family:"Visby CF Extra Bold";font-weight:700}.products-img-container .img-container-bottom .product-sizes-container{background:rgba(255,255,255,.7019607843)}.products-img-container .img-container-bottom .product-sizes-container ul li{padding:3px;background-color:#fff;text-transform:uppercase;font-size:16px;font-weight:400;font-family:"Visby CF Medium";color:#242321}@media(max-width:1023.98px){.products-img-container .img-container-bottom .product-sizes-container{background-color:#fff}.products-img-container .img-container-bottom .product-sizes-container .add-to-bag{border-radius:100vh;font-size:16px;font-weight:800;font-family:"Visby CF Extra Bold";color:#fff;background-color:#0a2f87;line-height:20px;text-transform:capitalize;cursor:pointer;text-align:center}.products-img-container .img-container-bottom .product-sizes-container ul li{border:1px solid #808080 !important;height:40px;width:22%;line-height:15px;padding:5px;margin:5px;min-width:25px;font-size:12px}}.products-info-container .brand-name{color:#242321;font-family:"Visby CF Extra Bold";font-size:16px;font-weight:800;line-height:16px}.products-info-container .product-title{line-height:19.2px;font-size:16px;color:#242321;font-family:"Visby CF Medium";font-weight:400;height:auto;overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:2}.products-info-container .product-description{line-height:16px;font-size:14px;color:#242321;font-family:"Visby CF Medium";font-weight:400;height:auto;overflow:hidden;display:block;display:-webkit-box;-webkit-box-orient:vertical;text-overflow:ellipsis;white-space:normal;-webkit-line-clamp:3}.products-info-container .price-container{color:#242321;font-size:16px;font-family:"Visby CF Medium";font-weight:400;line-height:15px}.products-info-container .price-container .old{text-decoration:line-through}.products-info-container .price-container .sale-price{color:#ee292f}.products-info-container .colors-container .color-swatch span{border:1px solid #ddd}.products-info-container .colors-container .color-swatch.active{border:2px solid #242321}.products-info-container .outlet-label{color:#ed0008;line-height:24px;font-size:16px;font-family:"Visby CF Medium";font-weight:400}@media(max-width:1023.98px){.products .img-container-top .label{font-size:10px;white-space:nowrap}.products .img-container-bottom .label-bottom{font-size:12px}.products .img-container-bottom .label-bottom .orange-text{font-size:12px}.products .brand-name,.products .product-title{font-size:12px}.products .product-description{font-size:10px}.products .sizes-btn{border-radius:50%;background-color:#fff}}.bottom-section-container{text-align:center;font-size:16px;-webkit-font-smoothing:subpixel-antialiased}.bottom-section-container h3{font-family:"Visby CF Extra Bold";font-weight:800;color:#242321;text-transform:uppercase}.bottom-section-container .bottom-cold-content{color:#757473;font-size:16px;font-family:"Visby CF Medium";line-height:19.2px}.bottom-section-container .bottom-cold-content a{line-height:19.2px}.bottom-section-container .bottom-cold-content a:hover{text-decoration:none}.bottom-section-container a{color:#242321;font-size:16px;font-family:"Visby CF Medium";line-height:24px}.bottom-section-container a:hover{text-decoration:underline}.load-more-wrap{-webkit-font-smoothing:subpixel-antialiased}.load-more-wrap .products-number{color:#757473;font-size:16px;font-weight:400;line-height:20px;text-align:center}.load-more-wrap .progress-bar{background-color:#f1f2f2}.load-more-wrap .progress-bar-loaded{background-color:#0a2f87}.load-more-wrap .load-more{border-radius:100vh;font-size:16px;font-weight:800;font-family:"Visby CF Extra Bold";color:#fff;background-color:#0a2f87;line-height:20px;cursor:pointer;transition:.2s linear}.load-more-wrap .load-more:hover{background:#0a1e7a}#scrollButton{border:2px solid #0a2f87;background-color:#fff;cursor:pointer}.products-overlay{position:fixed;top:0;left:0;width:100vw;height:100%;background-color:#000;opacity:0;visibility:hidden;z-index:6;backdrop-filter:none;transform:translateY(0);transition:opacity .3s ease,backdrop-filter .3s ease,transform .5s ease,visibility 0s linear .5s}.products-overlay.active{opacity:1;visibility:visible;z-index:10;backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5019607843);transform:translateY(-163px);transition:opacity .3s ease,backdrop-filter .3s ease,transform .5s ease,visibility 0s linear 0s}.fallback-title{font-weight:700;font-size:16px;font-family:"Visby CF Bold";text-transform:uppercase;line-height:24px;color:#000;margin:15px 0;display:block}.border{border-top:1px solid;margin:0 6.8rem}@media(max-width:1199.98px){.border{margin:0 2.2rem}}@media(max-width:1023.98px){.border{border:none}}.filters::after{content:""}.filters .filter-box.left-filters{color:#242231;font-size:1.5rem;font-weight:700;line-height:1.8rem}.filters .filter-box.left-filters .filter-toggle{cursor:pointer;display:flex;flex-direction:row;justify-content:center;align-items:center;flex-wrap:nowrap;gap:8px;-webkit-font-smoothing:subpixel-antialiased}@media(max-width:1023.98px){.filters .filter-box.left-filters .filter-toggle{padding:10px;width:50%}}.filters .filter-box.left-filters .filter-select{cursor:pointer}.filters .filter-box.left-filters .filter-select .sort-options-wrapper{background-color:#fff;border:1px solid}.filters .filter-box.left-filters .filter-select .sort-options-wrapper.active{display:block}.filters .filter-box.left-filters .filter-select .filter-arrow.active{rotate:180deg}.filters .filter-box.left-filters .filter-select .close-icon-filters{cursor:pointer}.filters .filter-box.left-filters .filter-select .sort-options .sortorder{font-size:12.8px;font-weight:300}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label{cursor:pointer}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label:hover{font-weight:700}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label span{font-size:1.6rem}@media(max-width:1023.98px){.filters .filter-box.left-filters .filter-select .sort-options .sortorder label span{font-size:1.2rem;font-weight:300}}.filters .filter-box.left-filters .filter-select .sort-options .sortorder label input[type=radio]:checked+span{color:#242321;font-weight:700}.filters .filter-box.middle-filters .filter-title{cursor:pointer}.filters .filter-box.middle-filters .filter-title .filter-name{font-size:1.6rem;line-height:1.8rem;color:#242231;font-weight:500;font-family:"Visby CF Bold"}.filters .filter-box.middle-filters .filter-title .filter-arrow.active{rotate:180deg}.filters .filter-box.middle-filters .filter-dropdown{background-color:#fff;border-bottom:1px solid #ccc}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper{border:1px solid #242231;border-radius:5rem;color:#757473}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .search-wrapper input::placeholder{font-size:1.6rem;font-weight:400;line-height:1.5}.filters .filter-box.middle-filters .filter-dropdown .filter-brand .filters-wrapper .filter-list input:checked{background-color:#0a2f87}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input::after{content:"";opacity:0}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input:checked::after{opacity:1}.filters .filter-box.middle-filters .filter-dropdown .filter-colour .filter-list input:checked{border:2px solid}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list{list-style:none}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size input{opacity:0;pointer-events:none}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size .size-btn{border:1px solid #242321;font-size:1.4rem;font-weight:700;cursor:pointer;background-color:rgba(0,0,0,0);color:#242321;transition:all .2s ease}.filters .filter-box.middle-filters .filter-dropdown .filter-size .size-list .size input:checked+.size-btn{background-color:#0a2f87;color:#fff}.filters .overlay{backdrop-filter:blur(4px);background-color:rgba(0,0,0,.5019607843)}.filters .filter-modal{overflow-y:auto;background-color:#fff;transition:transform .5s ease}.filters .filter-modal .filter-header{border-bottom:2px solid #0a2f87}.filters .filter-modal .filter-header .clear-all{cursor:pointer;text-decoration:underline;line-height:1.5}.filters .filter-modal .filter-header .title-filter{font-weight:900;text-transform:uppercase;font-size:1.6rem}.filters .filter-modal .filter-header .close-wrapper .close-circle{background:#ccc;border-radius:50%;cursor:pointer;line-height:2rem}.filters .filter-modal .price .filter-name{line-height:1.8rem;font-size:1.6rem;font-weight:600}.filters .filter-modal .filter-section{border-bottom:1px solid #f2f2f2}.filters .filter-modal .filter-section .filter-title{cursor:pointer;font-family:"Visby CF Bold";font-size:1.6rem;color:#242321}.filters .filter-modal .filter-section .filter-title .filter-arrow.active{rotate:180deg}.filters .filter-modal .filter-section .filter-dropdown .clear-selection{cursor:pointer;font-weight:700;text-decoration:underline;line-height:1.5;font-size:1.4rem}.filters .filter-modal .filter-section .filter-dropdown .clear-selection:hover{color:#0a2f87;text-decoration:none}.filters .filter-modal .filter-section .filter-brand .search-wrapper{border:1px solid #242231;border-radius:5rem}.filters .filter-modal .filter-section .filter-brand input:checked{background-color:#0a2f87}.filters .filter-modal .filter-colour input::after{content:"";opacity:0}.filters .filter-modal .filter-colour input:checked::after{opacity:1}.filters .filter-modal .filter-colour input:checked{border:2px solid}.filters .filter-modal .switch-slider{line-height:1.5}.filters .filter-modal .switch-slider .title{font-size:1.6rem;font-weight:700;color:#242321}.filters .filter-modal .switch-slider .btn-switch{border-radius:3.4rem;background-color:#ccc;border:2px solid #ccc;cursor:pointer;transition:background-color .3s}.filters .filter-modal .switch-slider .btn-switch input.switch-input{opacity:0}.filters .filter-modal .switch-slider .btn-switch .btn-circle{background-color:#fff;border-radius:50%;transition:transform .3s ease}.filters .filter-modal .switch-slider .btn-switch:has(input.switch-input:checked){background-color:#0a2f87;border:2px solid #0a2f87}.filters .filter-modal .filter-size .size-list .size input{opacity:0;pointer-events:none}.filters .filter-modal .filter-size .size-list .size .size-btn{border:1px solid #242231;font-size:1.4rem;font-weight:700;cursor:pointer;background-color:rgba(0,0,0,0);color:#242231;transition:all .2s ease}.filters .filter-modal .filter-size .size-list .size input:checked+.size-btn{background-color:#0a2f87;color:#fff}.selected-filters .select span{border-radius:100vh;background:#f1f2f2;color:#757473;line-height:1.1rem}.selected-filters .select .close-filter{cursor:pointer}.selected-filters .btn-clear-all{color:#757473;line-height:1.1rem;font-size:1.6rem;text-decoration:underline;cursor:pointer}.filter-modal{-ms-overflow-style:none;scrollbar-width:none}.filter-modal::-webkit-scrollbar{display:none}.wrap{margin:0 auto}.filter-list-range{font-weight:lighter;font-size:14px}.filter-list-range .range-values .value-one{font-size:12px;position:absolute;top:19px;left:-12px}.filter-list-range .range-values .value-two{font-size:12px;position:absolute;top:19px;left:-12px}.filter-list-range .middle{position:relative}.filter-list-range .slider{position:relative}.filter-list-range .slider .track{position:absolute;border:none;right:0;left:0;text-align:center;margin:0 auto;height:7px;margin:-4px 0 0;top:53px;background-color:#e1e0df;border-radius:5px;border-radius:15px}.filter-list-range .slider .range{position:absolute;height:5px;left:0%;right:0%;background-color:#000;top:50px}.filter-list-range .slider .thumb{color:#242321;font-size:13px;font-weight:400;max-width:45px}.filter-list-range .slider .thumb input{field-sizing:content}.filter-list-range .slider .thumb.right .input-price-wrapper{position:relative}.filter-list-range .clear-price{line-height:1.5;font-weight:700;font-size:1.4rem;text-decoration:underline;cursor:pointer}.filter-list-range .clear-price:hover{text-decoration:none;color:#0a2f87}.filter-list-range .thumb-wrap{display:flex;grid-gap:4px}.filter-list-range input[type=range]{position:absolute;appearance:none;pointer-events:none;z-index:3;height:10px;width:100%;opacity:1;top:46px}.filter-list-range input[type=range]::-webkit-slider-thumb{pointer-events:all;cursor:pointer;appearance:none;border-radius:50%;width:12.8px;height:12.8px;border:#000 solid 4px}.filter-list-range input[type=range]::-moz-range-thumb{pointer-events:all;z-index:2;cursor:pointer;margin-top:-5px;margin-left:-2px;appearance:none;border-radius:50%;background-color:#fff;box-sizing:border-box;border:1px solid #9a9a9a;width:20px;position:absolute;top:-26px;height:20px;box-shadow:rgba(0,0,0,.3215686275) .5px .5px 2px 1px}.filter-list-range .input-left{margin-left:0}