<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">&lt;style type="text/css"&gt;
    /*EMARSYS RECC CSS*/
    .recommender-container {
        display: block;
        width: 100%;
        /*width: calc(90% + 6px) !important;*/
        margin: auto !important;
    }

    .scarab-itemlist {
        padding: 0px;
        position: relative;
        margin: 0 18px;
        /*border: 1px solid #000;*/
    }

    .scarab-item {
        display: inline-block;
        width: 120px;
        margin: 2px;
        vertical-align: top;
        font-size: 12px;
        font-family: Arial, sans-serif;
        text-align: center;
        /*float: left;*/
        width: 19%;
        padding: 0 6px;
    }

    .scarab-item img {
        /*max-width: 100px; max-height: 100px;*/
        display: block;
        margin: 0px auto;
        border: 0px;
        width: 100%;
    }

    .scarab-prev,
    .scarab-next {
        position: absolute;
        width: 20px;
        height: 20px;
        line-height: 20px;
        top: 50%;
        margin-top: -10px;
        cursor: pointer;
        text-align: center;
        font-size: 16px;
        color: #C5D7EF;
    }

    .scarab-prev {
        left: 0px;
    }

    .scarab-next {
        right: 0px;
    }

    .scarab-disabled-button {
        cursor: default;
        opacity: 0.4;
    }

    #category-recs {
        padding-bottom: 10px;
    }

    .recommender-container .slick-arrow {
        position: absolute;
        z-index: 1;
        top: 30%;
        font-size: 0;
        width: 35px;
        height: 55px;
        border: none;
        top: calc(50% - 60px);
        opacity: 0.7;
    }

    .recommender-container .slick-prev {
        left: 3px;
        background: #ffffff url("left-arrow.png?$staticlink$") 10px 17px no-repeat;
    }

    .recommender-container .slick-next {
        right: -3px;
        background: #ffffff url("right-arrow.png?$staticlink$") 10px 17px no-repeat;
    }

    #category-recs h4 {
        font-family: "Visby CF Extra Bold" !important;
        margin: 0 18px;
        font-size: 30px !important;
        line-height: 15px;
        padding-bottom: 15px;
        padding-top: 5px;
        font-size: 22px !important;
    }

    @media screen and (max-width: 1023px) {
        .recommender-container .slick-arrow {
            /*display:none !important;*/
            opacity: 0.3;
        }

        #category-recs h4 {
            font-size: 22px !important;
        }

        .recommender-container {
            width: 100% !important;
        }
    }

    .emarsys-tile {
        position: relative;
    }

    .emarsys-tile-callout {
        position: absolute;
        top: 0;
        left: 0;
        color: #757473;
        background: #f3f3f3;
        line-height: 16px;
        font-size: 12px;
        opacity: 0.8;
        font-weight: 500;
    }

    .emarsys-tile-callout-section {
        display: inline-block;
        /*padding: 8px 10px;*/
        line-height: 16px;
        font-family: 'Visby CF Medium';
    }

    .emarsys-tile-salepercent-callout {
        display: inline-block;
        color: white;
        background-color: red;
        padding: 3px 6px;
    }

    .emarsys-tile a .emarsys-tile-text {
        font-family: "Visby CF Medium";
        text-align: left;
        line-height: 20px;
        font-size: 16px;
        letter-spacing: 0;
        font-weight: unset;
        color: #242321;
        padding-top: 3px;
    }

    .emarsys-tile a .emarsys-tile-text .emarsys-tile-brand {
        font-family: "Visby CF Extra Bold";
        text-transform: capitalize;
        font-weight: 800;
        line-height: 20px;
        padding-bottom: 3px;
    }

    .emarsys-tile a .emarsys-tile-text .emarsys-tile-name {
        padding-bottom: 6px;
    }

    @media screen and (max-width: 1023px) {
        .emarsys-tile-callout {
            font-size: 10px;
        }

        .emarsys-tile-callout-section {
            padding: 6px 8px;
        }
    }

    /*end EMARSYS CSS*/


    /*top cat CSS*/

    .topcategories-v2-1-startup {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 95%;
    }

    .womenstopcategories-v2-1-markupcontainer,
    .menstopcategories-v2-1-markupcontainer,
    .topcategories-v2-1-markupcontainer {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 100%;
        margin: auto;
        margin-left: -3px;
    }

    .topcategories-v2-1-startup .section-containertopcat {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 10px 0 10px;
        width: 80%;
        margin: auto;
        width: 95%;
    }

    .topcategories-v2-1-startup&gt;div {
        display: inline-block;
        width: calc(calc(100% / 6) - 5px);
        vertical-align: top;
        text-align: center;
    }

    .womenstopcategories-v2-1-markupcontainer div,
    .menstopcategories-v2-1-markupcontainer div,
    .topcategories-v2-1-markupcontainer div {
        /*z-index: 1;*/
        text-align: center;
    }

    .containerFullPageWidthtopcat .slick-slide&gt;div {
        margin: 0 5px 10px 5px;
    }

    .containerFullPageWidthtopcat .slick-prev,
    .containerFullPageWidthtopcat .slick-next {
        position: absolute;
        top: 40%;
        transform: translateY(-50%);
        background-color: transparent;
        /*border-radius: 50%;*/
        border: 1px solid transparent;
        color: black;
        z-index: 5;
    }

    .containerFullPageWidthtopcat .slick-prev {
        left: 10px;
        left: -25px;
        left: 3px;
        background: #ffffff url(https://www.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw622e18a0/left-arrow.png) 10px 17px no-repeat;
    }

    .containerFullPageWidthtopcat .slick-next {
        right: 10px;
        right: -25px;
        right: 3px;
        background: #ffffff url(https://staging.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw68794135/right-arrow.png) 10px 17px no-repeat;
    }

    .containerFullPageWidthtopcat .slick-next:before {
        /*content: "Ã£â‚¬â€°";*/
        font-size: 25px;
    }

    .containerFullPageWidthtopcat .slick-prev:before {
        /*content: "Ã£â‚¬Ë†";
    font-size: 25px;*/
    }

    .containerFullPageWidthtopcat .slick-prev:before,
    .containerFullPageWidthtopcat .slick-next:before {
        color: black;
        font-weight: bolder;
    }

    @media only screen and (max-width: 600px) {
        .containerFullPageWidthtopcat .slick-prev {
            left: -23px;
            left: 3px;
            background: #ffffff url(https://www.citybeach.com/on/demandware.static/-/Library-Sites-CityBeachSharedLibrary/default/dw622e18a0/left-arrow.png) 10px 17px no-repeat;
        }

        .containerFullPageWidthtopcat .slick-next {
            right: 3px;
        }

        .topcategories-v2-1-startup&gt;div {
            width: calc(calc(100% / 2) - 4px);
        }

        .womenstopcategories-v2-1-markupcontainer,
        .menstopcategories-v2-1-markupcontainer,
        .topcategories-v2-1-markupcontainer {
            margin: auto;
        }
    }

    .section-containertopcat {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 1px 0 1px;
        width: 80%;
        margin: auto;
        width: 95%;
    }

    .topCats-containertopcat {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .image-trendingtopcat {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
    }

    .image-trendingtopcat-holding {
        display: block;
        width: 100%;
        height: auto;
    }

    .video-trending {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
        z-index: 1;
    }

    .image-overlaytopcat {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .video-overlay {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 3px solid transparent;
    }


    .circle-overlay:after,
    .circle-overlay::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        /*border-radius: 50%;*/
    }

    .topCats-containertopcat:hover .image-trendingtopcat,
    .topCats-containertopcat:hover .video-trending {
        transform: scale(1.1);
    }

    .trendingProductTitle {
        width: 100%;
        display: block;
        padding-top: 20px;
        text-align: center;
        font-family: "Visby CF Bold";
        color: #242321;
        padding: 15px 0 5px 0;
        line-height: 1.1;
    }

    @media only screen and (max-width: 600px) {

        .topCats-containertopcat:hover .image-trendingtopcat,
        .topCats-containertopcat:hover .video-trending {
            transform: scale(1);
        }

        .video-trending {
            opacity: 0;
        }
    }

    .CategoriesWidth {
        width: 95%;
        margin: auto;
        margin-bottom: 7px
    }

    .DisplayPageText-TopCategories {
        font-family: "Visby CF Extra Bold", "AkzidenzGroteskE", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 19px;
    }

    .genderCategoryHeader {
        width: fit-content;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        margin: 0px 10px;
        font-size: 14px !important;
        vertical-align: middle;
        transition-duration: 0.2s;
    }

    .genderCategoryHeader:hover {
        opacity: 1;
        transition-duration: 0.2s;
    }

    .genderCategoryHeaderACTIVED {
        text-decoration: underline !important;
        text-underline-offset: 2px;
        transition-duration: 0.2s;
        opacity: 1;
    }

    #TopCategoriesStartupIDtopcat {
        display: block;
    }

    #TopCategoriesRotatorID {
        display: block;
        opacity: 0;
        position: absolute;
    }

    #resetTopCategories {
        display: block;
        opacity: 0;
    }

    #womensTopCategoriesID,
    #mensTopCategoriesID {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .desktopTopCatsONLY {
        display: inline-block;
    }

    .mobileTopCatsONLY {
        display: none;
    }

    @media only screen and (max-width: 600px) {
        .genderCategoryHeader {
            margin: 0px 5px;
        }

        .desktopTopCatsONLY {
            display: none;
        }

        .mobileTopCatsONLY {
            display: inline-block;
        }

        .containerFullPageWidthtopcat {
            margin-right: 0px;
        }
    }

    .zIndexActive {
        z-index: 3 !important;
    }

    /*end TOP CAT CSS */


    /*feature category CSS*/
    :root {
        --buttonBackgroundHeader: #fff;
        --buttonBackgroundHeaderHover: rgba(0, 0, 0, 0.7);
        --buttonFontHeader: #000;
        --buttonFontHeaderHover: #fff;
        --buttonHeaderBorder: #000;
    }

    .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer-FULL2widthPROMOcontainer-1 {
        /*margin-top: 15px;*/
        overflow: hidden;
        /*width: 100%;
    /*padding-top: 15px;*/
        width: 100%;
        margin-bottom: -5px;
        margin-top: 5px;
    }

    .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer-FULL2widthPROMOcontainer-1-lastimage {
        overflow: hidden;

    }

    .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer {
        /* width: calc(100% - 11.1%);*/
        /* width: calc(100% - 10%);*/
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        position: relative;
        /*border: 1px solid white;*/
        text-align: center;
    }


    .CBpage-INNER2widthPROMOcontainer1 {
        float: left;
        left: -4px;
        /*
            width: calc(50% - 4.2%);
            margin-left: 2.1%;
            margin-right: 2.1%;*/
        width: calc(50% - 0.4%);
        margin-left: 0.2%;
        margin-right: 0.2%;
        position: relative;
        display: inline-block;
        margin-bottom: -20px;
        /*border: 1px dotted black;*/
        /*left:11px;
width: calc(50% - 22px);
margin-left: 5px;
margin-right: 5px;*/
    }

    .CBpage-INNER2widthPROMOcontainer2 {
        float: left;
        left: 4px;
        /*
            width: calc(50% - 4.2%);
            margin-left: 2.1%;
            margin-right: 2.1%;*/
        width: calc(50% - 0.4%);
        margin-left: 0.2%;
        margin-right: 0.2%;
        position: relative;
        display: inline-block;
        margin-bottom: -20px;
        /*border: 1px dotted black;*/
        /*left:11px;
width: calc(50% - 22px);
margin-left: 5px;
margin-right: 5px;*/
    }

    .CBpage-INNER2widthPROMOcontainer img {
        transition: 0.5s;
    }



    .INNER2widthPROMOcontainer-CTA {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        text-align: center;
        /*border: 1px solid white;*/
        width: fit-content;
    }

    .INNER2widthPROMOcontainer-CTA-header-font {
        font-size: 4vw;
        text-align: center;
        letter-spacing: 1.5px;
        color: white;
        font-weight: 600;
        /*line-height: normal;*/
    }

    .INNER2widthcontainer-CTA {
        opacity: 0;
        background-color: black;
        position: absolute !important;
        width: 100%;
        height: 99.9%;
        top: 0px;
        left: 0px;
        transition: 0.4s;
    }


    .belowBannerCTA-2width {
        font-size: larger;
        font-weight: bolder;
        padding: 10px 0 20px 0;
    }

    .INNER1widthHEADERBANNERcontainer-CTAbutton-cats {
        position: absolute;
        top: calc(78%);
        left: calc(100% / 4*1);
        transform: translate(-50%, -50%);
        text-align: center;
        font-weight: bold;
        width: 19.8%;
        max-width: 220px;
        margin: auto;
        padding: 7px;
        display: table;
        letter-spacing: 0.5px;
        transition: 0.4s;
        font-size: max(14px, min(18px, 0.99vw));
        color: var(--buttonFontHeader);
        background-color: var(--buttonBackgroundHeader);
        top: 84.5%;
        /* top: calc(30%);*/
        left: 15%;
        left: 50%;
        border-radius: 20px;
    }

    .INNER1widthHEADERBANNERcontainer-CTAbutton-cats-lastimage {
        position: absolute;
        top: calc(78%);
        left: calc(100% / 4*1);
        transform: translate(-50%, -50%);
        text-align: center;
        font-weight: bold;
        width: 19.8%;
        max-width: 220px;
        margin: auto;
        padding: 7px;
        display: table;
        letter-spacing: 0.5px;
        transition: 0.4s;
        font-size: max(14px, min(18px, 0.99vw));
        color: var(--buttonFontHeader);
        background-color: var(--buttonBackgroundHeader);
        top: 84.5%;
        /* top: calc(30%);*/
        left: 15%;
        left: 50%;
        border-radius: 20px;
    }


    .INNER1widthHEADERBANNERcontainer-CTA-cover {
        opacity: 0;
        background-color: black;
        position: absolute !important;
        width: 100%;
        height: 99.9%;
        top: 0px;
        left: 0px;
        transition: 0.4s;
    }

    .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer-last-image {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        position: relative;
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA {
        position: absolute !important;
        top: 78% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        text-align: center;
        /*border: 1px solid white;*/
        width: fit-content;
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA-header-font {
        font-size: 3.5vw;
        text-align: center;
        letter-spacing: 1.5px;
        color: white;
        font-weight: 600;
        /*line-height: normal;*/
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA-cover {
        opacity: 0;
        background-color: black;
        position: absolute !important;
        width: 100%;
        height: 99.9%;
        top: 0px;
        left: 0px;
        transition: 0.4s;
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA-cover:hover {
        opacity: 0.1;
    }

    @media only screen and (max-width: 1500px) and (min-width: 1024px) {

        .INNER1widthHEADERBANNERcontainer-CTAbutton-cats {
            width: 19%;
        }

        .INNER1widthHEADERBANNERcontainer-CTAbutton-cats-lastimage {
            width: 12%;
        }
    }

    @media only screen and (max-width: 1024px) {
        .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer {
            width: 100%;
        }


        .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer-FULL2widthPROMOcontainer-1 {
            margin-right: 0px;
            margin-top: -10px;
            margin-bottom: 0px;
        }

        .INNER3widthWOMENSMENSKIDScontainer-CTA-header-font {
            font-size: 30px;
        }

        .CBpage-INNER2widthPROMOcontainer1 {
            left: -1px;
            width: calc(100% - 1px);
            width: 100%;
            margin-bottom: -20px;
            /*margin-left: 0px;
      margin-right: 0px;*/
            padding: 0px;
            top: 10px;
        }

        .CBpage-INNER2widthPROMOcontainer2 {
            left: -1px;
            width: calc(100% - 1px);
            width: 100%;
            margin-bottom: -20px;
            /*margin-left: 0px;
      margin-right: 0px;*/
            padding: 0px;
            top: 10px;
        }



        .INNER2widthPROMOcontainer-CTA-header-font {
            font-size: 18px;
        }

        .CBpage-INNER2widthPROMOcontainer-lastimage {
            left: 0px;
            width: calc(100% - 0px);
            margin-left: 0.2%;
            margin-right: 0.2%;
            position: relative;
            display: inline-block;
        }



        .INNER1widthHEADERBANNERcontainer-CTAbutton-cats {
            top: calc(83.5% - 20px);
            left: calc(50% - 21.5%);
            width: 30%;
            min-width: 150px;
            padding: 6px 3px;
            /* FIX */
            top: calc(83.5% - 55px);
            top: calc(83.5% - 27px);
            left: calc(50% - 21.5%);
            top: calc(85% - 27px);
            top: calc(83.5% - 20px);
            left: calc(50%);
        }

        .INNER1widthHEADERBANNERcontainer-CTAbutton-cats-lastimage {
            top: calc(83.5% - 20px);
            left: calc(50% - 21.5%);
            width: 30%;
            min-width: 150px;
            padding: 6px 3px;
            /* FIX */
            top: calc(83.5% - 55px);
            top: calc(83.5% - 27px);
            left: calc(50% - 21.5%);
            top: calc(85% - 27px);
            top: calc(83.5% - 20px);
            left: calc(50%);
        }

        .CBpage-INNER2widthPROMOcontainer-OUTER2widthPROMOcontainer-last-image {
            width: 100%;
        }
    }

    /*end feature category CSS*/


    /*gender tiles CSS */

    .CBpage-INNER3widthWOMENSMENSKIDScontainer-OUTER3widthWOMENSMENSKIDScontainer-FULL3widthWOMENSMENSKIDScontainer-1 {
        /*margin-top: 15px;*/
        overflow: hidden;
        width: 100%;
        /*padding-top: 15px;*/
        /*border: 1px solid green;*/
    }

    .CBpage-INNER3widthWOMENSMENSKIDScontainer-OUTER3widthWOMENSMENSKIDScontainer {
        /*width: calc(100% - 11.1%);*/
        width: calc(100% - 1%);
        /* (-minus) = IPCw + 10px */
        /*width: calc(100% - 0px); /* flush-to-side (-minus) = 0px */
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        position: relative;
        text-align: center;
        /*border: 1px solid blue;*/
        width: 100%;
    }

    .CBpage-INNER3widthWOMENSMENSKIDScontainer {
        float: left;
        left: 0px;
        /*width: calc(33.3% - 4.2%);*/
        width: calc(33.3%);
        /* (-minus) = IPCw = margin-left + margin-right */
        margin-left: 0%;
        margin-right: 0%;
        position: relative;
        display: inline-block;
        /*width: calc(33.3% - 10px); /* (-minus) = IPCw = margin-left + margin-right * margin-left: 5px; margin-right: 5px;*/
        /*border: 1px solid black;*/
        width: 100%;
        margin-bottom: -30px;
        padding: 0px 7px;
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        text-align: center;
        /*border: 1px solid white;*/
        width: fit-content;
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA-header-font {
        font-size: 3.5vw;
        text-align: center;
        letter-spacing: 1.5px;
        color: white;
        font-weight: 600;
        /*line-height: normal;*/
    }

    .INNER3widthWOMENSMENSKIDScontainer-CTA-cover {
        /*opacity: 0;
    background-color: black;*/
        position: absolute !important;
        width: 100%;
        height: 99.9%;
        top: 0px;
        left: 0px;
        /*transition: 0.4s;*/
    }

    /*
  .INNER3widthWOMENSMENSKIDScontainer-CTA-cover:hover {
    opacity: 0.1;
  }
  */
    .INNER3widthWOMENSMENSKIDScontainer-StackerSPACER {
        padding-top: 10px;
        line-height: 0px;
        width: 100%;
        display: none;
    }

    @media only screen and (max-width: 1024px) {

        /*
    .INNER3widthWOMENSMENSKIDScontainer-CTA-cover:hover {
      opacity: 0;
    }
    .CBpage-INNER3widthWOMENSMENSKIDScontainer-OUTER3widthWOMENSMENSKIDScontainer {
      width: 100%;
    }
    .CBpage-INNER3widthWOMENSMENSKIDScontainer {
      left: 0px;
      width: calc(100% - 10px);
      /*margin-bottom: 40px;*./
      /*margin-left: 0px; margin-right: 0px;*./
    }
    */
        .INNER3widthWOMENSMENSKIDScontainer-CTA-header-font {
            font-size: 30px;
        }

        /*
    .INNER3widthWOMENSMENSKIDScontainer-StackerSPACER {
      display: inline-block;
    }
    */
    }


    .SUBcategories-CTA-button {
        position: absolute;
        transform: translate(-50%, -50%);
        text-align: center;
        font-weight: bold;
        width: 37%;
        /*max-width: 265px;*/
        margin: auto;
        padding: 9px;
        display: table;
        letter-spacing: 0.5px;
        transition: 0.4s;
        font-size: max(14px, min(18px, 0.99vw));
        /* ***TEXT BLOCK*** */
        /* color: black; background-color: rgba(255, 255, 255, 0.9); */
        /**/
        color: white;
        background-color: rgba(0, 0, 0, 0.5);
        border: 2px solid white;
        /**/
    }

    .SUBcategories-CTA-BUTTON-pos-1 {
        top: calc(30%);
        left: 15%;
        top: calc(50% + 11%);
        left: calc(50% - 20%);
    }

    .SUBcategories-CTA-BUTTON-pos-2 {
        top: calc(30% + 65px);
        left: 15%;
        top: calc(50% + 11%);
        left: calc(50% + 20%);
    }

    .SUBcategories-CTA-BUTTON-pos-3 {
        top: calc(30% + 130px);
        left: 15%;
        top: calc(50% + 18%);
        left: calc(50%);
    }

    .SUBcategories-CTA-button:hover {
        /*
    color: black;
    background-color: rgba(255, 255, 255, 0.9);*/
        /**/
        /* color: white; background-color: rgba(0, 0, 0, 0.7); */
    }

    .CBpage-INNER3widthWOMENSMENSKIDScontainer-INDIVIDUALcontainer {
        display: inline-block;
        padding: 0px;
    }

    @media only screen and (max-width: 1500px) and (min-width: 1024px) {
        .SUBcategories-CTA-BUTTON-pos-3 {
            top: calc(50% + 20%);
        }
    }

    @media only screen and (max-width: 1024px) {
        .SUBcategories-CTA-button:hover {
            color: white;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .SUBcategories-CTA-BUTTON-pos-3 {
            top: calc(50% + 20%);
        }

        .CBpage-INNER3widthWOMENSMENSKIDScontainer {
            padding: 0px 6px;
        }
    }


    /* END GENDER TILES CSS*/

    /*BRANDS CSS */
    .topcategories-v2-1-startup {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 90%;
    }

    .womenstopcategories-v2-1-markupcontainerbrands,
    .menstopcategories-v2-1-markupcontainerbrands,
    .topcategories-v2-1-markupcontainerbrands {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 90%;
        margin: auto;
    }

    .topcategories-v2-1-startup .section-containerbrands {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 10px 0 10px;
        width: 80%;
        margin: auto;
        width: 90%;
    }

    .topcategories-v2-1-startup&gt;div {
        display: inline-block;
        width: calc(calc(100% / 6) - 5px);
        vertical-align: top;
        text-align: center;
    }

    .womenstopcategories-v2-1-markupcontainerbrands div,
    .menstopcategories-v2-1-markupcontainerbrands div,
    .topcategories-v2-1-markupcontainerbrands div {
        /*z-index: 1;*/
        text-align: center;
    }

    .containerFullPageWidth .slick-slide&gt;div {
        margin: 0 5px 10px 5px;
    }

    .containerFullPageWidth .slick-prevbrand,
    .containerFullPageWidth .slick-nextbrand {
        position: absolute;
        top: 55%;
        transform: translateY(-50%);
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid transparent;
        color: black;
        z-index: 5;
    }

    .containerFullPageWidth .slick-prevbrand {
        left: 10px;
        left: -41px;
    }

    .containerFullPageWidth .slick-nextbrand {
        right: 10px;
        right: -57px;
    }

    .containerFullPageWidth .slick-nextbrand:before {
        content: "ã€‰";
        font-size: 25px;
    }

    .containerFullPageWidth .slick-prevbrand:before {
        content: "ã€ˆ";
        font-size: 25px;
    }

    .containerFullPageWidth .slick-prevbrand:before,
    .containerFullPageWidth .slick-nextbrand:before {
        color: black;
        font-weight: bolder;
    }

    @media only screen and (max-width: 600px) {
        .containerFullPageWidth .slick-prevbrand {
            left: -25px;
        }

        .containerFullPageWidth .slick-nextbrand {
            right: -15px;
        }

        .topcategories-v2-1-startup&gt;div {
            width: calc(calc(100% / 2) - 4px);
        }
    }

    @media only screen and (max-width: 1500px) and (min-width: 1024px) {
        .DisplayPageText-TopCategoriesbrands {
            padding: 3px 40px;
        }
    }

    .section-containerbrands {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 1px 0 1px;
        width: 80%;
        margin: auto;
        width: 90%;
    }

    .topCats-containerbrands {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .image-trendingbrands {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
    }

    .image-trendingbrands-holding {
        display: block;
        width: 100%;
        height: auto;
    }

    .video-trending {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
        z-index: 1;
    }

    .image-overlaybrands {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .video-overlay {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 3px solid transparent;

    }

    .circle-overlay {
        width: 100%;
        border: 3px white solid;
    }

    .circle-overlay:after,
    .circle-overlay::after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 3px solid transparent;
    }

    .topCats-containerbrands:hover .image-trendingbrands,
    .topCats-containerbrands:hover .video-trending {
        transform: scale(1.1);
    }

    .trendingProductTitle {
        width: 100%;
        display: block;
        padding-top: 20px;
        text-align: center;
        font-family: "Visby CF Bold";
        color: #242321;
        padding: 15px 0 5px 0;
        line-height: 1.1;
    }

    .ViewAll-CTA {
        float: right;
        /*font-weight: normal;*/
        font-size: 20px;
        margin-right: 65px;
        font-weight: bolder;

    }

    @media only screen and (max-width: 600px) {

        .topCats-containerbrands:hover .image-trendingbrands,
        .topCats-containerbrands:hover .video-trending {
            transform: scale(1);
        }

        .video-trending {
            opacity: 0;
        }
    }

    .brandsCategoriesWidth {
        width: 100%;
        margin: auto;
        margin-bottom: 7px;
        text-align: left;
    }

    .DisplayPageText-TopCategoriesbrands {
        font-family: "Visby CF Extra Bold", "AkzidenzGroteskE", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 22px;
        padding: 3px 80px;
        text-align: left;
    }

    .genderCategoryHeader {
        width: fit-content;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        margin: 0px 10px;
        font-size: 14px !important;
        vertical-align: middle;
        transition-duration: 0.2s;
    }

    .genderCategoryHeader:hover {
        opacity: 1;
        transition-duration: 0.2s;
    }

    .genderCategoryHeaderACTIVED {
        text-decoration: underline !important;
        text-underline-offset: 2px;
        transition-duration: 0.2s;
        opacity: 1;
    }

    #TopCategoriesStartupIDbrands {
        display: block;
    }

    #TopCategoriesRotatorIDbrands {
        display: block;
        opacity: 0;
        position: absolute;
    }

    #resetTopBrandCategories {
        display: block;
        opacity: 0;
    }

    #womensTopCategoriesID,
    #mensTopCategoriesID {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
    }

    .desktopTopCatsONLYbrands {
        display: inline-block;
    }

    .mobileTopCatsONLY {
        display: none;
    }

    .containerFullPageWidth {
        width: 105%;
        position: relative;
        display: block;
        margin-left: -66px;
    }

    @media only screen and (max-width: 600px) {
        .genderCategoryHeader {
            margin: 0px 5px;
        }

        .desktopTopCatsONLYbrands {
            display: none;
        }

        .mobileTopCatsONLY {
            display: inline-block;
        }

        .DisplayPageText-TopCategoriesbrands {
            text-align: center;
            width: 100%;
        }

        .containerFullPageWidth {
            margin-left: -12px;
        }


        .ViewAll-CTA {
            float: right;
            padding-left: 20px;
            margin-right: 30px;
            margin-top: -39px;
            font-weight: bolder;
        }

    }


    /*END BRANDS CSS */



    /*INFLUENCER CSS */

    .topinfluencer-v1-2-startup {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 90%;
    }

    .topinfluencers-v1-2-markupcontainer,
    .menstopcategories-v2-1-markupcontainerinfinf,
    .topcategories-v2-1-markupcontainerinf {
        margin: 0 5%;
        position: relative;
        width: 100%;
        width: calc(100% - 10%);
        width: 97%;
        margin: auto;
    }

    .topinfluencer-v1-2-startup .section-containerinf {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 10px 0 10px;
        width: 80%;
        margin: auto;
        width: 90%;
    }

    .topinfluencer-v1-2-startup&gt;div {
        display: inline-block;
        width: calc(calc(100% / 6) - 5px);
        vertical-align: top;
        text-align: center;
    }

    .topinfluencers-v1-2-markupcontainer div,
    .menstopcategories-v2-1-markupcontainerinfinf div,
    .topcategories-v2-1-markupcontainerinf div {
        z-index: 1;
        text-align: center;
    }

    .containerFullPageWidthinf .slick-slide&gt;div {
        margin: 0 5px 10px 5px;
    }

    .containerFullPageWidthinf .slick-prev,
    .containerFullPageWidthinf .slick-next {
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
        background-color: transparent;
        border-radius: 50%;
        border: 1px solid transparent;
        color: black;
        z-index: 5;
    }

    .containerFullPageWidthinf .slick-prev {
        left: 10px;
        left: -30px;
    }

    .containerFullPageWidthinf .slick-next {
        right: 10px;
        right: -14px;
    }

    .containerFullPageWidthinf .slick-next:before {
        content: "ã€‰";
        font-size: 25px;
    }

    .containerFullPageWidthinf .slick-prev:before {
        content: "ã€ˆ";
        font-size: 25px;
    }

    .containerFullPageWidthinf .slick-prev:before,
    .containerFullPageWidthinf .slick-next:before {
        color: black;
        font-weight: bolder;
    }

    @media only screen and (max-width: 600px) {
        .containerFullPageWidthinf .slick-prev {
            left: -18px;
        }

        .containerFullPageWidthinf .slick-next {
            right: -3px;
        }

        .topinfluencer-v1-2-startup&gt;div {
            width: calc(calc(100% / 2) - 4px);
        }
    }

    .section-containerinf {
        /*width: 15%;*/
        display: inline-block;
        padding: 5px 10px 0 10px;
        width: 80%;
        margin: auto;
        width: 90%;
    }

    .topCats-containerinf {
        width: 100%;
        position: relative;
        overflow: hidden;
    }

    .image-trendinginf {
        display: block;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
    }

    .image-trendinginf-holding {
        display: block;
        width: 100%;
        height: auto;
    }

    .video-trending {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        transition: transform 0.5s ease;
    }

    .image-overlay {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
    }

    .image-trendinginf img {
        transition: transform 0.7s ease;
    }

    .image-trendinginf:after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 3px solid transparent;
        box-shadow: 0 0 0 1000px rgba(255, 255, 255, 1);
    }

    .image-trendinginf img:after {
        content: "";
        position: absolute;
        top: 3px;
        left: 3px;
        right: 3px;
        bottom: 3px;
        border-radius: 50%;
        border: 3px solid transparent;
        box-shadow: 0 0 0 1000px rgba(255, 255, 255, 1);
    }

    /*
  .circle-overlay:after {
    content: "";
    position: absolute;
    top: 3px;
    left: 3px;
    right: 3px;
    bottom: 3px;
    border-radius: 50%;
    border: 3px solid transparent;
    box-shadow: 0 0 0 1000px rgba(255, 255, 255, 1);
  }
  */

    .topCats-containerinf:hover .image-trendinginf,
    .topCats-containerinf:hover .video-trending {
        transform: scale(1.1);
    }

    .image-trendinginf img {
        border: 3px solid white;
    }

    .influencerName {
        width: 100%;
        display: block;
        padding-top: 20px;
        text-align: center;
        font-family: "Visby CF Bold";
        color: #242321;
        padding: 15px 0 5px 0;
        line-height: 1.1;
        font-size: 14px;
    }

    @media only screen and (max-width: 600px) {

        .topCats-containerinf:hover .image-trendinginf,
        .topCats-containerinf:hover .video-trending {
            transform: scale(1);
        }

        .video-trending {
            opacity: 0;
        }

        .influencerName {
            font-size: 12px;
        }
    }

    .CategoriesWidthinf {
        width: 97%;
        margin: auto;
        margin-bottom: 7px
    }

    .DisplayPageText-TopCategoriesinf {
        font-family: "Visby CF Extra Bold", "AkzidenzGroteskE", "Helvetica Neue", Helvetica, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 22px;
        /*margin-left: 50px;*/
    }

    .genderCategoryHeaderinf {
        width: fit-content;
        display: inline-block;
        cursor: pointer;
        text-align: center;
        margin: 0px 10px;
        font-size: 14px !important;
        vertical-align: middle;
        transition-duration: 0.2s;
    }

    .genderCategoryHeaderinf:hover {
        opacity: 1;
        transition-duration: 0.2s;
    }

    .genderCategoryHeaderinfACTIVED {
        text-decoration: underline !important;
        text-underline-offset: 2px;
        transition-duration: 0.2s;
        opacity: 1;
    }

    #topInfluencerStartupID {
        display: block;
    }

    #TopCategoriesRotatorID {
        display: block;
        opacity: 0;
        position: absolute;
    }

    #resetTopCategories {
        display: block;
        opacity: 0;
    }

    #influencerTopID,
    #mensTopCategoriesIDinf {
        display: block;
        opacity: 0;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        margin-left: -2px;
    }

    .desktopTopCatsONLYinf {
        display: inline-block;
    }

    .mobileTopCatsONLYinf {
        display: none;
    }

    @media only screen and (max-width: 600px) {
        .genderCategoryHeaderinf {
            margin: 0px 5px;
        }

        .desktopTopCatsONLYinf {
            display: none;
        }

        .mobileTopCatsONLYinf {
            display: inline-block;
        }
        .DisplayPageText-TopCategoriesinf {
            margin-left: 50px;
        }
    }

    /* END INFLUENCER CSS */


    /*INSTA CSS */

    .CBpage-INNER1widthSOCIALPROMOcontainer-OUTER1widthSOCIALPROMOcontainer-FULL1widthSOCIALPROMOcontainer-1 {
        /*margin-top: 15px;*/
        overflow: hidden;
        width: 100%;
        /*padding-top: 15px;*/
    }

    .CBpage-INNER1widthSOCIALPROMOcontainer-OUTER1widthSOCIALPROMOcontainer {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding: 0px;
        position: relative;
        /*border: 1px solid white;*/
    }

    .CBpage-INNER1widthSOCIALPROMOcontainer {
        float: left;
        left: 0px;
        width: calc(100% - 10px);
        margin-left: 5px;
        margin-right: 5px;
        position: relative;
        display: inline-block;
        /*border: 1px dotted black;*/
        /*left:11px;
width: calc(50% - 22px);
margin-left: 5px;
margin-right: 5px;*/
    }

    .INNER1widthSOCIALPROMOcontainer-CTA {
        position: absolute !important;
        top: 50% !important;
        left: 50% !important;
        transform: translate(-50%, -50%);
        text-align: center;
        /*border: 1px solid white;*/
        width: fit-content;
    }

    .INNER1widthSOCIALPROMOcontainer-CTA-header-font {
        font-size: 4vw;
        text-align: center;
        letter-spacing: 3.5px;
        color: white;
        font-weight: 600;
        /*line-height: normal;*/
    }

    .INNER1widthSOCIALcontainer-CTA {
        opacity: 0;
        background-color: black;
        position: absolute !important;
        width: 100%;
        height: 99.9%;
        top: 0px;
        left: 0px;
        transition: 0.4s;
    }

    .INNER1widthSOCIALcontainer-CTA:hover {
        opacity: 0.1;
    }

    @media only screen and (max-width: 1024px) {
        .DisplayPageText-IG {
            font-size: 18px;
        }

        .DisplayPageText-IG-View {
            font-size: 18px;
        }


        .CBpage-INNER1widthSOCIALPROMOcontainer-OUTER1widthSOCIALPROMOcontainer-FULL1widthSOCIALPROMOcontainer-1 {
            margin-top: 0px;
        }

        .INNER1widthSOCIALcontainer-CTA:hover {
            opacity: 0;
        }

        .CBpage-INNER1widthSOCIALPROMOcontainer-OUTER1widthSOCIALPROMOcontainer {
            width: 100%;
        }

        .CBpage-INNER1widthSOCIALPROMOcontainer {
            left: 0px;
            width: calc(100% - 10px);
            /*margin-bottom: 10px;*/
            /*margin-left: 0px;
    margin-right: 0px;*/
        }

        .INNER1widthSOCIALPROMOcontainer-CTA-header-font {
            font-size: 18px;
            display: none;
        }
    }

    .fs-has-links::after {
        padding: 5px 7.5px;
        border: 1px solid #ffffff;
        color: #ffffff;
        content: "SHOP IT";
    }

    .fs-has-links:hover:after {
        background-color: #ffffff;
        color: rgba(0, 0, 0, 0.8);
    }

    .fs-wrapper {
        height: auto;
    }

    .fs-entry-container {
        height: 0 !important;
        width: 16.666% !important;
        padding-top: 16.666% !important;
    }

    .fs-wrapper div.fs-text-container .fs-entry-title,
    div.fs-detail-title {
        font-family: Times New Roman, serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    }

    div.fs-text-container .fs-entry-date,
    div.fs-detail-container .fs-post-info,
    div.fs-wrapper div.fs-has-links::after,
    .fs-text-product,
    .fs-overlink-text {
        font-family: Helvetica Neue, Helvetica, Arial, sans-serif;
        font-style: normal;
        font-weight: normal;
        font-size: 14px;
    }

    .fs-wrapper div.fs-text-container * {
        color: #ffffff;
    }

    .fs-wrapper div.fs-text-container {
        background-color: rgba(0, 0, 0, 0.8);
        margin: 0px;
    }

    div.fs-entry-date {
        display: none;
    }

    div.fs-entry-title {
        display: none;
    }

    .fs-wrapper div.fs-timeline-entry {
        margin: 1px;
    }

    .DisplayPageText-IG {
        font-family: "Visby CF Extra Bold", 'AkzidenzGroteskE', 'Helvetica Neue', Helvetica, Arial, sans-serif;
        font-weight: bold;
        letter-spacing: 0px;
        font-size: 22px;
        text-align: center;
        margin-left: 10px;
        margin-right: 10px;
    }

    .DisplayPageText-IG-View {

        font-weight: bold;
        letter-spacing: 0px;
        font-size: 22px;
        text-align: center;
        margin-left: 10px;
        margin-right: 60px;
    }

    .fs-slider-container {
        margin-left: -7px;
        margin-right: -7px;
        width: auto;
        max-width: unset;

    }

    @media only screen and (max-width: 1024px) {
        .DisplayPageText-IG-View {
            margin-right: 160px;
        }
    }

    /*END INSTA CSS */
&lt;/style&gt;</pre></body></html>