#FindJobHeroBlock {
    background: #e20a03;
}

h1 {
    color: #0d0d0d;
}



@media (min-width: 1200px) {
    .container {
        width: 1920px;
        max-width: 1900px;
    }

    .container {
        margin-right: auto;
        margin-left: auto;
        padding-left: 80px;
        padding-right: 80px;
    }
}

#FindJobHeroBlock {
    max-width: 566px;
    background: #e20a03;
    padding-bottom: 25px;
    position: relative;
}

#FindJobHeroBlock {
    max-width: 100% !important;
}

#FindJobContainerR {
    margin-top: 30px !important;
}

body #FindJobHeroBlock input.inputText {
    width: 100%;
    padding-top: 4px;
    padding: 10px;
    border-radius: 38px;
}

body #FindJobHeroBlock form {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

body #FindJobHeroBlock .formRowTextInputRow {
    width: 46%;
}

#buttonSubmit_save {
    padding: 10px 30px !important;
    border-radius: 30px;
}

#JobsNearMe {
    margin-left: 25px !important;
    border: 2px solid white !important;
}

#quicksearch_pageBlock {
    padding-bottom: 15px;
}

#FindJobHeroBlock {
    max-width: 100% !important;
    padding: 50px 40px 70px;
}

#JobsNearMe:hover {
    background: white;
}

#FindJobContainerR {
    background: url(../images/base-pattern.c04bf9d7.svg);
    border-radius: 16px;
    padding: 5px;
    background-size: cover;
    background-position: 50% 50%;
}

#FindJobHeroBlock {
    background: rgba(0,0,0,0.5);
}

    #FindJobHeroBlock h1 {
        text-align: center;
        color: white !important;
        font-size: 32px;
    }

    #FindJobHeroBlock p {
        text-align: center;
        color: white !important;
    }

body.Home #eaContainer .actionMessageContainer div.actionMessageOk {
    float: left;
}

#pageMessages {
    margin-bottom: 10px;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: 31%;
    height: 300px;
    margin: 1% !important;
    border-radius: 10px;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower {
        background: #f9f9f9 !important;
    }

        #CodeListCounts_pageBlockContainer .listItemTitleAnchor_Label,
        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
            color: #0d0d0d;
        }

        #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer .listItemContainerBorder .codeListBlockLower .listItemCountContainer {
            opacity: 1;
        }

.listItemTitleAnchor_Label {
    font-weight: bold;
}

.fa-users::before {
    content: "\f54e";
}

.fa-headphones::before {
    content: "\f0c0";
}

.fa-smile::before {
    content: "\f3c5";
}

.count-block {
    display: flex !important;
    gap: 20px;
    justify-content: space-around;
    flex-wrap: wrap;
    float: left;
    width: 100% !important;
    margin: 5px auto 10px;
    float: none;
}

    .count-block * {
        text-align: left;
        margin: 0 !important;
    }

    .count-block .no-of {
        margin: 0 !important;
        display: flex;
        gap: 10px;
        align-items: center;
        width: auto !important;
    }

    .count-block .counter, .count-block .counter-icon {
        font-size: inherit;
        line-height: normal;
    }

.fa-4x {
    font-size: 3em;
    color: gray !important;
}

.no-of p {
    text-transform: uppercase;
    color: #0d0d0d;
    line-height: normal;
    margin-top: 0;
}

.count-block .counter, .count-block .counter-icon {
    color: #0d0d0d;
}

.Left_Side,
.Right_Side {
    float: left;
    width: 50% !important;
}

.Right_Side {
    padding: 70px;
}

.Left_Side img {
    border-radius: 20px;
}

.Right_Side .title {
    font-size: 26px;
    font-weight: bold;
}

.Right_Side .buttonSubmit.buttonRight.buttonActionId_next {
    background: #dd0000 !important;
    color: white !important;
    padding: 10px 15px;
    border-radius: 20px;
    float: left;
    clear: left;
    width: 100% !important;
}

.btn-sign-up {
    float: left;
    clear: left;
    display: block !important;
    margin-top: 10px;
}

/*-----*/

.pagingButtons img {
    display: none !important;
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel,
.noEntries,
#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label, #eaContainer #posBrowser_Filter_pageBlock .FilterContainer .count {
    color: #0d0d0d !important;
}

#posBrowser_Filter_pageBlock .FilterContainer, #browserBlock_pageBlock .AvailableList,
#eaContainer #posBrowser_Filter_pageBlock .HeaderContainer {
    overflow: auto;
    background: rgb(237, 237, 237) !important;
    color: white !important;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .label {
    padding: 0px 0px 0px 5px !important;
}

#posBrowser_Filter_pageBlock .HeaderContainer .HeaderLabel {
    padding: 10px 0 0 20px;
}

#posBrowser_Filter_pageBlock .FilterContainer .ValueList, #posBrowser_Filter_pageBlock .FiltersContainer .AvailableList {
    margin: 0;
    padding: 0 0 20px 0;
}

.FilterRowsContainer {
    padding-bottom: 15px;
    background: rgb(237, 237, 237) !important;
}

.alternateViewsButton_Selected {
    color: silver !important;
}

.alternateViews a:nth-child(2n) {
    border-left: 1px solid #0d0d0d !important;
    margin-left: 10px;
    padding-left: 10px;
}

div.alternateViews a.alternateViewsButton_List {
    margin-right: 5px;
}

#posBrowser_Filter_pageBlock {
    padding: 0 !important;
}


#alertsblock {
    display: none !important;
}

.Pos_Find_Results #alertsblock,
.Home #alertsblock,
.Pos_Description #alertsblock {
    display: block !important;
}

#eaContainer #posBrowser_Filter_pageBlock .FilterContainer .ValueList li {
    height: auto;
    background-size: 20px !important;
    margin-left: 20px;
}

#eaContainer .pageBlockInner_GridBlock .gridTop {
    font-weight: bold;
    padding: 20px 5px !important;
}


#posBrowser_ResultsGrid_pageBlock {
    padding: 0 !important;
    margin-top: 15px;
}

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer {
    margin-left: 0 !important;
    margin-top: 0;
    min-height: 10px;
    height: auto;
    width: 100%;
    padding: 10px;
}

#eaContainer .mainearcublock .rowContainer {
    background: white;
    border: 2px solid #0d0d0d !important;
}

.MyDetails #eaContainer .mainearcublock .rowContainer {
    border: none !important;
}

.gridTableContainer.infoPaneHidden {
    margin-top: 10px;
}

#posBrowser_ResultsGrid_pageBlock {
    padding: 0 !important;
    margin-top: 15px;
}

.FiltersContainer.HideRemoveButtons .ButtonsRow {
    display: none;
}

.normalanchor {
    padding: 10px !important;
    background-color: #fff !important;
    border-radius: 4px !important;
    text-decoration: none !important;
    margin-left: 10px;
}

#eaContainer .pageBlockInner_GridBlock .gridTop a,
#eaContainer .pageBlockInner_GridBlock .gridTop a:hover {
    color: #0d0d0d !important;
}

.sorter .normalanchor {
    padding: 5px !important;
    background-color: transparent !important;
}

    .sorter .normalanchor a {
        color: white !important;
    }

#eaContainer #posBrowser_ResultsGrid_pageBlock .rowContainer:hover {
    border-color: silver !important;
}

.ButtonsContainer a {
    display: none;
}
/*-----end filter*/

/*-----------CV Aligment--------------*/
.charCounterValue {
    float: left;
}

#newProfileImageContainer img {
    display: none;
}

#eaContainer #fileupload_Files_formRow .labelContainer {
    text-align: center;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow {
    min-width: 10px;
}

.pageBlockInner_FormBlock div.formRowFileUploadRow .fileuploadrow {
    min-width: 10px !important;
}

#eaContainer #fileupload_Files_formRow .controlContainer {
    margin-bottom: 10px;
    width: 100% !important;
    margin: 0 auto !important;
}

#fileupload_pageBlock .buttonsLeft {
    float: left;
    width: 100% !important;
    display: block !important;
    text-align: center;
}

    #fileupload_pageBlock .buttonsLeft ul {
        list-style: none;
        margin: 0px;
        padding: 0px;
        width: 100% !important;
        float: left;
        text-align: center !important;
    }

#fileupload_pageBlock .pageBlockInner .buttonsLeft li {
    float: left;
    list-style: none;
    list-style-type: none;
    list-style-type: none;
    text-align: center;
    width: 100% !important;
    display: block !important;
}

#eaContainer .fileuploadbutton {
    margin: 0 auto;
    float: none;
}

/*decleration aligment radio button alignment*/

#SubmitForm_contactconsent_formRow .labelContainer {
    text-align: left !important;
    width: auto !important;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer {
    margin-top: 13px;
}

@media screen and (max-width: 980px) {
    .iti.iti--allow-dropdown {
        width: 100% !important;
    }
}

#eaContainer .pageBlockInner_FormBlock #fileupload_Files_formRow label.formLabel {
    text-align: center;
}

#MyDetails_pageView .editblocklink a:hover, #Application_Section_PersonalDetails_pageView .editblocklink a:hover {
    text-decoration: none;
}

/*-----------CV Aligment--------------*/

#MyDetails_ConnectedServices_pageView #ConnectedServicesForm_pageBlock .serviceContainer {
    float: left;
    width: 100% !important;
}

#newProfileImageContainer img {
    display: none;
}

#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_moveprev,
#eaContainer .pageBlockInner_GridBlock .pagingControls_Tiles a.scroller_movenext {
    background-color: transparent !important;
    background-position: center !important;
}

.benefitsContainer {
    padding: 10px;
    background: #e20a03 !important;
    color: white !important;
    margin-bottom: 0 !important;
}

.benefits-title {
    color: white !important;
    font-size: 18px !important;
    text-align: center;
    line-height: normal !important;
    margin-bottom: 20px !important;
}

.benefitBlock {
    margin-bottom: 15px;
    font-size: 14px !important;
    line-height: normal;
    background-image: url(../Images/gceoqE8qi.png);
    background-size: 12px;
    background-position: 0% 6px;
    background-repeat: no-repeat;
    text-align: left;
    padding-left: 25px;
    padding-right: 25px;
    margin-left: 25px;
}

.benefitsContainer {
    border-radius: 20px;
}

.benefitsContainer_top {
    background: url(../images/#dd0000-pattern.svg);
    border-radius: 20px;
    margin-top: 10px !important;
}


#posdesc_pageBlock .posrightbox_info {
    padding: 0;
    font-size: 16px;
}

#eaContainer #posdesc_pageBlock .posdescriptionPropertyBox ul.jobSum li {
    list-style: none;
    display: inline-block;
    margin: 0 5px;
    padding: 2px 8px;
    border-radius: 5px;
}

li.jobSumItem:before {
    margin-right: 5px;
    display: inline-block;
    font-family: fontAwesome;
    text-align: center;
    color: #0d0d0d;
}

/*location*/
li.jobSumItem.SumItem_codelist4value:before {
    content: "\f041";
}

/*department*/
li.jobSumItem.SumItem_codelist5value:before {
    content: "\f044";
}

/*division*/
li.jobSumItem.SumItem_codelist2value:before,
li.jobSumItem.SumItem_codelist11value:before,
li.jobSumItem.SumItem_codelist12value:before {
    content: "\f200";
}

/*employment*/
li.jobSumItem.SumItem_codelist10value:before {
    content: "\f017";
}

/*salary*/
li.jobSumItem.SumItem_displaysalarydescription:before {
    content: "\f0d6";
}

/*salary*/
li.jobSumItem.SumItem_payratevalue:before {
    content: "\f0d6";
}

/*Contract Type*/
li.jobSumItem.SumItem_codelist7value:before {
    content: "\f0a1";
}

/*Date*/
li.jobSumItem.SumItem_codelist7value:before {
    content: "\f073";
}

/*Closing Date*/
li.jobSumItem.SumItem_pospublishenddate:before {
    content: "\f274";
}

#posdesc_pageBlock ul.jobSum li .jobSumLabel {
    display: none;
}

.RightJobBox .buttonsRight,
.RightJobBox .buttonsRight ul,
.RightJobBox .buttonsRight ul li,
.RightJobBox .buttonsRight ul li a {
    width: 100% !important;
    float: left !important;
    display: block !important;
    margin: 0 !important;
}


.VacancyMap {
    margin-top: 10px;
}

.why-work {
    display: block;
    margin: 20px auto;
    text-align: center;
}

    .why-work img {
        margin: 0 auto;
        height: 130px;
    }

.body-m-medium, .body-m-regular {
    font-size: 16px;
    line-height: 20px;
}

.sub-title-m-semibold {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.title-m-semibold {
    font-size: 28px;
    font-weight: 600;
    line-height: 36px;
}

.md-heading-s-semibold {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
}

.why-work-listing.md-d-flex.md-flex-wrap {
    float: left;
    width: 100% !important;
    display: block !important;
    margin-top: 30px;
}

.mapContainer .ButtonHolder .miniMapButton {
    background: #e20a03;
    display: block;
    padding: 7px 15px;
    text-align: center;
    border-radius: 50px;
    margin-top: 10px !important;
}

    .mapContainer .ButtonHolder .miniMapButton a {
        color: white !important;
    }

#eaContainer #PosDescSharingItems {
    text-align: center;
    margin: 0 auto;
    margin-top: 0px;
    width: 153px;
    margin-top: 10px;
}

#posdesc_pageBlock .posrightbox_header,
.benefits-title {
    text-align: center;
    font-weight: bold;
    margin-top: 3px;
    font-size: 20px !important;
}

#posdesc_pageBlock .posrightbox_header, .benefits-title {
    font-family: var(--font-primary);
}

#posSummaryBlockv2_pageBlock .appCompleteChartBlock.done .appCompleteChartBlockInner {
    background: #e20a03;
}

#eaContainer .OfferSectionsSummaryBlockContainer #sectionslist_pageBlock .ulList div.ulListItemLabel, #eaContainer #Application_Home_pageView .ulList div.ulListItemLabel {
    margin: 0;
    padding: 10px;
}

body #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: transparent;
    background-position-x: 0%;
    background-position-y: 0%;
    border: 1px solid silver !important;
    border-radius: 20px;
}

.actionTextButtonContainer .buttonsRight {
    float: left;
}


#eaContainer #Welcome_pageView .pageBlockContent_FormBlock .iconListStyle, #eaContainer #ApplicationsGrid_pageBlock .pageBlockInner_GridBlock div.gridContent .rowContainer {
    background: #f8f9fa;
    padding: 1em;
    border-bottom: 1px solid #d0d0d0;
    margin-bottom: 1em;
    border: 1px solid #b3b3b3;
    border-radius: 20px;
}

#ToDoList_pageBlock {
    border-bottom: 2px solid #dd0000 !important;
    margin-bottom: 15px;
}

@media (min-width: 1200px) {
    .container {
        width: auto;
    }

    .Right_Side {
        padding: 70px;
        padding-top: 70px;
        padding-top: 0 !important;
    }

    body #FindJobHeroBlock .formRowTextInputRow {
        width: 31%;
    }
}

html {
    box-sizing: border-box;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    text-size-adjust: 100%;
    text-rendering: optimizelegibility;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    min-height: 100vh
}

body,
html {
    margin: 0;
    padding: 0
}

*,
:after,
:before {
    box-sizing: border-box
}

address {
    font-style: normal
}

ol,
ul {
    list-style: none;
    margin: 0;
    padding: 0
}

.click-and-collect-container ul {
    margin: 15px 0 0
}

    .click-and-collect-container ul li {
        align-items: flex-start;
        display: flex;
        font-weight: 400;
        margin-bottom: 8px
    }

        .click-and-collect-container ul li:before {
            background-color: #666;
            border-radius: 100%;
            content: "";
            height: 3px;
            margin-right: 10px;
            margin-top: 6px;
            padding: 3px;
            width: 3px
        }

p:last-child {
    margin: 0
}

a {
    background-color: transparent;
    cursor: pointer;
    text-decoration: none
}

input[type=search]::-ms-clear,
input[type=search]::-ms-reveal {
    display: none;
    height: 0;
    width: 0
}

input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration,
input[type=search]::-webkit-search-results-button,
input[type=search]::-webkit-search-results-decoration {
    display: none
}

main {
    display: block
}


hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none
}

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    font-size: 100%;
    line-height: 1.15;
    margin: 0;
    padding: 0
}

a,
button,
input,
select,
textarea {
    -webkit-tap-highlight-color: transparent
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button
}

    [type=button]::-moz-focus-inner,
    [type=reset]::-moz-focus-inner,
    [type=submit]::-moz-focus-inner,
    button::-moz-focus-inner {
        border-style: none;
        padding: 0
    }

    [type=button]:-moz-focusring,
    [type=reset]:-moz-focusring,
    [type=submit]:-moz-focusring,
    button:-moz-focusring {
        outline: 1px dotted ButtonText
    }

fieldset {
    padding: .35em .75em .625em
}

legend {
    box-sizing: border-box;
    color: inherit;
    display: table;
    max-width: 100%;
    padding: 0;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio] {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    -moz-appearance: textfield;
    appearance: textfield;
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none;
        appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

.site-content a,
.site-content div,
.site-content p,
.site-content span {
    word-wrap: break-word
}

a,
button,
div,
i,
input,
select,
span,
textarea {
    -webkit-tap-highlight-color: transparent;
    -moz-tap-highlight-color: transparent
}

    input:-webkit-autofill,
    input:-webkit-autofill:active,
    input:-webkit-autofill:focus,
    input:-webkit-autofill:hover {
        -webkit-background-clip: text;
        background-clip: text
    }

body {
    color: #0d0d0d;
    font-family: var(--font-primary), sans-serif;
    font-size: 16px;
    letter-spacing: -.3px;
    line-height: 20px
}

.icon-24 {
    font-size: 24px;
    line-height: 24px
}

.text-xxs {
    font-size: 10px;
    line-height: 14px
}

.text-xs {
    font-size: 12px;
    line-height: 16px
}

.text-sm {
    font-size: 14px;
    line-height: 18px
}

.text-base {
    font-size: 16px;
    line-height: 20px
}

.text-lg {
    font-size: 18px;
    line-height: 22px
}

.text-xl {
    font-size: 20px;
    line-height: 24px
}

.text-xxl {
    font-size: 22px;
    line-height: 26px
}

@media (min-width:768px) {
    .md-text-xxs {
        font-size: 10px;
        line-height: 14px
    }

    .md-text-xs {
        font-size: 12px;
        line-height: 16px
    }

    .md-text-sm {
        font-size: 14px;
        line-height: 18px
    }

    .md-text-base {
        font-size: 16px;
        line-height: 20px
    }

    .md-text-lg {
        font-size: 18px;
        line-height: 22px
    }

    .md-text-xl {
        font-size: 20px;
        line-height: 24px
    }

    .md-text-xxl {
        font-size: 22px;
        line-height: 26px
    }
}

.heading-xl-semibold {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.heading-l-semibold {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

.heading-m-semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.heading-m-bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.heading-s-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.heading-s-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.heading-xs-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.body-m-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.body-m-medium {
    font-weight: 500
}

.body-m-medium,
.body-m-regular {
    font-size: 14px;
    line-height: 18px
}

.body-m-regular {
    font-weight: 400
}

.body-s-semibold {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.body-s-medium {
    font-weight: 500
}

.body-s-medium,
.body-s-regular {
    font-size: 12px;
    line-height: 16px
}

.body-s-regular {
    font-weight: 400
}

.body-s-light {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.body-xs-medium {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px
}

.body-xs-regular {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

.body-xs-light {
    font-size: 10px;
    font-weight: 300;
    line-height: 14px
}

.title-m-semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.sub-title-m-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

ul.bullet-list li {
    align-items: flex-start;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    font-weight: 400;
    justify-content: unset;
    line-height: 16px
}

    ul.bullet-list li:before {
        background-color: #0d0d0d;
        border-radius: 100%;
        content: "";
        height: 3px;
        margin-right: 10px;
        margin-top: 3px;
        padding: 3px;
        width: 3px
    }

@media (min-width:768px) {
    .md-heading-xl-semibold {
        font-size: 52px;
        font-weight: 700;
        line-height: 64px
    }

    .md-heading-l-semibold {
        font-size: 40px;
        font-weight: 600;
        line-height: 48px
    }

    .md-heading-m-semibold {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }

    .md-heading-m-bold {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px
    }

    .md-heading-s-bold {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .md-heading-s-semibold {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    .md-heading-xs-semibold {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }

    .body-m-semibold {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .body-m-medium {
        font-weight: 500
    }

    .body-m-medium,
    .body-m-regular {
        font-size: 16px;
        line-height: 20px
    }

    .body-m-regular {
        font-weight: 400
    }

    .body-s-semibold {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .body-s-medium {
        font-weight: 500
    }

    .body-s-medium,
    .body-s-regular {
        font-size: 14px;
        line-height: 20px
    }

    .body-s-regular {
        font-weight: 400
    }

    .body-s-light {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px
    }

    .body-xs-medium {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .body-xs-regular {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .body-xs-light {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }

    .title-m-semibold {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }

    .sub-title-m-semibold {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    ul.bullet-list li {
        color: #0d0d0d;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 5px
    }

        ul.bullet-list li:before {
            background-color: #0d0d0d;
            border-radius: 100%;
            content: "";
            height: 4px;
            margin-right: 10px;
            margin-top: 8px;
            padding: 2px;
            width: 4px
        }
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

@media (min-width:768px) {
    .md-font-normal {
        font-weight: 400
    }

    .md-font-medium {
        font-weight: 500
    }

    .md-font-semibold {
        font-weight: 600
    }

    .md-font-bold {
        font-weight: 700
    }
}

.clearfix {
    clear: both
}

    .clearfix:after {
        clear: both;
        content: "";
        display: table
    }

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.justify-flex-start {
    justify-content: flex-start
}

.justify-flex-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-space-between {
    justify-content: space-between
}

.justify-space-around {
    justify-content: space-around
}

.col-1 {
    width: 8.3333333333%
}

.col-1,
.col-2 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-2 {
    width: 16.6666666667%
}

.col-3 {
    width: 25%
}

.col-3,
.col-4 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-4 {
    width: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%
}

.col-5,
.col-6 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333333333%
}

.col-7,
.col-8 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-8 {
    width: 66.6666666667%
}

.col-9 {
    width: 75%
}

.col-10,
.col-9 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-10 {
    width: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%
}

.col-11,
.col-12 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-12 {
    width: 100%
}

.gap-0 > * {
    padding: 0
}

.gap-0 {
    margin-left: 0;
    margin-right: 0
}

.gap-xxs > * {
    padding: 4px
}

.gap-xxs {
    margin-left: -4px;
    margin-right: -4px
}

.gap-xs > * {
    padding: 8px
}

.gap-xs {
    margin-left: -8px;
    margin-right: -8px
}

.gap-s > * {
    padding: 12px
}

.gap-s {
    margin-left: -12px;
    margin-right: -12px
}

.gap-base > * {
    padding: 16px
}

.gap-base {
    margin-left: -16px;
    margin-right: -16px
}

.gap-m > * {
    padding: 24px
}

.gap-m {
    margin-left: -24px;
    margin-right: -24px
}

.gap-l > * {
    padding: 32px
}

.gap-l {
    margin-left: -32px;
    margin-right: -32px
}

.gap-xl > * {
    padding: 48px
}

.gap-xl {
    margin-left: -48px;
    margin-right: -48px
}

.gap-xxl > * {
    padding: 64px
}

.gap-xxl {
    margin-left: -64px;
    margin-right: -64px
}

.gap-xxxl > * {
    padding: 80px
}

.gap-xxxl {
    margin-left: -80px;
    margin-right: -80px
}

@media (min-width:620px) {
    .sm-col-1 {
        width: 8.3333333333%
    }

    .sm-col-1,
    .sm-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-2 {
        width: 16.6666666667%
    }

    .sm-col-3 {
        width: 25%
    }

    .sm-col-3,
    .sm-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-4 {
        width: 33.3333333333%
    }

    .sm-col-5 {
        width: 41.6666666667%
    }

    .sm-col-5,
    .sm-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-6 {
        width: 50%
    }

    .sm-col-7 {
        width: 58.3333333333%
    }

    .sm-col-7,
    .sm-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-8 {
        width: 66.6666666667%
    }

    .sm-col-9 {
        width: 75%
    }

    .sm-col-10,
    .sm-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-10 {
        width: 83.3333333333%
    }

    .sm-col-11 {
        width: 91.6666666667%
    }

    .sm-col-11,
    .sm-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-12 {
        width: 100%
    }

    .sm-gap-0 > * {
        padding: 0
    }

    .sm-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm-gap-xxs > * {
        padding: 4px
    }

    .sm-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .sm-gap-xs > * {
        padding: 8px
    }

    .sm-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .sm-gap-s > * {
        padding: 12px
    }

    .sm-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .sm-gap-base > * {
        padding: 16px
    }

    .sm-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .sm-gap-m > * {
        padding: 24px
    }

    .sm-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .sm-gap-l > * {
        padding: 32px
    }

    .sm-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .sm-gap-xl > * {
        padding: 48px
    }

    .sm-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .sm-gap-xxl > * {
        padding: 64px
    }

    .sm-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .sm-gap-xxxl > * {
        padding: 80px
    }

    .sm-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .sm-justify-flex-start {
        justify-content: flex-start
    }

    .sm-justify-flex-end {
        justify-content: flex-end
    }

    .sm-justify-center {
        justify-content: center
    }

    .sm-justify-space-between {
        justify-content: space-between
    }

    .sm-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:768px) {
    .md-col-1 {
        width: 8.3333333333%
    }

    .md-col-1,
    .md-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-2 {
        width: 16.6666666667%
    }

    .md-col-3 {
        width: 25%
    }

    .md-col-3,
    .md-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-4 {
        width: 33.3333333333%
    }

    .md-col-5 {
        width: 41.6666666667%
    }

    .md-col-5,
    .md-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-6 {
        width: 50%
    }

    .md-col-7 {
        width: 58.3333333333%
    }

    .md-col-7,
    .md-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-8 {
        width: 66.6666666667%
    }

    .md-col-9 {
        width: 75%
    }

    .md-col-10,
    .md-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-10 {
        width: 83.3333333333%
    }

    .md-col-11 {
        width: 91.6666666667%
    }

    .md-col-11,
    .md-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-12 {
        width: 100%
    }

    .md-gap-0 > * {
        padding: 0
    }

    .md-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md-gap-xxs > * {
        padding: 4px
    }

    .md-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .md-gap-xs > * {
        padding: 8px
    }

    .md-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .md-gap-s > * {
        padding: 12px
    }

    .md-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .md-gap-base > * {
        padding: 16px
    }

    .md-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .md-gap-m > * {
        padding: 24px
    }

    .md-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .md-gap-l > * {
        padding: 32px
    }

    .md-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .md-gap-xl > * {
        padding: 48px
    }

    .md-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .md-gap-xxl > * {
        padding: 64px
    }

    .md-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .md-gap-xxxl > * {
        padding: 80px
    }

    .md-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .md-justify-flex-start {
        justify-content: flex-start
    }

    .md-justify-flex-end {
        justify-content: flex-end
    }

    .md-justify-center {
        justify-content: center
    }

    .md-justify-space-between {
        justify-content: space-between
    }

    .md-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:992px) {
    .lg-col-1 {
        width: 8.3333333333%
    }

    .lg-col-1,
    .lg-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-2 {
        width: 16.6666666667%
    }

    .lg-col-3 {
        width: 25%
    }

    .lg-col-3,
    .lg-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-4 {
        width: 33.3333333333%
    }

    .lg-col-5 {
        width: 41.6666666667%
    }

    .lg-col-5,
    .lg-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-6 {
        width: 50%
    }

    .lg-col-7 {
        width: 58.3333333333%
    }

    .lg-col-7,
    .lg-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-8 {
        width: 66.6666666667%
    }

    .lg-col-9 {
        width: 75%
    }

    .lg-col-10,
    .lg-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-10 {
        width: 83.3333333333%
    }

    .lg-col-11 {
        width: 91.6666666667%
    }

    .lg-col-11,
    .lg-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-12 {
        width: 100%
    }

    .lg-gap-0 > * {
        padding: 0
    }

    .lg-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg-gap-xxs > * {
        padding: 4px
    }

    .lg-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .lg-gap-xs > * {
        padding: 8px
    }

    .lg-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .lg-gap-s > * {
        padding: 12px
    }

    .lg-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .lg-gap-base > * {
        padding: 16px
    }

    .lg-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .lg-gap-m > * {
        padding: 24px
    }

    .lg-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .lg-gap-l > * {
        padding: 32px
    }

    .lg-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .lg-gap-xl > * {
        padding: 48px
    }

    .lg-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .lg-gap-xxl > * {
        padding: 64px
    }

    .lg-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .lg-gap-xxxl > * {
        padding: 80px
    }

    .lg-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .lg-justify-flex-start {
        justify-content: flex-start
    }

    .lg-justify-flex-end {
        justify-content: flex-end
    }

    .lg-justify-center {
        justify-content: center
    }

    .lg-justify-space-between {
        justify-content: space-between
    }

    .lg-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:1440px) {
    .xl-col-1 {
        width: 8.3333333333%
    }

    .xl-col-1,
    .xl-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-2 {
        width: 16.6666666667%
    }

    .xl-col-3 {
        width: 25%
    }

    .xl-col-3,
    .xl-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-4 {
        width: 33.3333333333%
    }

    .xl-col-5 {
        width: 41.6666666667%
    }

    .xl-col-5,
    .xl-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-6 {
        width: 50%
    }

    .xl-col-7 {
        width: 58.3333333333%
    }

    .xl-col-7,
    .xl-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-8 {
        width: 66.6666666667%
    }

    .xl-col-9 {
        width: 75%
    }

    .xl-col-10,
    .xl-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-10 {
        width: 83.3333333333%
    }

    .xl-col-11 {
        width: 91.6666666667%
    }

    .xl-col-11,
    .xl-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-12 {
        width: 100%
    }

    .xl-gap-0 > * {
        padding: 0
    }

    .xl-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl-gap-xxs > * {
        padding: 4px
    }

    .xl-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .xl-gap-xs > * {
        padding: 8px
    }

    .xl-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .xl-gap-s > * {
        padding: 12px
    }

    .xl-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .xl-gap-base > * {
        padding: 16px
    }

    .xl-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .xl-gap-m > * {
        padding: 24px
    }

    .xl-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .xl-gap-l > * {
        padding: 32px
    }

    .xl-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .xl-gap-xl > * {
        padding: 48px
    }

    .xl-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .xl-gap-xxl > * {
        padding: 64px
    }

    .xl-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .xl-gap-xxxl > * {
        padding: 80px
    }

    .xl-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .xl-justify-flex-start {
        justify-content: flex-start
    }

    .xl-justify-flex-end {
        justify-content: flex-end
    }

    .xl-justify-center {
        justify-content: center
    }

    .xl-justify-space-between {
        justify-content: space-between
    }

    .xl-justify-space-around {
        justify-content: space-around
    }
}

@font-face {
    font-family: cx-icon;
    src: url(../fonts/cx-icon.77ce0d5e.eot);
    src: url(../fonts/cx-icon.77ce0d5e.eot) format("embedded-opentype"), url(../fonts/cx-icon.effcfca4.woff) format("woff"), url(../fonts/cx-icon.8547a977.ttf) format("truetype"), url(../fonts/cx-icon.7efbb8e9.svg) format("svg")
}

[class*=" cx-icon-"],
[class^=cx-icon-] {
    font-family: cx-icon,serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cx-icon-basket-full:before {
    content: ""
}

.cx-icon-my-purchases:before {
    content: ""
}

.cx-icon-favourite-on:before {
    content: ""
}

.cx-icon-googleform:before {
    content: ""
}

.cx-icon-phone:before {
    content: ""
}

.cx-icon-flash:before {
    content: ""
}

.cx-icon-voice:before {
    content: ""
}

.cx-icon-account-filled:before {
    content: ""
}

.cx-icon-account:before {
    content: ""
}

.cx-icon-alert:before {
    content: ""
}

.cx-icon-arrow-down:before {
    content: ""
}

.cx-icon-arrow-left:before {
    content: ""
}

.cx-icon-arrow-right:before {
    content: ""
}

.cx-icon-arrow-up:before {
    content: ""
}

.cx-icon-basket-filled:before {
    content: ""
}

.cx-icon-basket:before {
    content: ""
}

.cx-icon-chevron-down:before {
    content: ""
}

.cx-icon-chevron-left:before {
    content: ""
}

.cx-icon-chevron-right:before {
    content: ""
}

.cx-icon-chevron-up:before {
    content: ""
}

.cx-icon-close:before {
    content: ""
}

.cx-icon-computing:before {
    content: ""
}

.cx-icon-delete:before {
    content: ""
}

.cx-icon-deliver:before {
    content: ""
}

.cx-icon-dot:before {
    content: ""
}

.cx-icon-edit:before {
    content: ""
}

.cx-icon-electronics:before {
    content: ""
}

.cx-icon-error:before {
    content: ""
}

.cx-icon-expand:before {
    content: ""
}

.cx-icon-export:before {
    content: ""
}

.cx-icon-facebook-white:before {
    color: #fff;
    content: ""
}

.cx-icon-facebook:before {
    content: ""
}

.cx-icon-favourite-off:before {
    content: ""
}

.cx-icon-films:before {
    content: ""
}

.cx-icon-filter:before {
    content: ""
}

.cx-icon-gaming:before {
    content: ""
}

.cx-icon-google:before {
    content: ""
}

.cx-icon-grade-circle:before {
    content: ""
}

.cx-icon-home:before {
    content: ""
}

.cx-icon-info:before {
    content: ""
}

.cx-icon-instagram-white:before {
    color: #fff;
    content: ""
}

.cx-icon-instagram:before {
    content: ""
}

.cx-icon-linkedin:before {
    content: ""
}

.cx-icon-location-target:before {
    content: ""
}

.cx-icon-location:before {
    content: ""
}

.cx-icon-hamburger:before {
    content: ""
}

.cx-icon-merchandise:before {
    content: ""
}

.cx-icon-minimize:before {
    content: ""
}

.cx-icon-minus:before {
    content: ""
}

.cx-icon-mobile:before {
    content: ""
}

.cx-icon-number:before {
    content: ""
}

.cx-icon-one:before {
    content: ""
}

.cx-icon-pause-circle:before {
    content: ""
}

.cx-icon-play-circle:before {
    content: ""
}

.cx-icon-play:before {
    content: ""
}

.cx-icon-plus:before {
    content: ""
}

.cx-icon-return-arrow:before {
    content: ""
}

.cx-icon-scan:before {
    content: ""
}

.cx-icon-search:before {
    content: ""
}

.cx-icon-sell-filled:before {
    content: ""
}

.cx-icon-sell:before {
    content: ""
}

.cx-icon-send:before {
    content: ""
}

.cx-icon-share:before {
    content: ""
}

.cx-icon-shop-filled:before {
    content: ""
}

.cx-icon-shop:before {
    content: ""
}

.cx-icon-snapchat:before {
    content: ""
}

.cx-icon-sort:before {
    content: ""
}

.cx-icon-star-half .path1:before {
    color: #0d0d0d;
    content: "";
    opacity: .1
}

.cx-icon-star-half .path2:before {
    color: #0d0d0d;
    content: "";
    margin-left: -1em
}

.cx-icon-star:before {
    content: ""
}

.cx-icon-store:before {
    content: ""
}

.cx-icon-sucess:before {
    content: ""
}

.cx-icon-tick:before {
    content: ""
}

.cx-icon-twitter-white:before {
    color: #fff;
    content: ""
}

.cx-icon-twitter:before {
    content: ""
}

.cx-icon-visibility-off:before {
    content: ""
}

.cx-icon-visibility-on:before {
    content: ""
}

.cx-icon-whatsapp:before {
    content: ""
}

.cx-icon-youtube-white:before {
    color: #fff;
    content: ""
}

.cx-icon-youtube:before {
    content: ""
}

.cx-icon-zap:before {
    content: ""
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.p-0 {
    padding: 0
}

.p-xxs {
    padding: 4px
}

.p-xs {
    padding: 8px
}

.p-s {
    padding: 12px
}

.p-base {
    padding: 16px
}

.p-m {
    padding: 24px
}

.p-l {
    padding: 32px
}

.p-xl {
    padding: 48px
}

.p-xxl {
    padding: 64px
}

.p-xxxl {
    padding: 80px
}

.p-huge {
    padding: 96px
}

.p-xhuge {
    padding: 128px
}

.pl-0 {
    padding-left: 0
}

.pl-xxs {
    padding-left: 4px
}

.pl-xs {
    padding-left: 8px
}

.pl-s {
    padding-left: 12px
}

.pl-base {
    padding-left: 16px
}

.pl-m {
    padding-left: 24px
}

.pl-l {
    padding-left: 32px
}

.pl-xl {
    padding-left: 48px
}

.pl-xxl {
    padding-left: 64px
}

.pl-xxxl {
    padding-left: 80px
}

.pl-huge {
    padding-left: 96px
}

.pl-xhuge {
    padding-left: 128px
}

.pr-0 {
    padding-right: 0
}

.pr-xxs {
    padding-right: 4px
}

.pr-xs {
    padding-right: 8px
}

.pr-s {
    padding-right: 12px
}

.pr-base {
    padding-right: 16px
}

.pr-m {
    padding-right: 24px
}

.pr-l {
    padding-right: 32px
}

.pr-xl {
    padding-right: 48px
}

.pr-xxl {
    padding-right: 64px
}

.pr-xxxl {
    padding-right: 80px
}

.pr-huge {
    padding-right: 96px
}

.pr-xhuge {
    padding-right: 128px
}

.pt-0 {
    padding-top: 0
}

.pt-xxs {
    padding-top: 4px
}

.pt-xs {
    padding-top: 8px
}

.pt-s {
    padding-top: 12px
}

.pt-base {
    padding-top: 16px
}

.pt-m {
    padding-top: 24px
}

.pt-l {
    padding-top: 32px
}

.pt-xl {
    padding-top: 48px
}

.pt-xxl {
    padding-top: 64px
}

.pt-xxxl {
    padding-top: 80px
}

.pt-huge {
    padding-top: 96px
}

.pt-xhuge {
    padding-top: 128px
}

.pb-0 {
    padding-bottom: 0
}

.pb-xxs {
    padding-bottom: 4px
}

.pb-xs {
    padding-bottom: 8px
}

.pb-s {
    padding-bottom: 12px
}

.pb-base {
    padding-bottom: 16px
}

.pb-m {
    padding-bottom: 24px
}

.pb-l {
    padding-bottom: 32px
}

.pb-xl {
    padding-bottom: 48px
}

.pb-xxl {
    padding-bottom: 64px
}

.pb-xxxl {
    padding-bottom: 80px
}

.pb-huge {
    padding-bottom: 96px
}

.pb-xhuge {
    padding-bottom: 128px
}

.m-0 {
    margin: 0
}

.m-xxs {
    margin: 4px
}

.m-xs {
    margin: 8px
}

.m-s {
    margin: 12px
}

.m-base {
    margin: 16px
}

.m-m {
    margin: 24px
}

.m-l {
    margin: 32px
}

.m-xl {
    margin: 48px
}

.m-xxl {
    margin: 64px
}

.m-xxxl {
    margin: 80px
}

.m-huge {
    margin: 96px
}

.m-xhuge {
    margin: 128px
}

.ml-0 {
    margin-left: 0
}

.ml-xxs {
    margin-left: 4px
}

.ml-xs {
    margin-left: 8px
}

.ml-s {
    margin-left: 12px
}

.ml-base {
    margin-left: 16px
}

.ml-m {
    margin-left: 24px
}

.ml-l {
    margin-left: 32px
}

.ml-xl {
    margin-left: 48px
}

.ml-xxl {
    margin-left: 64px
}

.ml-xxxl {
    margin-left: 80px
}

.ml-huge {
    margin-left: 96px
}

.ml-xhuge {
    margin-left: 128px
}

.mr-0 {
    margin-right: 0
}

.mr-xxs {
    margin-right: 4px
}

.mr-xs {
    margin-right: 8px
}

.mr-s {
    margin-right: 12px
}

.mr-base {
    margin-right: 16px
}

.mr-m {
    margin-right: 24px
}

.mr-l {
    margin-right: 32px
}

.mr-xl {
    margin-right: 48px
}

.mr-xxl {
    margin-right: 64px
}

.mr-xxxl {
    margin-right: 80px
}

.mr-huge {
    margin-right: 96px
}

.mr-xhuge {
    margin-right: 128px
}

.mt-0 {
    margin-top: 0
}

.mt-xxs {
    margin-top: 4px
}

.mt-xs {
    margin-top: 8px
}

.mt-s {
    margin-top: 12px
}

.mt-base {
    margin-top: 16px
}

.mt-m {
    margin-top: 24px
}

.mt-l {
    margin-top: 32px
}

.mt-xl {
    margin-top: 48px
}

.mt-xxl {
    margin-top: 64px
}

.mt-xxxl {
    margin-top: 80px
}

.mt-huge {
    margin-top: 96px
}

.mt-xhuge {
    margin-top: 128px
}

.mb-0 {
    margin-bottom: 0
}

.mb-xxs {
    margin-bottom: 4px
}

.mb-xs {
    margin-bottom: 8px
}

.mb-s {
    margin-bottom: 12px
}

.mb-base {
    margin-bottom: 16px
}

.mb-m {
    margin-bottom: 24px
}

.mb-l {
    margin-bottom: 32px
}

.mb-xl {
    margin-bottom: 48px
}

.mb-xxl {
    margin-bottom: 64px
}

.mb-xxxl {
    margin-bottom: 80px
}

.mb-huge {
    margin-bottom: 96px
}

.mb-xhuge {
    margin-bottom: 128px
}

.radius-xs {
    border-radius: 4px
}

.radius-s {
    border-radius: 8px
}

.radius-m {
    border-radius: 10px
}

.radius-l {
    border-radius: 14px
}

.radius-xl {
    border-radius: 20px
}

.radius-xxl {
    border-radius: 24px
}

.radius-xxxl {
    border-radius: 28px
}

.radius-btn,
.radius-pill {
    border-radius: 200px
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-stretch {
    align-self: stretch
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.lh-1x {
    height: 20px
}

.lh-2x {
    height: 40px
}

.lh-3x {
    height: 60px
}

.lh-4x {
    height: 80px
}

.lh-5x {
    height: 100px
}

.lh-6x {
    height: 120px
}

.lh-7x {
    height: 140px
}

.lh-8x {
    height: 160px
}

.lh-9x {
    height: 180px
}

.lh-10x {
    height: 200px
}

.lh-20x {
    height: 400px
}

@media (min-width:620px) {
    .sm-p-0 {
        padding: 0
    }

    .sm-p-xxs {
        padding: 4px
    }

    .sm-p-xs {
        padding: 8px
    }

    .sm-p-s {
        padding: 12px
    }

    .sm-p-base {
        padding: 16px
    }

    .sm-p-m {
        padding: 24px
    }

    .sm-p-l {
        padding: 32px
    }

    .sm-p-xl {
        padding: 48px
    }

    .sm-p-xxl {
        padding: 64px
    }

    .sm-p-xxxl {
        padding: 80px
    }

    .sm-p-huge {
        padding: 96px
    }

    .sm-p-xhuge {
        padding: 128px
    }

    .sm-pl-0 {
        padding-left: 0
    }

    .sm-pl-xxs {
        padding-left: 4px
    }

    .sm-pl-xs {
        padding-left: 8px
    }

    .sm-pl-s {
        padding-left: 12px
    }

    .sm-pl-base {
        padding-left: 16px
    }

    .sm-pl-m {
        padding-left: 24px
    }

    .sm-pl-l {
        padding-left: 32px
    }

    .sm-pl-xl {
        padding-left: 48px
    }

    .sm-pl-xxl {
        padding-left: 64px
    }

    .sm-pl-xxxl {
        padding-left: 80px
    }

    .sm-pl-huge {
        padding-left: 96px
    }

    .sm-pl-xhuge {
        padding-left: 128px
    }

    .sm-pr-0 {
        padding-right: 0
    }

    .sm-pr-xxs {
        padding-right: 4px
    }

    .sm-pr-xs {
        padding-right: 8px
    }

    .sm-pr-s {
        padding-right: 12px
    }

    .sm-pr-base {
        padding-right: 16px
    }

    .sm-pr-m {
        padding-right: 24px
    }

    .sm-pr-l {
        padding-right: 32px
    }

    .sm-pr-xl {
        padding-right: 48px
    }

    .sm-pr-xxl {
        padding-right: 64px
    }

    .sm-pr-xxxl {
        padding-right: 80px
    }

    .sm-pr-huge {
        padding-right: 96px
    }

    .sm-pr-xhuge {
        padding-right: 128px
    }

    .sm-pt-0 {
        padding-top: 0
    }

    .sm-pt-xxs {
        padding-top: 4px
    }

    .sm-pt-xs {
        padding-top: 8px
    }

    .sm-pt-s {
        padding-top: 12px
    }

    .sm-pt-base {
        padding-top: 16px
    }

    .sm-pt-m {
        padding-top: 24px
    }

    .sm-pt-l {
        padding-top: 32px
    }

    .sm-pt-xl {
        padding-top: 48px
    }

    .sm-pt-xxl {
        padding-top: 64px
    }

    .sm-pt-xxxl {
        padding-top: 80px
    }

    .sm-pt-huge {
        padding-top: 96px
    }

    .sm-pt-xhuge {
        padding-top: 128px
    }

    .sm-pb-0 {
        padding-bottom: 0
    }

    .sm-pb-xxs {
        padding-bottom: 4px
    }

    .sm-pb-xs {
        padding-bottom: 8px
    }

    .sm-pb-s {
        padding-bottom: 12px
    }

    .sm-pb-base {
        padding-bottom: 16px
    }

    .sm-pb-m {
        padding-bottom: 24px
    }

    .sm-pb-l {
        padding-bottom: 32px
    }

    .sm-pb-xl {
        padding-bottom: 48px
    }

    .sm-pb-xxl {
        padding-bottom: 64px
    }

    .sm-pb-xxxl {
        padding-bottom: 80px
    }

    .sm-pb-huge {
        padding-bottom: 96px
    }

    .sm-pb-xhuge {
        padding-bottom: 128px
    }

    .sm-m-0 {
        margin: 0
    }

    .sm-m-xxs {
        margin: 4px
    }

    .sm-m-xs {
        margin: 8px
    }

    .sm-m-s {
        margin: 12px
    }

    .sm-m-base {
        margin: 16px
    }

    .sm-m-m {
        margin: 24px
    }

    .sm-m-l {
        margin: 32px
    }

    .sm-m-xl {
        margin: 48px
    }

    .sm-m-xxl {
        margin: 64px
    }

    .sm-m-xxxl {
        margin: 80px
    }

    .sm-m-huge {
        margin: 96px
    }

    .sm-m-xhuge {
        margin: 128px
    }

    .sm-ml-0 {
        margin-left: 0
    }

    .sm-ml-xxs {
        margin-left: 4px
    }

    .sm-ml-xs {
        margin-left: 8px
    }

    .sm-ml-s {
        margin-left: 12px
    }

    .sm-ml-base {
        margin-left: 16px
    }

    .sm-ml-m {
        margin-left: 24px
    }

    .sm-ml-l {
        margin-left: 32px
    }

    .sm-ml-xl {
        margin-left: 48px
    }

    .sm-ml-xxl {
        margin-left: 64px
    }

    .sm-ml-xxxl {
        margin-left: 80px
    }

    .sm-ml-huge {
        margin-left: 96px
    }

    .sm-ml-xhuge {
        margin-left: 128px
    }

    .sm-mr-0 {
        margin-right: 0
    }

    .sm-mr-xxs {
        margin-right: 4px
    }

    .sm-mr-xs {
        margin-right: 8px
    }

    .sm-mr-s {
        margin-right: 12px
    }

    .sm-mr-base {
        margin-right: 16px
    }

    .sm-mr-m {
        margin-right: 24px
    }

    .sm-mr-l {
        margin-right: 32px
    }

    .sm-mr-xl {
        margin-right: 48px
    }

    .sm-mr-xxl {
        margin-right: 64px
    }

    .sm-mr-xxxl {
        margin-right: 80px
    }

    .sm-mr-huge {
        margin-right: 96px
    }

    .sm-mr-xhuge {
        margin-right: 128px
    }

    .sm-mt-0 {
        margin-top: 0
    }

    .sm-mt-xxs {
        margin-top: 4px
    }

    .sm-mt-xs {
        margin-top: 8px
    }

    .sm-mt-s {
        margin-top: 12px
    }

    .sm-mt-base {
        margin-top: 16px
    }

    .sm-mt-m {
        margin-top: 24px
    }

    .sm-mt-l {
        margin-top: 32px
    }

    .sm-mt-xl {
        margin-top: 48px
    }

    .sm-mt-xxl {
        margin-top: 64px
    }

    .sm-mt-xxxl {
        margin-top: 80px
    }

    .sm-mt-huge {
        margin-top: 96px
    }

    .sm-mt-xhuge {
        margin-top: 128px
    }

    .sm-mb-0 {
        margin-bottom: 0
    }

    .sm-mb-xxs {
        margin-bottom: 4px
    }

    .sm-mb-xs {
        margin-bottom: 8px
    }

    .sm-mb-s {
        margin-bottom: 12px
    }

    .sm-mb-base {
        margin-bottom: 16px
    }

    .sm-mb-m {
        margin-bottom: 24px
    }

    .sm-mb-l {
        margin-bottom: 32px
    }

    .sm-mb-xl {
        margin-bottom: 48px
    }

    .sm-mb-xxl {
        margin-bottom: 64px
    }

    .sm-mb-xxxl {
        margin-bottom: 80px
    }

    .sm-mb-huge {
        margin-bottom: 96px
    }

    .sm-mb-xhuge {
        margin-bottom: 128px
    }

    .sm-d-none {
        display: none
    }

    .sm-d-block {
        display: block
    }

    .sm-d-flex {
        display: flex
    }

    .sm-d-inline-flex {
        display: inline-flex
    }

    .sm-d-inline {
        display: inline
    }

    .sm-d-inline-block {
        display: inline-block
    }

    .sm-align-items-start {
        align-items: flex-start
    }

    .sm-align-items-end {
        align-items: flex-end
    }

    .sm-align-items-center {
        align-items: center
    }

    .sm-justify-content-start {
        justify-content: flex-start
    }

    .sm-justify-content-end {
        justify-content: flex-end
    }

    .sm-justify-content-center {
        justify-content: center
    }

    .sm-justify-content-between {
        justify-content: space-between
    }

    .sm-justify-content-around {
        justify-content: space-around
    }

    .sm-flex-row {
        flex-direction: row
    }

    .sm-flex-column {
        flex-direction: column
    }

    .sm-align-self-start {
        align-self: flex-start
    }

    .sm-align-self-end {
        align-self: flex-end
    }

    .sm-align-self-center {
        align-self: center
    }

    .sm-align-self-stretch {
        align-self: stretch
    }

    .sm-flex-wrap {
        flex-wrap: wrap
    }

    .sm-flex-nowrap {
        flex-wrap: nowrap
    }

    .sm-order-0 {
        order: 0
    }

    .sm-order-1 {
        order: 1
    }

    .sm-order-2 {
        order: 2
    }

    .sm-order-3 {
        order: 3
    }

    .sm-order-4 {
        order: 4
    }

    .sm-order-5 {
        order: 5
    }

    .sm-order-6 {
        order: 6
    }

    .sm-order-7 {
        order: 7
    }

    .sm-order-8 {
        order: 8
    }

    .sm-order-9 {
        order: 9
    }

    .sm-order-10 {
        order: 10
    }

    .sm-order-11 {
        order: 11
    }

    .sm-order-12 {
        order: 12
    }
}

@media (min-width:768px) {
    .md-text-left {
        text-align: left
    }

    .md-text-right {
        text-align: right
    }

    .md-text-center {
        text-align: center
    }

    .md-p-0 {
        padding: 0
    }

    .md-p-xxs {
        padding: 4px
    }

    .md-p-xs {
        padding: 8px
    }

    .md-p-s {
        padding: 12px
    }

    .md-p-base {
        padding: 16px
    }

    .md-p-m {
        padding: 24px
    }

    .md-p-l {
        padding: 32px
    }

    .md-p-xl {
        padding: 48px
    }

    .md-p-xxl {
        padding: 64px
    }

    .md-p-xxxl {
        padding: 80px
    }

    .md-p-huge {
        padding: 96px
    }

    .md-p-xhuge {
        padding: 128px
    }

    .md-pl-0 {
        padding-left: 0
    }

    .md-pl-xxs {
        padding-left: 4px
    }

    .md-pl-xs {
        padding-left: 8px
    }

    .md-pl-s {
        padding-left: 12px
    }

    .md-pl-base {
        padding-left: 16px
    }

    .md-pl-m {
        padding-left: 24px
    }

    .md-pl-l {
        padding-left: 32px
    }

    .md-pl-xl {
        padding-left: 48px
    }

    .md-pl-xxl {
        padding-left: 64px
    }

    .md-pl-xxxl {
        padding-left: 80px
    }

    .md-pl-huge {
        padding-left: 96px
    }

    .md-pl-xhuge {
        padding-left: 128px
    }

    .md-pr-0 {
        padding-right: 0
    }

    .md-pr-xxs {
        padding-right: 4px
    }

    .md-pr-xs {
        padding-right: 8px
    }

    .md-pr-s {
        padding-right: 12px
    }

    .md-pr-base {
        padding-right: 16px
    }

    .md-pr-m {
        padding-right: 24px
    }

    .md-pr-l {
        padding-right: 32px
    }

    .md-pr-xl {
        padding-right: 48px
    }

    .md-pr-xxl {
        padding-right: 64px
    }

    .md-pr-xxxl {
        padding-right: 80px
    }

    .md-pr-huge {
        padding-right: 96px
    }

    .md-pr-xhuge {
        padding-right: 128px
    }

    .md-pt-0 {
        padding-top: 0
    }

    .md-pt-xxs {
        padding-top: 4px
    }

    .md-pt-xs {
        padding-top: 8px
    }

    .md-pt-s {
        padding-top: 12px
    }

    .md-pt-base {
        padding-top: 16px
    }

    .md-pt-m {
        padding-top: 24px
    }

    .md-pt-l {
        padding-top: 32px
    }

    .md-pt-xl {
        padding-top: 48px
    }

    .md-pt-xxl {
        padding-top: 64px
    }

    .md-pt-xxxl {
        padding-top: 80px
    }

    .md-pt-huge {
        padding-top: 96px
    }

    .md-pt-xhuge {
        padding-top: 128px
    }

    .md-pb-0 {
        padding-bottom: 0
    }

    .md-pb-xxs {
        padding-bottom: 4px
    }

    .md-pb-xs {
        padding-bottom: 8px
    }

    .md-pb-s {
        padding-bottom: 12px
    }

    .md-pb-base {
        padding-bottom: 16px
    }

    .md-pb-m {
        padding-bottom: 24px
    }

    .md-pb-l {
        padding-bottom: 32px
    }

    .md-pb-xl {
        padding-bottom: 48px
    }

    .md-pb-xxl {
        padding-bottom: 64px
    }

    .md-pb-xxxl {
        padding-bottom: 80px
    }

    .md-pb-huge {
        padding-bottom: 96px
    }

    .md-pb-xhuge {
        padding-bottom: 128px
    }

    .md-m-0 {
        margin: 0
    }

    .md-m-xxs {
        margin: 4px
    }

    .md-m-xs {
        margin: 8px
    }

    .md-m-s {
        margin: 12px
    }

    .md-m-base {
        margin: 16px
    }

    .md-m-m {
        margin: 24px
    }

    .md-m-l {
        margin: 32px
    }

    .md-m-xl {
        margin: 48px
    }

    .md-m-xxl {
        margin: 64px
    }

    .md-m-xxxl {
        margin: 80px
    }

    .md-m-huge {
        margin: 96px
    }

    .md-m-xhuge {
        margin: 128px
    }

    .md-ml-0 {
        margin-left: 0
    }

    .md-ml-xxs {
        margin-left: 4px
    }

    .md-ml-xs {
        margin-left: 8px
    }

    .md-ml-s {
        margin-left: 12px
    }

    .md-ml-base {
        margin-left: 16px
    }

    .md-ml-m {
        margin-left: 24px
    }

    .md-ml-l {
        margin-left: 32px
    }

    .md-ml-xl {
        margin-left: 48px
    }

    .md-ml-xxl {
        margin-left: 64px
    }

    .md-ml-xxxl {
        margin-left: 80px
    }

    .md-ml-huge {
        margin-left: 96px
    }

    .md-ml-xhuge {
        margin-left: 128px
    }

    .md-mr-0 {
        margin-right: 0
    }

    .md-mr-xxs {
        margin-right: 4px
    }

    .md-mr-xs {
        margin-right: 8px
    }

    .md-mr-s {
        margin-right: 12px
    }

    .md-mr-base {
        margin-right: 16px
    }

    .md-mr-m {
        margin-right: 24px
    }

    .md-mr-l {
        margin-right: 32px
    }

    .md-mr-xl {
        margin-right: 48px
    }

    .md-mr-xxl {
        margin-right: 64px
    }

    .md-mr-xxxl {
        margin-right: 80px
    }

    .md-mr-huge {
        margin-right: 96px
    }

    .md-mr-xhuge {
        margin-right: 128px
    }

    .md-mt-0 {
        margin-top: 0
    }

    .md-mt-xxs {
        margin-top: 4px
    }

    .md-mt-xs {
        margin-top: 8px
    }

    .md-mt-s {
        margin-top: 12px
    }

    .md-mt-base {
        margin-top: 16px
    }

    .md-mt-m {
        margin-top: 24px
    }

    .md-mt-l {
        margin-top: 32px
    }

    .md-mt-xl {
        margin-top: 48px
    }

    .md-mt-xxl {
        margin-top: 64px
    }

    .md-mt-xxxl {
        margin-top: 80px
    }

    .md-mt-huge {
        margin-top: 96px
    }

    .md-mt-xhuge {
        margin-top: 128px
    }

    .md-mb-0 {
        margin-bottom: 0
    }

    .md-mb-xxs {
        margin-bottom: 4px
    }

    .md-mb-xs {
        margin-bottom: 8px
    }

    .md-mb-s {
        margin-bottom: 12px
    }

    .md-mb-base {
        margin-bottom: 16px
    }

    .md-mb-m {
        margin-bottom: 24px
    }

    .md-mb-l {
        margin-bottom: 32px
    }

    .md-mb-xl {
        margin-bottom: 48px
    }

    .md-mb-xxl {
        margin-bottom: 64px
    }

    .md-mb-xxxl {
        margin-bottom: 80px
    }

    .md-mb-huge {
        margin-bottom: 96px
    }

    .md-mb-xhuge {
        margin-bottom: 128px
    }

    .md-d-none {
        display: none
    }

    .md-d-block {
        display: block
    }

    .md-d-flex {
        display: flex
    }

    .md-d-inline-flex {
        display: inline-flex
    }

    .md-d-inline {
        display: inline
    }

    .md-d-inline-block {
        display: inline-block
    }

    .md-align-items-start {
        align-items: flex-start
    }

    .md-align-items-end {
        align-items: flex-end
    }

    .md-align-items-center {
        align-items: center
    }

    .md-justify-content-start {
        justify-content: flex-start
    }

    .md-justify-content-end {
        justify-content: flex-end
    }

    .md-justify-content-center {
        justify-content: center
    }

    .md-justify-content-between {
        justify-content: space-between
    }

    .md-justify-content-around {
        justify-content: space-around
    }

    .md-flex-row {
        flex-direction: row
    }

    .md-flex-column {
        flex-direction: column
    }

    .md-align-self-start {
        align-self: flex-start
    }

    .md-align-self-end {
        align-self: flex-end
    }

    .md-align-self-center {
        align-self: center
    }

    .md-align-self-stretch {
        align-self: stretch
    }

    .md-flex-wrap {
        flex-wrap: wrap
    }

    .md-flex-nowrap {
        flex-wrap: nowrap
    }

    .md-order-0 {
        order: 0
    }

    .md-order-1 {
        order: 1
    }

    .md-order-2 {
        order: 2
    }

    .md-order-3 {
        order: 3
    }

    .md-order-4 {
        order: 4
    }

    .md-order-5 {
        order: 5
    }

    .md-order-6 {
        order: 6
    }

    .md-order-7 {
        order: 7
    }

    .md-order-8 {
        order: 8
    }

    .md-order-9 {
        order: 9
    }

    .md-order-10 {
        order: 10
    }

    .md-order-11 {
        order: 11
    }

    .md-order-12 {
        order: 12
    }

    .lh-1x {
        height: 20px
    }

    .lh-2x {
        height: 40px
    }

    .lh-3x {
        height: 60px
    }

    .lh-4x {
        height: 80px
    }

    .lh-5x {
        height: 100px
    }

    .lh-6x {
        height: 120px
    }

    .lh-7x {
        height: 140px
    }

    .lh-8x {
        height: 160px
    }

    .lh-9x {
        height: 180px
    }

    .lh-10x {
        height: 200px
    }
}

@media (min-width:992px) {
    .lg-text-left {
        text-align: left
    }

    .lg-text-right {
        text-align: right
    }

    .lg-text-center {
        text-align: center
    }

    .lg-p-0 {
        padding: 0
    }

    .lg-p-xxs {
        padding: 4px
    }

    .lg-p-xs {
        padding: 8px
    }

    .lg-p-s {
        padding: 12px
    }

    .lg-p-base {
        padding: 16px
    }

    .lg-p-m {
        padding: 24px
    }

    .lg-p-l {
        padding: 32px
    }

    .lg-p-xl {
        padding: 48px
    }

    .lg-p-xxl {
        padding: 64px
    }

    .lg-p-xxxl {
        padding: 80px
    }

    .lg-p-huge {
        padding: 96px
    }

    .lg-p-xhuge {
        padding: 128px
    }

    .lg-pl-0 {
        padding-left: 0
    }

    .lg-pl-xxs {
        padding-left: 4px
    }

    .lg-pl-xs {
        padding-left: 8px
    }

    .lg-pl-s {
        padding-left: 12px
    }

    .lg-pl-base {
        padding-left: 16px
    }

    .lg-pl-m {
        padding-left: 24px
    }

    .lg-pl-l {
        padding-left: 32px
    }

    .lg-pl-xl {
        padding-left: 48px
    }

    .lg-pl-xxl {
        padding-left: 64px
    }

    .lg-pl-xxxl {
        padding-left: 80px
    }

    .lg-pl-huge {
        padding-left: 96px
    }

    .lg-pl-xhuge {
        padding-left: 128px
    }

    .lg-pr-0 {
        padding-right: 0
    }

    .lg-pr-xxs {
        padding-right: 4px
    }

    .lg-pr-xs {
        padding-right: 8px
    }

    .lg-pr-s {
        padding-right: 12px
    }

    .lg-pr-base {
        padding-right: 16px
    }

    .lg-pr-m {
        padding-right: 24px
    }

    .lg-pr-l {
        padding-right: 32px
    }

    .lg-pr-xl {
        padding-right: 48px
    }

    .lg-pr-xxl {
        padding-right: 64px
    }

    .lg-pr-xxxl {
        padding-right: 80px
    }

    .lg-pr-huge {
        padding-right: 96px
    }

    .lg-pr-xhuge {
        padding-right: 128px
    }

    .lg-pt-0 {
        padding-top: 0
    }

    .lg-pt-xxs {
        padding-top: 4px
    }

    .lg-pt-xs {
        padding-top: 8px
    }

    .lg-pt-s {
        padding-top: 12px
    }

    .lg-pt-base {
        padding-top: 16px
    }

    .lg-pt-m {
        padding-top: 24px
    }

    .lg-pt-l {
        padding-top: 32px
    }

    .lg-pt-xl {
        padding-top: 48px
    }

    .lg-pt-xxl {
        padding-top: 64px
    }

    .lg-pt-xxxl {
        padding-top: 80px
    }

    .lg-pt-huge {
        padding-top: 96px
    }

    .lg-pt-xhuge {
        padding-top: 128px
    }

    .lg-pb-0 {
        padding-bottom: 0
    }

    .lg-pb-xxs {
        padding-bottom: 4px
    }

    .lg-pb-xs {
        padding-bottom: 8px
    }

    .lg-pb-s {
        padding-bottom: 12px
    }

    .lg-pb-base {
        padding-bottom: 16px
    }

    .lg-pb-m {
        padding-bottom: 24px
    }

    .lg-pb-l {
        padding-bottom: 32px
    }

    .lg-pb-xl {
        padding-bottom: 48px
    }

    .lg-pb-xxl {
        padding-bottom: 64px
    }

    .lg-pb-xxxl {
        padding-bottom: 80px
    }

    .lg-pb-huge {
        padding-bottom: 96px
    }

    .lg-pb-xhuge {
        padding-bottom: 128px
    }

    .lg-m-0 {
        margin: 0
    }

    .lg-m-xxs {
        margin: 4px
    }

    .lg-m-xs {
        margin: 8px
    }

    .lg-m-s {
        margin: 12px
    }

    .lg-m-base {
        margin: 16px
    }

    .lg-m-m {
        margin: 24px
    }

    .lg-m-l {
        margin: 32px
    }

    .lg-m-xl {
        margin: 48px
    }

    .lg-m-xxl {
        margin: 64px
    }

    .lg-m-xxxl {
        margin: 80px
    }

    .lg-m-huge {
        margin: 96px
    }

    .lg-m-xhuge {
        margin: 128px
    }

    .lg-ml-0 {
        margin-left: 0
    }

    .lg-ml-xxs {
        margin-left: 4px
    }

    .lg-ml-xs {
        margin-left: 8px
    }

    .lg-ml-s {
        margin-left: 12px
    }

    .lg-ml-base {
        margin-left: 16px
    }

    .lg-ml-m {
        margin-left: 24px
    }

    .lg-ml-l {
        margin-left: 32px
    }

    .lg-ml-xl {
        margin-left: 48px
    }

    .lg-ml-xxl {
        margin-left: 64px
    }

    .lg-ml-xxxl {
        margin-left: 80px
    }

    .lg-ml-huge {
        margin-left: 96px
    }

    .lg-ml-xhuge {
        margin-left: 128px
    }

    .lg-mr-0 {
        margin-right: 0
    }

    .lg-mr-xxs {
        margin-right: 4px
    }

    .lg-mr-xs {
        margin-right: 8px
    }

    .lg-mr-s {
        margin-right: 12px
    }

    .lg-mr-base {
        margin-right: 16px
    }

    .lg-mr-m {
        margin-right: 24px
    }

    .lg-mr-l {
        margin-right: 32px
    }

    .lg-mr-xl {
        margin-right: 48px
    }

    .lg-mr-xxl {
        margin-right: 64px
    }

    .lg-mr-xxxl {
        margin-right: 80px
    }

    .lg-mr-huge {
        margin-right: 96px
    }

    .lg-mr-xhuge {
        margin-right: 128px
    }

    .lg-mt-0 {
        margin-top: 0
    }

    .lg-mt-xxs {
        margin-top: 4px
    }

    .lg-mt-xs {
        margin-top: 8px
    }

    .lg-mt-s {
        margin-top: 12px
    }

    .lg-mt-base {
        margin-top: 16px
    }

    .lg-mt-m {
        margin-top: 24px
    }

    .lg-mt-l {
        margin-top: 32px
    }

    .lg-mt-xl {
        margin-top: 48px
    }

    .lg-mt-xxl {
        margin-top: 64px
    }

    .lg-mt-xxxl {
        margin-top: 80px
    }

    .lg-mt-huge {
        margin-top: 96px
    }

    .lg-mt-xhuge {
        margin-top: 128px
    }

    .lg-mb-0 {
        margin-bottom: 0
    }

    .lg-mb-xxs {
        margin-bottom: 4px
    }

    .lg-mb-xs {
        margin-bottom: 8px
    }

    .lg-mb-s {
        margin-bottom: 12px
    }

    .lg-mb-base {
        margin-bottom: 16px
    }

    .lg-mb-m {
        margin-bottom: 24px
    }

    .lg-mb-l {
        margin-bottom: 32px
    }

    .lg-mb-xl {
        margin-bottom: 48px
    }

    .lg-mb-xxl {
        margin-bottom: 64px
    }

    .lg-mb-xxxl {
        margin-bottom: 80px
    }

    .lg-mb-huge {
        margin-bottom: 96px
    }

    .lg-mb-xhuge {
        margin-bottom: 128px
    }

    .lg-d-none {
        display: none
    }

    .lg-d-block {
        display: block
    }

    .lg-d-flex {
        display: flex
    }

    .lg-d-inline-flex {
        display: inline-flex
    }

    .lg-d-inline {
        display: inline
    }

    .lg-d-inline-block {
        display: inline-block
    }

    .lg-align-items-start {
        align-items: flex-start
    }

    .lg-align-items-end {
        align-items: flex-end
    }

    .lg-align-items-center {
        align-items: center
    }

    .lg-justify-content-start {
        justify-content: flex-start
    }

    .lg-justify-content-end {
        justify-content: flex-end
    }

    .lg-justify-content-center {
        justify-content: center
    }

    .lg-justify-content-between {
        justify-content: space-between
    }

    .lg-justify-content-around {
        justify-content: space-around
    }

    .lg-flex-row {
        flex-direction: row
    }

    .lg-flex-column {
        flex-direction: column
    }

    .lg-align-self-start {
        align-self: flex-start
    }

    .lg-align-self-end {
        align-self: flex-end
    }

    .lg-align-self-center {
        align-self: center
    }

    .lg-align-self-stretch {
        align-self: stretch
    }

    .lg-flex-wrap {
        flex-wrap: wrap
    }

    .lg-flex-nowrap {
        flex-wrap: nowrap
    }
}

.shadow-s {
    box-shadow: 0 4px 16px #00000014
}

.shadow-m {
    box-shadow: 0 4px 16px #00000029
}

.shadow-l {
    box-shadow: 0 16px 48px #000c
}

.black-color {
    color: #000
}

.white-color {
    color: #fff
}

.black-fill {
    background-color: #000
}

.white-fill {
    background-color: #fff
}

.black-outlined {
    border: 1px solid #000
}

.white-outlined {
    border: 1px solid #fff
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mt-auto {
    margin-top: auto
}

.mb-auto {
    margin-bottom: auto
}

.f-auto {
    flex: auto
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.h-auto {
    height: auto
}

.w-auto {
    width: auto
}

.word-wrap-break {
    word-wrap: break-word
}

.white-space-nowrap {
    white-space: nowrap
}

.cx-link,
.text-underline {
    text-decoration: underline
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-lowercase {
    text-transform: lowercase
}

del {
    text-decoration: line-through
}

.text-hover-underline:hover {
    text-decoration: underline
}

.cursor-pointer {
    cursor: pointer
}

.word-break-all {
    word-break: break-all
}

.word-break {
    word-break: break-word
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.section-spacing {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .section-spacing {
        margin-bottom: 40px
    }
}

.line-clamp {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.icon-size-32 {
    font-size: 32px;
    line-height: 32px
}

.icon-size-24 {
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .md-pt-40 {
        padding-top: 40px
    }

    .md-pb-40 {
        padding-bottom: 40px
    }

    .md-p-40 {
        padding: 40px
    }

    .md-mb-40 {
        margin-bottom: 40px
    }

    .md-ml-40 {
        margin-left: 40px
    }

    .md-mt-40 {
        margin-top: 40px
    }

    .md-icon-size-32 {
        font-size: 32px;
        line-height: 32px
    }

    .md-icon-size-24 {
        font-size: 24px;
        line-height: 24px
    }

    .cx-link {
        text-decoration: none
    }

        .cx-link:hover,
        .md-text-hover-underline:hover {
            text-decoration: underline
        }

    .md-w-100 {
        width: 100%
    }

    .md-w-auto {
        width: auto
    }

    .md-h-100 {
        height: 100%
    }
}

.feedback-success-100-fill {
    background-color: #ebffe7
}

.feedback-success-100-color {
    color: #ebffe7
}

.feedback-success-100-outlined {
    border: 1px solid #ebffe7
}

.feedback-success-400-fill {
    background-color: #bdffac
}

.feedback-success-400-color {
    color: #bdffac
}

.feedback-success-400-outlined {
    border: 1px solid #bdffac
}

.feedback-success-500-fill {
    background-color: #7deb62
}

.feedback-success-500-color {
    color: #7deb62
}

.feedback-success-500-outlined {
    border: 1px solid #7deb62
}

.feedback-success-800-fill {
    background-color: #3bb61c
}

.feedback-success-800-color {
    color: #3bb61c
}

.feedback-success-800-outlined {
    border: 1px solid #3bb61c
}

.feedback-success-900-fill {
    background-color: #187700
}

.feedback-success-900-color {
    color: #187700
}

.feedback-success-900-outlined {
    border: 1px solid #187700
}

.feedback-error-100-fill {
    background-color: #ffcdcd
}

.feedback-error-100-color {
    color: #ffcdcd
}

.feedback-error-100-outlined {
    border: 1px solid #ffcdcd
}

.feedback-error-400-fill {
    background-color: #fd4e4e
}

.feedback-error-400-color {
    color: #fd4e4e
}

.feedback-error-400-outlined {
    border: 1px solid #fd4e4e
}

.feedback-error-500-fill {
    background-color: #bb1313
}

.feedback-error-500-color {
    color: #bb1313
}

.feedback-error-500-outlined {
    border: 1px solid #bb1313
}

.feedback-error-800-fill {
    background-color: #900000
}

.feedback-error-800-color {
    color: #900000
}

.feedback-error-800-outlined {
    border: 1px solid #900000
}

.feedback-error-900-fill {
    background-color: #6d0400
}

.feedback-error-900-color {
    color: #6d0400
}

.feedback-error-900-outlined {
    border: 1px solid #6d0400
}

.grey-20-fill {
    background-color: #f9f9f9
}

.grey-20-color {
    color: #f9f9f9
}

.grey-20-outlined {
    border: 1px solid #f9f9f9
}

.grey-50-fill {
    background-color: #f2f2f2
}

.grey-50-color {
    color: #f2f2f2
}

.grey-50-outlined {
    border: 1px solid #f2f2f2
}

.grey-100-fill {
    background-color: #e6e6e6
}

.grey-100-color {
    color: #e6e6e6
}

.grey-100-outlined {
    border: 1px solid #e6e6e6
}

.grey-200-fill {
    background-color: #ccc
}

.grey-200-color {
    color: #ccc
}

.grey-200-outlined {
    border: 1px solid #ccc
}

.grey-300-fill {
    background-color: #b3b3b3
}

.grey-300-color {
    color: #b3b3b3
}

.grey-300-outlined {
    border: 1px solid #b3b3b3
}

.grey-400-fill {
    background-color: #999
}

.grey-400-color {
    color: #999
}

.grey-400-outlined {
    border: 1px solid #999
}

.grey-500-fill {
    background-color: gray
}

.grey-500-color {
    color: gray
}

.grey-500-outlined {
    border: 1px solid grey
}

.grey-600-fill {
    background-color: #666
}

.grey-600-color {
    color: #666
}

.grey-600-outlined {
    border: 1px solid #666
}

.grey-700-fill {
    background-color: #4d4d4d
}

.grey-700-color {
    color: #4d4d4d
}

.grey-700-outlined {
    border: 1px solid #4d4d4d
}

.grey-800-fill {
    background-color: #333
}

.grey-800-color {
    color: #333
}

.grey-800-outlined {
    border: 1px solid #333
}

.grey-900-fill {
    background-color: #1a1a1a
}

.grey-900-color {
    color: #1a1a1a
}

.grey-900-outlined {
    border: 1px solid #1a1a1a
}

.grey-950-fill {
    background-color: #0d0d0d
}

.grey-950-color {
    color: #0d0d0d
}

.grey-950-outlined {
    border: 1px solid #0d0d0d
}

.grey-1000-fill {
    background-color: #0d0d0d
}

.grey-1000-color {
    color: #0d0d0d
}

.grey-1000-outlined {
    border: 1px solid #0d0d0d
}

.#dd0000-100-fill {
    background-color: #fee3e1
}

.#dd0000-100-color {
    color: #fee3e1
}

.#dd0000-100-outlined {
    border: 1px solid #fee3e1
}

.#dd0000-400-fill {
    background-color: #f87070
}

.#dd0000-400-color {
    color: #f87070
}

.#dd0000-400-outlined {
    border: 1px solid #f87070
}

.#dd0000-500-fill {
    background-color: #e20a03
}

.#dd0000-500-color {
    color: #e20a03
}

.#dd0000-500-outlined {
    border: 1px solid #e20a03
}

.#dd0000-800-fill {
    background-color: #b50802
}

.#dd0000-800-color {
    color: #b50802
}

.#dd0000-800-outlined {
    border: 1px solid #b50802
}

.#dd0000-900-fill {
    background-color: #7e0602
}

.#dd0000-900-color {
    color: #7e0602
}

.#dd0000-900-outlined {
    border: 1px solid #7e0602
}

.memento-100-fill {
    background-color: #d9fcf8
}

.memento-100-color {
    color: #d9fcf8
}

.memento-100-outlined {
    border: 1px solid #d9fcf8
}

.memento-400-fill {
    background-color: #93f6e4
}

.memento-400-color {
    color: #93f6e4
}

.memento-400-outlined {
    border: 1px solid #93f6e4
}

.memento-500-fill {
    background-color: #2ef3cf
}

.memento-500-color {
    color: #2ef3cf
}

.memento-500-outlined {
    border: 1px solid #2ef3cf
}

.memento-800-fill {
    background-color: #0cd5b0
}

.memento-800-color {
    color: #0cd5b0
}

.memento-800-outlined {
    border: 1px solid #0cd5b0
}

.memento-900-fill {
    background-color: #077e68
}

.memento-900-color {
    color: #077e68
}

.memento-900-outlined {
    border: 1px solid #077e68
}

.pink-100-fill {
    background-color: #ffe9fe
}

.pink-100-color {
    color: #ffe9fe
}

.pink-100-outlined {
    border: 1px solid #ffe9fe
}

.pink-400-fill {
    background-color: #f4c3f2
}

.pink-400-color {
    color: #f4c3f2
}

.pink-400-outlined {
    border: 1px solid #f4c3f2
}

.pink-500-fill {
    background-color: #e867e3
}

.pink-500-color {
    color: #e867e3
}

.pink-500-outlined {
    border: 1px solid #e867e3
}

.pink-800-fill {
    background-color: #cc1ec5
}

.pink-800-color {
    color: #cc1ec5
}

.pink-800-outlined {
    border: 1px solid #cc1ec5
}

.pink-900-fill {
    background-color: #851481
}

.pink-900-color {
    color: #851481
}

.pink-900-outlined {
    border: 1px solid #851481
}

.sonic-100-fill {
    background-color: #e0f4ff
}

.sonic-100-color {
    color: #e0f4ff
}

.sonic-100-outlined {
    border: 1px solid #e0f4ff
}

.sonic-400-fill {
    background-color: #b3dff9
}

.sonic-400-color {
    color: #b3dff9
}

.sonic-400-outlined {
    border: 1px solid #b3dff9
}

.sonic-500-fill {
    background-color: #51b8f5
}

.sonic-500-color {
    color: #51b8f5
}

.sonic-500-outlined {
    border: 1px solid #51b8f5
}

.sonic-800-fill {
    background-color: #2696d9
}

.sonic-800-color {
    color: #2696d9
}

.sonic-800-outlined {
    border: 1px solid #2696d9
}

.sonic-900-fill {
    background-color: #175a82
}

.sonic-900-color {
    color: #175a82
}

.sonic-900-outlined {
    border: 1px solid #175a82
}

.frogger-100-fill {
    background-color: #f3fce3
}

.frogger-100-color {
    color: #f3fce3
}

.frogger-100-outlined {
    border: 1px solid #f3fce3
}

.frogger-400-fill {
    background-color: #dcf693
}

.frogger-400-color {
    color: #dcf693
}

.frogger-400-outlined {
    border: 1px solid #dcf693
}

.frogger-500-fill {
    background-color: #c0f32f
}

.frogger-500-color {
    color: #c0f32f
}

.frogger-500-outlined {
    border: 1px solid #c0f32f
}

.frogger-800-fill {
    background-color: #8ebc0b
}

.frogger-800-color {
    color: #8ebc0b
}

.frogger-800-outlined {
    border: 1px solid #8ebc0b
}

.frogger-900-fill {
    background-color: #5b7907
}

.frogger-900-color {
    color: #5b7907
}

.frogger-900-outlined {
    border: 1px solid #5b7907
}

.yellow-100-fill {
    background-color: #fef7cd
}

.yellow-100-color {
    color: #fef7cd
}

.yellow-100-outlined {
    border: 1px solid #fef7cd
}

.yellow-400-fill {
    background-color: #fbdb6a
}

.yellow-400-color {
    color: #fbdb6a
}

.yellow-400-outlined {
    border: 1px solid #fbdb6a
}

.yellow-500-fill {
    background-color: #ffc700
}

.yellow-500-color {
    color: #ffc700
}

.yellow-500-outlined {
    border: 1px solid #ffc700
}

.yellow-800-fill {
    background-color: #dbab00
}

.yellow-800-color {
    color: #dbab00
}

.yellow-800-outlined {
    border: 1px solid #dbab00
}

.yellow-900-fill {
    background-color: #8a6b00
}

.yellow-900-color {
    color: #8a6b00
}

.yellow-900-outlined {
    border: 1px solid #8a6b00
}

.trainspotting-100-fill {
    background-color: #feebd2
}

.trainspotting-100-color {
    color: #feebd2
}

.trainspotting-100-outlined {
    border: 1px solid #feebd2
}

.trainspotting-400-fill {
    background-color: #fcb879
}

.trainspotting-400-color {
    color: #fcb879
}

.trainspotting-400-outlined {
    border: 1px solid #fcb879
}

.trainspotting-500-fill {
    background-color: #ff8311
}

.trainspotting-500-color {
    color: #ff8311
}

.trainspotting-500-outlined {
    border: 1px solid #ff8311
}

.trainspotting-800-fill {
    background-color: #e06c00
}

.trainspotting-800-color {
    color: #e06c00
}

.trainspotting-800-outlined {
    border: 1px solid #e06c00
}

.trainspotting-900-fill {
    background-color: #a85100
}

.trainspotting-900-color {
    color: #a85100
}

.trainspotting-900-outlined {
    border: 1px solid #a85100
}

.selector-group {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.selector {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 12px;
    margin-right: 10px
}

    .selector.selector-xs {
        font-size: 10px;
        line-height: 12px;
        padding: 4px 12px
    }

@media (min-width:768px) {
    .selector.selector-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 14px
    }
}

.selector.selector-s {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 12px
}

@media (min-width:768px) {
    .selector.selector-s {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px
    }
}

.selector.grey-color {
    color: #f9f9f9
}

.selector.white-color {
    color: #fff
}

.selector.#dd0000-900-color {
    color: #7e0602
}

.selector.pink-900-color {
    color: #851481
}

.selector.frogger-900-color {
    color: #5b7907
}

.selector.memento-900-color {
    color: #077e68
}

.selector.sonic-900-color {
    color: #175a82
}

.selector.trainspotting-900-color {
    color: #a85100
}

.selector.yellow-900-color {
    color: #8a6b00
}

.selector.grey-outlined {
    border: 1px solid #f9f9f9
}

.selector.white-outlined {
    border: 1px solid #0d0d0d
}

.selector.#dd0000-400-outlined {
    border: 1px solid #f87070
}

.selector.pink-400-outlined {
    border: 1px solid #f4c3f2
}

.selector.frogger-400-outlined {
    border: 1px solid #dcf693
}

.selector.memento-400-outlined {
    border: 1px solid #93f6e4
}

.selector.sonic-400-outlined {
    border: 1px solid #b3dff9
}

.selector.trainspotting-400-outlined {
    border: 1px solid #fcb879
}

.selector.yellow-400-outlined {
    border: 1px solid #fbdb6a
}

.selector.grey-fill {
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9
}

.selector.black-fill {
    background-color: #000;
    border: 1px solid #000
}

.selector.disabled {
    border: 1px solid #ffc700;
    color: #000;
    cursor: default;
    opacity: .3
}

.selector.#dd0000-500-fill {
    background-color: #e20a03;
    border: 1px solid #e20a03
}

.selector.pink-500-fill {
    background-color: #e867e3;
    border: 1px solid #e867e3
}

.selector.frogger-500-fill {
    background-color: #c0f32f;
    border: 1px solid #c0f32f
}

.selector.memento-500-fill {
    background-color: #2ef3cf;
    border: 1px solid #2ef3cf
}

.selector.sonic-500-fill {
    background-color: #51b8f5;
    border: 1px solid #51b8f5
}

.selector.trainspotting-500-fill {
    background-color: #ff8311;
    border: 1px solid #ff8311
}

.selector.yellow-500-fill {
    background-color: #ffc700;
    border: 1px solid #ffc700
}

@media (min-width:768px) {
    .selector-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 14px
    }

    .selector-s {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px
    }
}

.cx-btn {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i {
    font-weight: 500
}

.cx-btn-left-align span {
    justify-content: left
}

    .cx-btn-left-align span .btn-text {
        justify-content: unset;
        text-align: left;
        width: 100%
    }

    .cx-btn-content,
    .cx-btn-left-align span .btn-text {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset
    }

.cx-btn-content {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block {
    display: block;
    width: 100%
}

    .cx-btn-block .btn-content {
        justify-content: center
    }

.cx-btn-xs {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

    .cx-btn-xs .cx-icon-plus {
        font-size: 12px;
        line-height: 12px
    }

    .cx-btn-xs .btn-text {
        margin-left: 9px
    }

    .cx-btn-xs i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-xs .cex-icon-close,
    .cx-btn-xs .cx-icon-arrow-right {
        font-size: 12px;
        line-height: 12px;
        margin-left: 9px
    }

    .cx-btn-xs.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 20px;
        justify-content: center;
        padding: 0;
        width: 20px
    }

.cx-btn-sm {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

    .cx-btn-sm .cx-icon-plus {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-sm .btn-text {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right,
    .cx-btn-sm .cx-icon-close {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-sm i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 28px;
        justify-content: center;
        padding: 0;
        width: 28px
    }

.cx-btn-md {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

    .cx-btn-md .cx-icon-plus {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-md .btn-text {
        margin-left: 10px
    }

    .cx-btn-md .cx-icon-arrow-right,
    .cx-btn-md .cx-icon-close {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-md i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px
    }

.cx-btn-lg {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

    .cx-btn-lg .cx-icon-plus {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-lg .btn-text {
        margin-left: 12px
    }

    .cx-btn-lg .cx-icon-arrow-right,
    .cx-btn-lg .cx-icon-close {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-lg i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-lg.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 52px;
        justify-content: center;
        padding: 0;
        width: 52px
    }

.cx-btn:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn:disabled,
    .cx-btn:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-primary {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary:hover {
        background-color: #b50802
    }
}

.cx-btn-primary:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-outlined-primary {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-secondary {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-gray {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-outlined-secondary {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn .btn-text:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

        .cx-btn-xs .cx-icon-plus {
            font-size: 16px;
            line-height: 16px
        }

        .cx-btn-xs .btn-text {
            margin-left: 10px
        }

        .cx-btn-xs .cx-icon-arrow-right,
        .cx-btn-xs .cx-icon-close {
            font-size: 16px;
            line-height: 16px;
            margin-left: 10px
        }

        .cx-btn-xs.btn-rounded {
            height: 24px;
            padding: 0;
            width: 24px
        }

    .cx-btn-sm {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

        .cx-btn-sm .cx-icon-plus {
            font-size: 20px;
            line-height: 20px
        }

        .cx-btn-sm .btn-text {
            margin-left: 10px
        }

        .cx-btn-sm .cx-icon-arrow-right,
        .cx-btn-sm .cx-icon-close {
            font-size: 20px;
            line-height: 20px;
            margin-left: 10px
        }

        .cx-btn-sm.btn-rounded {
            height: 32px;
            padding: 0;
            width: 32px
        }

    .cx-btn-md {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

        .cx-btn-md .cx-icon-plus {
            font-size: 20px;
            line-height: 20px
        }

        .cx-btn-md .btn-text {
            margin-left: 12px
        }

        .cx-btn-md .cx-icon-arrow-right,
        .cx-btn-md .cx-icon-close {
            font-size: 20px;
            line-height: 20px;
            margin-left: 12px
        }

        .cx-btn-md.btn-rounded {
            height: 48px;
            padding: 0;
            width: 48px
        }

    .cx-btn-lg {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

        .cx-btn-lg .cx-icon-plus {
            font-size: 24px;
            line-height: 24px
        }

        .cx-btn-lg .btn-text {
            margin-left: 13px
        }

        .cx-btn-lg .cx-icon-arrow-right,
        .cx-btn-lg .cx-icon-close {
            font-size: 24px;
            line-height: 24px;
            margin-left: 13px
        }

        .cx-btn-lg.btn-rounded {
            height: 56px;
            padding: 0;
            width: 56px
        }

    .cx-btn .btn-text:first-child {
        margin-left: 0
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button {
        display: inline-block;
        width: unset
    }
}

@media only screen and (max-width:600px) {
    .change-store-button button {
        display: block;
        width: 100%
    }
}

#main {
    margin-top: 24px
}

@media (min-width:768px) {
    #main {
        margin-top: 40px
    }
}

.site-content {
    min-height: 650px
}

.checkout-continue-button button {
    width: 100%
}

@media (min-width:620px) {
    .checkout-continue-button button {
        width: unset
    }
}

.back-to-top {
    align-items: center;
    background-color: #fff;
    border: 2px solid #b3b3b3;
    border-radius: 100%;
    bottom: 24px;
    color: #b3b3b3;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 48px;
    justify-content: center;
    line-height: 20px;
    padding: 12px;
    position: fixed;
    right: 24px;
    width: 48px;
    z-index: 100
}

@media (min-width:768px) {
    .back-to-top {
        bottom: 40px;
        right: 40px
    }
}

@media (min-width:1440px) {
    .back-to-top {
        right: 80px
    }
}

.d-block-btn a.cx-btn {
    display: block
}

body .pca .pcaautocomplete {
    margin-right: 48px;
    max-width: auto !important;
    min-width: auto !important;
    overflow-y: auto !important;
    width: auto !important
}

@media (min-width:768px) {
    body .pca .pcaautocomplete {
        margin-right: 10px;
        max-width: 410px;
        min-width: 380px !important;
        overflow-y: auto !important;
        width: auto !important
    }
}

body .pca .pcaitem {
    padding: 8px 12px !important;
    white-space: normal !important
}

@media (min-width:620px) {
    body .pca .pcaitem {
        padding: 10px 15px !important
    }
}

.cx-container {
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

@media (min-width:992px) {
    .cx-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .cx-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.cx-carousel-container {
    padding-left: 24px
}

@media (min-width:992px) {
    .cx-carousel-container {
        padding-left: 40px
    }
}

@media (min-width:1440px) {
    .cx-carousel-container {
        padding-left: 80px
    }
}

.cx-btn.add-cart-anim-play {
    animation: button-fill-none 1s ease-in 1.8s forwards
}

@keyframes button-fill-none {
    0% {
        background-color: #e20a03
    }

    to {
        background-color: transparent
    }
}

@media (min-width:1920px) {
    .cx-carousel-container,
    .cx-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px
    }

    .cx-carousel-container {
        padding-right: 24px
    }
}

@media (min-width:1920px) and (min-width:992px) {
    .cx-carousel-container {
        padding-right: 80px
    }
}

.select-dropdown-list {
    position: relative;
    width: 100%
}

    .select-dropdown-list i {
        font-size: 22px;
        position: absolute;
        right: 20px;
        top: 16px;
        z-index: 1
    }

    .select-dropdown-list .select-dropdown {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #f9f9f9 url(../img/arrow-down.png) no-repeat 100%;
        background-position-x: 97%;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 16px;
        margin-top: 8px;
        outline: none;
        padding: 14px;
        width: 100%
    }

.cx-checkbox {
    cursor: pointer;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    justify-content: left;
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .cx-checkbox,
    .cx-checkbox .checkmark {
        align-items: center;
        display: flex;
        flex-direction: unset
    }

        .cx-checkbox .checkmark {
            border: 1.5px solid #4d4d4d;
            border-radius: 4px;
            box-sizing: border-box;
            flex-wrap: unset;
            height: 20px;
            justify-content: center;
            width: 20px
        }

            .cx-checkbox .checkmark:after {
                content: "";
                display: none
            }

        .cx-checkbox input {
            cursor: pointer;
            display: none;
            opacity: 0
        }

            .cx-checkbox input:checked ~ .checkmark {
                background-color: #e20a03;
                border: 1.8px solid #e20a03
            }

            .cx-checkbox input:disabled ~ .checkmark {
                background-color: #fff;
                border: 1.8px solid #ccc
            }

            .cx-checkbox input:checked ~ .checkmark:after {
                border: solid #fff;
                border-width: 0 1.5px 1.5px 0;
                content: "";
                display: block;
                height: 10px;
                margin-top: -2px;
                transform: rotate(45deg);
                width: 5px
            }

            .cx-checkbox input:disabled ~ .checkmark:after {
                border: solid #b3b3b3;
                border-width: 0 1.8px 1.8px 0
            }

        .cx-checkbox .checkbox-text {
            padding-left: 8px
        }

            .cx-checkbox .checkbox-text span {
                color: gray;
                font-weight: 400;
                padding-left: 8px
            }

        .cx-checkbox .checkbox-sub-text {
            font-size: 12px;
            font-weight: 400;
            margin-left: 28px;
            width: 100%
        }

.row {
    display: flex;
    flex-flow: row wrap
}

.cx-overlay {
    background-color: #000000a3;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100vw;
    will-change: opacity;
    z-index: 999
}

.divider {
    border-bottom: 1px solid #e6e6e6;
    height: 1px
}

@media (min-width:768px) {
    .md-divider {
        border-bottom: 1px solid #e6e6e6;
        height: 1px
    }
}

@media (max-width:768px) {
    .sm-divider {
        border-bottom: 1px solid #e6e6e6;
        height: 1px
    }
}

.banner-height-1 {
    height: 282px
}

@media (min-width:768px) {
    .banner-height-1 {
        height: 480px
    }
}

.banner-height-1.full-banner-height {
    height: 320px
}

@media (min-width:768px) {
    .banner-height-1.full-banner-height {
        height: 344px
    }
}

.banner-height-2 {
    height: 480px
}

@media (min-width:768px) {
    .banner-height-2 {
        height: 500px
    }
}

@media (min-width:992px) {
    .banner-height-2 {
        height: 395px
    }
}

.banner-cards-height {
    height: 510px
}

@media (min-width:768px) {
    .banner-cards-height {
        height: 470px
    }
}

.small-banner-height {
    height: 230px;
    width: 302px
}

.banner-sell-steps {
    height: 720px
}

@media (min-width:768px) {
    .banner-sell-steps {
        height: 430px
    }
}

.blog-sec-height {
    height: 300px
}

.supercat-banner-height {
    height: 260px
}

.carousel-height {
    height: 515px
}

.card-placeholder-container {
    overflow: hidden
}

.search-result-grid-placeholder {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
}

@media (min-width:768px) {
    .search-result-grid-placeholder {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
    }
}

.card-placeholder {
    flex: 0 0 252px;
    margin-right: 16px
}

@media (min-width:768px) {
    .card-placeholder {
        flex: 0 0 302px;
        margin-right: 24px
    }
}

.card-placeholder .card-placeholder-img {
    height: 225px
}

.card-placeholder .card-placeholder-price {
    flex: auto;
    height: 40px
}

.card-placeholder .card-placeholder-btn {
    flex: 0 0 48px;
    height: 48px
}

.image-card-placeholder {
    flex: 0 0 90px;
    margin-right: 16px
}

    .image-card-placeholder:last-child {
        margin-right: 0
    }

@media (min-width:768px) {
    .image-card-placeholder {
        flex: 0 0 190px;
        margin-right: 24px
    }
}

.image-card-placeholder .image-card-placeholder-img {
    height: 90px
}

@media (min-width:768px) {
    .image-card-placeholder .image-card-placeholder-img {
        height: 160px
    }
}

.horizontal-card-placeholder .horizontal-card-placeholder-img {
    flex: 0 0 140px;
    height: 115px
}

@media (min-width:768px) {
    .horizontal-card-placeholder .horizontal-card-placeholder-img {
        flex: 0 0 224px;
        height: 148px
    }
}

.horizontal-card-placeholder .horizontal-card-placeholder-content {
    flex: auto
}

.sell-header-placeholder > div {
    margin-left: auto;
    margin-right: auto
}

.form-check .cx-checkbox-button .form-check-label a {
    color: #0d0d0d;
    text-decoration: underline
}

.error-message {
    color: #bb1313;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    word-wrap: break-word
}

.form-group.error .textfield {
    border: 1px solid #bb1313 !important
}

.form-group.error i.cx-icon-info {
    color: #bb1313 !important
}

.modal-in {
    overflow: hidden
}

.bank-details-confirm .cx-auth-modal {
    left: 0
}

.show-overlay {
    opacity: 1;
    visibility: visible
}

.small-banner-2 .cx-banner-container .cx-banner .small-banner .cx-banner-text-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: unset;
    justify-content: space-between;
    width: 100%
}

@media (min-width:992px) {
    .small-banner-2 .cx-banner-container .cx-banner .small-banner .cx-banner-text-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: space-between
    }
}

.home-main-banner {
    margin-bottom: 40px
}

@media (min-width:992px) {
    .home-main-banner {
        height: 477px
    }
}

.home-main-banner .slider-banner {
    flex: 1 1 auto;
    height: 504px;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .home-main-banner .slider-banner {
        height: auto;
        margin-bottom: 0;
        margin-right: 24px
    }

    .home-main-banner .small-banners-container {
        flex: 0 0 302px
    }
}

.home-main-banner .small-banners-container .small-banner-1 {
    height: 170px;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .home-main-banner .small-banners-container .small-banner-1 {
        height: 50%;
        margin-bottom: 0;
        min-width: auto;
        padding-bottom: 12px
    }
}

.home-main-banner .small-banners-container .small-banner-2 {
    height: 100px
}

@media (min-width:768px) {
    .home-main-banner .small-banners-container .small-banner-2 {
        height: 118px
    }
}

@media (min-width:992px) {
    .home-main-banner .small-banners-container .small-banner-2 {
        height: 50%;
        padding-top: 12px
    }
}

.home-main-banner .small-banner:last-child {
    margin-bottom: 0
}

.single-product-wrapper .product-gallery .product-gallery-image {
    align-items: center;
    display: flex;
    height: 100%
}

    .single-product-wrapper .product-gallery .product-gallery-image img {
        display: block;
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.single-product-wrapper .product-gallery .product-gallery-image-wrapper {
    height: 300px
}

@media (min-width:620px) {
    .single-product-wrapper .product-gallery .product-gallery-image-wrapper {
        height: 630px
    }
}

@media (min-width:992px) {
    .single-product-wrapper .product-gallery {
        padding-right: 30px;
        width: 50%
    }
}

.single-product-wrapper .product-detail .notify-me-btn {
    width: 230px
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .notify-me-btn {
        width: 230px
    }
}

.single-product-wrapper .product-detail .notify-me-btn button {
    width: 100%
}

@media (min-width:992px) {
    .single-product-wrapper .product-detail {
        padding-left: 30px;
        width: 50%
    }
}

.single-product-wrapper .product-detail .stepper-container {
    margin-bottom: 16px;
    margin-right: 16px;
    width: 130px
}

@media only screen and (min-width:480px) {
    .single-product-wrapper .product-detail .stepper-container {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .stepper-container {
        margin-right: 24px;
        width: 160px
    }
}

.single-product-wrapper .product-detail .stepper-container .btn-stepper .content {
    width: 130px
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .stepper-container .btn-stepper .content {
        width: 160px
    }
}

.single-product-wrapper .product-detail .accept-offer-button {
    flex: 100%
}

@media only screen and (min-width:480px) {
    .single-product-wrapper .product-detail .accept-offer-button {
        flex: auto
    }
}

.single-product-wrapper .product-detail .accept-offer-button button {
    width: 100%
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .accept-offer-button {
        flex: auto;
        margin-right: 24px
    }
}

.single-product-wrapper .product-detail .no-thanks-button {
    margin-top: 16px;
    width: 100%
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .no-thanks-button {
        flex: auto;
        margin-top: 0;
        width: auto
    }
}

.single-product-wrapper .product-detail .no-thanks-button button {
    width: 100%
}

.single-product-wrapper .accordion .accordion-item:first-child {
    border-top: none !important
}

.single-product-wrapper .products-list-container {
    margin-bottom: 32px
}

@media (min-width:768px) {
    .single-product-wrapper .products-list-container {
        margin-bottom: 40px
    }
}

.single-product-wrapper .price-block .price-variant {
    display: block;
    font-size: 12px;
    line-height: 16px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .price-variant {
        font-size: 14px;
        line-height: 18px
    }
}

.single-product-wrapper .price-block .sell-price {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .sell-price {
        font-size: 40px;
        line-height: 48px
    }
}

.single-product-wrapper .price-block .offer-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .offer-price {
        font-size: 24px;
        line-height: 28px
    }
}

.single-product-wrapper .price-block .trade-in-value div {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .single-product-wrapper .price-block .trade-in-value div strong {
        flex: 0 0 75px
    }

.single-product-wrapper .heading-block .product-category {
    display: block;
    font-size: 14px;
    line-height: 18px
}

@media (min-width:768px) {
    .single-product-wrapper .heading-block .product-category {
        font-size: 16px;
        line-height: 18px
    }
}

.single-product-wrapper .add-to-cart-btn {
    max-width: 416px
}

    .single-product-wrapper .add-to-cart-btn button {
        width: 100%
    }

@media (min-width:768px) {
    .single-product-wrapper .add-to-cart-btn button {
        width: auto
    }
}

@media (min-width:992px) {
    .single-product-wrapper .add-to-cart-btn button {
        width: 100%
    }
}

@media (min-width:1440px) {
    .single-product-wrapper .add-to-cart-btn button {
        padding-left: 60px;
        padding-right: 60px
    }
}

.cx-bottom-sticky-buttons {
    bottom: 0;
    box-shadow: 0 -4px 15px #00000040;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .cx-bottom-sticky-buttons {
        display: none
    }
}

.cx-bottom-sticky-buttons button {
    width: 100%
}

.cx-bottom-sticky-buttons .btn-stepper {
    height: 100%;
    margin-bottom: 0
}

@media (min-width:768px) {
    .cx-product-details-container {
        background-color: #fff
    }
}

.product-details-content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.product-details-content h4,
.product-details-content strong {
    display: block;
    margin-bottom: 12px
}

.product-details-content em strong,
.product-details-content p strong {
    display: inline
}

.product-details-content p {
    margin-bottom: 16px;
    word-wrap: break-word
}

.product-details-content ul > ul {
    list-style: disc;
    margin-bottom: 15px;
    padding-left: 24px
}

    .product-details-content ul > ul > li {
        margin-bottom: 5px
    }

    .product-details-content ul > ul > ul {
        padding-left: 0
    }

.product-details-content ul > li {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .product-details-content ul > li {
        margin-bottom: 16px
    }
}

.product-details-content ul > li em {
    font-style: normal
}

.cx-product-details-container .accordion .accordion-content-inner a {
    color: #e20a03
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox {
    background-color: #fff !important;
    border-radius: 24px !important;
    overflow: hidden !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox-close {
    right: 18px !important;
    top: 15px !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox .bv-mbox-breadcrumb {
    margin-top: 25px !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox .bv-write-review:focus {
    outline: none !important
}

.sell-to-cex-text {
    display: block;
    letter-spacing: -.28px;
    line-height: 20px;
    padding-right: 45px
}

@media only screen and (max-width:767px) {
    .sell-to-cex-text {
        line-height: 16px
    }
}

.cx-header[data-v-2e6a9405] {
    background-color: #e20a03
}

.cx-header .cx-logo[data-v-2e6a9405] {
    -webkit-clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    width: 45px
}

.cx-header .cx-logo a[data-v-2e6a9405] {
    display: block
}

.cx-header .cx-logo a img[data-v-2e6a9405] {
    display: block;
    width: 100%
}

.cx-header .header-navigation[data-v-2e6a9405] {
    margin-bottom: -16px;
    margin-top: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    position: relative;
    scrollbar-width: none
}

.cx-header .header-navigation .nav-rollover[data-v-2e6a9405] {
    display: none
}

.cx-header .header-navigation[data-v-2e6a9405]::-webkit-scrollbar {
    display: none
}

.cx-header .header-navigation ul[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}

.cx-header .header-navigation ul li[data-v-2e6a9405]:first-child {
    margin-left: 14px
}

.cx-header .header-navigation ul li a[data-v-2e6a9405] {
    border-bottom: 4px solid transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 12px;
    position: relative;
    white-space: nowrap
}

    .cx-header .header-navigation ul li a[data-v-2e6a9405]:after {
        content: "";
        height: 4px;
        position: absolute;
        width: 0
    }

.cx-header .cx-header-row[data-v-2e6a9405] {
    padding-bottom: 16px;
    padding-top: 16px
}

.cx-header .cx-header-inner[data-v-2e6a9405] {
    flex-wrap: wrap;
    justify-content: space-between
}

.cx-header .cx-header-inner[data-v-2e6a9405],
.cx-header .header-left[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.cx-header .header-left[data-v-2e6a9405] {
    flex-wrap: unset;
    justify-content: center
}

.cx-header .header-left .hamburger-button[data-v-2e6a9405] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-left .hamburger-button[data-v-2e6a9405] {
        margin-right: 25px
    }
}

.cx-header .header-left .hamburger-button .hamburger-icon[data-v-2e6a9405] {
    display: block
}

.cx-header .header-left .hamburger-button .hamburger-icon i[data-v-2e6a9405] {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    position: relative
}

.cx-header .header-left .hamburger-button .hamburger-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-center[data-v-2e6a9405] {
    margin-top: 15px;
    order: 3;
    width: 100%
}

.cx-header .header-center .search-form[data-v-2e6a9405] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-header .header-center .search-form .search-button[data-v-2e6a9405] {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

.cx-header .header-center .search-form .search-button .icon-search[data-v-2e6a9405]:before {
    color: #0d0d0d;
    display: block;
    font-size: 13px;
    line-height: 13px
}

.cx-header .header-center .search-form .search-input[data-v-2e6a9405] {
    background-color: transparent;
    border: none;
    color: gray;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

.cx-header .header-center .search-form .search-input:focus .search-form[data-v-2e6a9405] {
    border: 110px solid #fff
}

.cx-header .header-center .search-form .clear-search[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.cx-header .header-center .search-form .clear-search a[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline
}

.cx-header .header-center .search-form.search-result-list[data-v-2e6a9405] {
    border-radius: 22px 22px 0 0
}

.cx-header .header-center .search-form .search-result[data-v-2e6a9405] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    max-height: 70vh;
    overflow-y: scroll;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

.cx-header .header-center .search-form .search-result .tag[data-v-2e6a9405] {
    margin-right: 8px
}

    .cx-header .header-center .search-form .search-result .tag[data-v-2e6a9405]:last-child {
        margin-right: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .popular-search-heading[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li p[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li img[data-v-2e6a9405] {
    height: 48px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-tag[data-v-2e6a9405] {
    margin-bottom: 25px;
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.cx-header .header-center .search-form .search-result .cex-search-product-list[data-v-2e6a9405] {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 32px;
    margin-top: 8px;
    padding-bottom: 32px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .cex-icon-search[data-v-2e6a9405] {
    color: #999;
    font-size: 15px;
    line-height: 15px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image[data-v-2e6a9405] {
    height: 12px;
    margin-right: 12px;
    width: 12px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text[data-v-2e6a9405],
.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result p[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name[data-v-2e6a9405] {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-header .header-right[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    order: 2
}

.cx-header .header-right .header-account-button[data-v-2e6a9405] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-right .header-account-button[data-v-2e6a9405] {
        margin-right: 25px
    }
}

.cx-header .header-right .header-account-button .account-button-icon[data-v-2e6a9405] {
    position: relative
}

.cx-header .header-right .header-account-button .account-button-icon i[data-v-2e6a9405] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-account-button .account-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-right .header-account-button .account-options-dropdown[data-v-2e6a9405] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
    margin-left: 20px
}

@media only screen and (width >= 480px) {
    .cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
        margin-left: 25px
    }
}

@media (min-width:992px) {
    .cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
        margin-left: 40px
    }
}

.cx-header .header-right .header-cart-button .cart-button-icon[data-v-2e6a9405] {
    position: relative
}

.cx-header .header-right .header-cart-button .cart-button-icon i[data-v-2e6a9405] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-cart-button .cart-button-icon .basket-counter[data-v-2e6a9405] {
    background-color: #b50802;
    border-radius: 100%;
    bottom: 0;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px;
    z-index: 1
}

.cx-header .header-right .header-cart-button .cart-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-right .header-white-button[data-v-2e6a9405] {
    background-color: #fff;
    border-radius: 200px;
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center
}

.cx-we-sell[data-v-2e6a9405] {
    background-color: #e20a03;
    color: #fff;
    padding: 32px 0 16px
}

.cx-we-sell .cx-sell-search[data-v-2e6a9405] {
    width: 100%
}

.cx-we-sell .cx-sell-search .cx-search-content[data-v-2e6a9405] {
    text-align: center
}

.cx-we-sell .cx-we-sell-search[data-v-2e6a9405] {
    position: relative
}

.cx-we-sell .search-form[data-v-2e6a9405] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-we-sell .search-form.search-result-list[data-v-2e6a9405] {
    border-radius: 22px 22px 0 0
}

.cx-we-sell .image-card-grid[data-v-2e6a9405] {
    margin-bottom: 0
}

.cx-we-sell .image-card-grid .cx-image-card .cx-image-card-title[data-v-2e6a9405] {
    color: #fff
}

.cx-we-sell .sell-trending-category[data-v-2e6a9405] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-evenly
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category[data-v-2e6a9405] {
        gap: 24px;
        justify-content: center
    }
}

.cx-we-sell .sell-trending-category a[data-v-2e6a9405] {
    display: block;
    margin-bottom: 24px;
    width: 90px
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category a[data-v-2e6a9405] {
        width: 190px
    }
}

@media (min-width:992px) {
    .cx-header .cx-header-row[data-v-2e6a9405] {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .cx-header .header-navigation[data-v-2e6a9405] {
        margin-bottom: -24px;
        margin-top: 20px;
        overflow-y: visible;
        padding-bottom: 9px
    }

    .cx-header .header-navigation .nav-rollover[data-v-2e6a9405] {
        border-bottom: 4px solid #e20a03;
        bottom: 0;
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 100px;
        z-index: 1
    }

    .cx-header .header-navigation ul[data-v-2e6a9405] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-navigation ul li[data-v-2e6a9405] {
        margin: 0 16px;
        position: relative
    }

    .cx-header .header-navigation ul li a[data-v-2e6a9405] {
        border: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 0;
        position: relative;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

        .cx-header .header-navigation ul li a[data-v-2e6a9405]:after {
            content: "";
            height: 4px;
            position: absolute;
            width: 0
        }

    .cx-header .header-navigation ul li[data-v-2e6a9405]:first-child {
        margin-left: 0
    }

    .cx-header .cx-header-inner[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-header .header-left[data-v-2e6a9405] {
        margin-right: 40px
    }

    .cx-header .header-left .hamburger-button[data-v-2e6a9405] {
        margin-right: 40px;
        margin-top: 5px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon[data-v-2e6a9405] {
        margin-bottom: 8px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon i[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 24px;
        justify-content: center;
        line-height: 24px;
        position: relative
    }

    .cx-header .header-left .hamburger-button .hamburger-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-header .header-left .cx-logo[data-v-2e6a9405] {
        width: 65px
    }

    .cx-header .header-center[data-v-2e6a9405] {
        margin-right: 40px;
        margin-top: 0;
        order: unset
    }

    .cx-header .header-center .search-form[data-v-2e6a9405] {
        border-radius: 24px
    }

    .cx-header .header-center .search-form .search-button i[data-v-2e6a9405] {
        font-size: 20px;
        line-height: 24px
    }

    .cx-header .header-center .search-form .search-input[data-v-2e6a9405] {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .cx-header .header-right[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        order: unset
    }

    .cx-header .header-right .header-account-button[data-v-2e6a9405] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center;
        margin-right: 40px;
        position: relative
    }

    .cx-header .header-right .header-account-button.show-account-dropdown .account-options-dropdown[data-v-2e6a9405] {
        opacity: 1;
        visibility: visible
    }

    .cx-header .header-right .header-account-button .account-button-icon[data-v-2e6a9405] {
        margin-bottom: 5px
    }

    .cx-header .header-right .header-account-button .account-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header .header-right .header-account-button .account-options-dropdown[data-v-2e6a9405] {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 24px 0 24px 24px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 60px;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        visibility: hidden;
        width: 278px;
        z-index: 10
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-2e6a9405] {
        border-top: 1px solid #e6e6e6;
        color: #0d0d0d;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-2e6a9405]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-2e6a9405] {
        align-items: center;
        color: #0d0d0d;
        cursor: pointer;
        display: flex;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-2e6a9405]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon[data-v-2e6a9405] {
        align-items: center;
        background-color: #000;
        border-radius: 8px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 24px;
        justify-content: center;
        width: 24px
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon i[data-v-2e6a9405] {
        color: #fff;
        font-size: 16px;
        line-height: 16px
    }

    .cx-header .header-right .header-account-button.sell-header-account-button .account-options-dropdown[data-v-2e6a9405] {
        top: 60px
    }

    .cx-header .header-right .header-white-button[data-v-2e6a9405] {
        background-color: #fff;
        border-radius: 24px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 14px;
        padding-top: 14px;
        text-align: center;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 84px
    }

        .cx-header .header-right .header-white-button[data-v-2e6a9405]:hover {
            background-color: #0d0d0d;
            color: #fff
        }

    .cx-header .header-right .header-cart-button[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-right .header-cart-button .cart-button-icon[data-v-2e6a9405] {
        margin-bottom: 7px
    }

    .cx-header .header-right .header-cart-button .cart-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header.header-without-nav .header-account-button .account-options-dropdown[data-v-2e6a9405] {
        top: 93px
    }

    .cx-we-sell .cx-sell-search[data-v-2e6a9405] {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .cx-header .cx-container[data-v-2e6a9405] {
        padding-left: 40px;
        padding-right: 40px
    }
}

.image-card-grid[data-v-2e6a9405] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    transition: all .5s ease-in
}

.image-card-grid.image-grid-read-more[data-v-2e6a9405] {
    height: 160px;
    overflow: hidden;
    position: relative
}

    .image-card-grid.image-grid-read-more[data-v-2e6a9405]:before {
        bottom: -29px;
        box-shadow: inset 0 -4rem 12px -1rem #fafafae6;
        content: "";
        height: 4rem;
        left: 0;
        pointer-events: none;
        position: absolute;
        transition: all .5s ease-in;
        width: 100%
    }

@media (min-width:620px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
    }
}

@media (min-width:768px) {
    .image-card-grid[data-v-2e6a9405] {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }

    .image-card-grid.image-grid-read-more[data-v-2e6a9405] {
        height: 250px
    }
}

@media (min-width:992px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }
}

@media (min-width:1440px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr))
    }
}

.btn-read-more[data-v-2e6a9405] {
    align-items: center;
    bottom: -44px;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.listing-categories[data-v-2e6a9405] {
    position: relative
}

.cx-drawer[data-v-2e6a9405] {
    background-color: #fff;
    border-radius: 0 40px 40px 0;
    height: 100%;
    left: 0;
    max-width: 406px;
    opacity: 0;
    padding: 42px 40px;
    position: fixed;
    top: 0;
    transform: rotate(-10deg) translate(-406px);
    transform-origin: bottom right;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1001
}

.cx-drawer.open-drawer[data-v-2e6a9405] {
    opacity: 1;
    transform: rotate(0) translate(0);
    visibility: visible
}

.cx-drawer .drawer-scroll[data-v-2e6a9405] {
    height: calc(100vh - 120px);
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .cx-drawer .drawer-scroll[data-v-2e6a9405]::-webkit-scrollbar {
        display: none
    }

.cx-drawer .drawer-divider[data-v-2e6a9405] {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.cx-drawer .drawer-heading[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.cx-drawer .cx-drawer-header[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 26px
}

.cx-drawer .cx-drawer-header .drawer-close[data-v-2e6a9405] {
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-drawer .cx-drawer-header .drawer-close i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-header .drawer-back[data-v-2e6a9405] {
    align-items: center;
    background: none;
    border: none;
    color: #0d0d0d;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 14px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    outline: none;
    text-transform: uppercase
}

.cx-drawer .cx-drawer-header .drawer-back i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-body .drawer-heading[data-v-2e6a9405],
.cx-drawer .cx-drawer-body .drawer-menu li[data-v-2e6a9405] {
    margin-bottom: 20px
}

    .cx-drawer .cx-drawer-body .drawer-menu li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-drawer .cx-drawer-body .drawer-menu li a[data-v-2e6a9405] {
    align-items: center;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    justify-content: space-between;
    line-height: 20px
}

.cx-drawer .cx-drawer-body .drawer-menu li a i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:410px) {
    .cx-drawer[data-v-2e6a9405] {
        border-radius: 0
    }
}

.offline-container i[data-v-4f244a26] {
    font-size: 20px;
    line-height: 20px
}

.offline-bullete-dot[data-v-4f244a26] {
    display: none
}

.offline-copy[data-v-4f244a26] {
    width: 100%
}

.oflline-close[data-v-4f244a26] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.oflline-close i[data-v-4f244a26] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .offline-container i[data-v-4f244a26] {
        font-size: 24px;
        line-height: 24px
    }

    .offline-bullete-dot[data-v-4f244a26] {
        display: inline-block;
        height: 5px;
        margin: 0 4px;
        width: 5px
    }

    .offline-bullete-dot[data-v-4f244a26],
    .oflline-close[data-v-4f244a26] {
        background-color: #000;
        border-radius: 100px
    }

    .oflline-close[data-v-4f244a26] {
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .oflline-close i[data-v-4f244a26] {
        font-size: 16px;
        line-height: 16px
    }

    .offline-copy[data-v-4f244a26] {
        width: auto
    }
}

.app-update-container i[data-v-a73f370f] {
    font-size: 20px;
    line-height: 20px
}

.app-update-copy[data-v-a73f370f] {
    width: 100%
}

.app-update-close[data-v-a73f370f] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.app-update-close i[data-v-a73f370f] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .app-update-container i[data-v-a73f370f] {
        font-size: 24px;
        line-height: 24px
    }

    .app-update-close[data-v-a73f370f] {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .app-update-close i[data-v-a73f370f] {
        font-size: 16px;
        line-height: 16px
    }

    .app-update-copy[data-v-a73f370f] {
        width: auto
    }
}

a[data-v-9d224ed2] {
    color: inherit;
    text-decoration: underline
}

.offline-container i[data-v-9d224ed2] {
    font-size: 20px;
    line-height: 20px
}

.offline-container p[data-v-9d224ed2] a {
    color: inherit;
    text-decoration: underline
}

.offline-bullete-dot[data-v-9d224ed2] {
    display: none
}

.offline-copy[data-v-9d224ed2] {
    margin-top: 2px;
    width: 100%
}

.oflline-close[data-v-9d224ed2] {
    background-color: #fff;
    border-radius: 100px;
    color: #000;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.oflline-close i[data-v-9d224ed2] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .offline-container i[data-v-9d224ed2] {
        font-size: 24px;
        line-height: 24px
    }

    .offline-container p a[data-v-9d224ed2] {
        color: inherit;
        text-decoration: underline
    }

    .offline-bullete-dot[data-v-9d224ed2] {
        display: inline-block;
        flex: 0 0 5px;
        height: 5px;
        margin: 9px 4px;
        width: 5px
    }

    .offline-bullete-dot[data-v-9d224ed2],
    .oflline-close[data-v-9d224ed2] {
        background-color: #fff;
        border-radius: 100px
    }

    .oflline-close[data-v-9d224ed2] {
        color: #000;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .oflline-close i[data-v-9d224ed2] {
        font-size: 16px;
        line-height: 16px
    }

    .offline-copy[data-v-9d224ed2] {
        width: auto
    }
}

.cx-announcement-banner[data-v-7e72c166] {
    background: url(../images/base-pattern.c04bf9d7.svg);
    background-position: 0;
    background-size: cover;
    position: relative
}

    .cx-announcement-banner[data-v-7e72c166]:before {
        background-color: #00000080;
        content: "";
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%
    }

.cx-announcement-banner .announcement-banner-row[data-v-7e72c166] {
    padding: 8px 0;
    position: relative
}

.cx-announcement-banner .announcement-banner-row .announcement-banner-inner[data-v-7e72c166] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    min-height: 24px;
}

.cx-announcement-banner .announcement-message[data-v-7e72c166] {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.cx-announcement-banner .announcement-banner-link[data-v-7e72c166] {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    justify-content: unset;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-link[data-v-7e72c166] {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-announcement-banner .announcement-banner-link strong[data-v-7e72c166] {
    font-weight: 600;
    margin-right: 4px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-link strong[data-v-7e72c166] {
        font-weight: 500
    }
}

.cx-announcement-banner .announcement-banner-link span[data-v-7e72c166] {
    font-weight: 400
}

.cx-announcement-banner .announcement-banner-link .cx-icon-store[data-v-7e72c166] {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-right: 13px
}

.cx-announcement-banner .announcement-banner-link .cx-icon-arrow-right[data-v-7e72c166] {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-left: 6px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-row[data-v-7e72c166] {
        padding: 10px 0;
        position: relative
    }

    .cx-announcement-banner .announcement-banner-row .announcement-banner-inner[data-v-7e72c166] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-announcement-banner .announcement-message[data-v-7e72c166] {
        display: block
    }
}

.tag[data-v-18015ae1] {
    align-items: center;
    background-color: #0d0d0d;
    display: inline-flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    padding: 6px 18px 6px 16px
}

.tag span[data-v-18015ae1] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.tag .cx-icon-search[data-v-18015ae1] {
    margin-right: 8px
}

.tag .cx-icon-close[data-v-18015ae1],
.tag .cx-icon-search[data-v-18015ae1] {
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.tag .cx-icon-close[data-v-18015ae1] {
    cursor: pointer;
    margin-left: 8px
}

.tag a[data-v-18015ae1] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.tag .tag-content[data-v-18015ae1] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.search-form .search-button {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

    .search-form .search-button i {
        color: #0d0d0d;
        display: block;
        font-size: 20px;
        line-height: 20px
    }

.search-form .search-input {
    background-color: transparent;
    border: none;
    color: #0d0d0d;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

@media (min-width:768px) {
    .search-form .search-input {
        font-size: 16px;
        line-height: 20px
    }
}

.search-form .clear-search {
    margin-bottom: 16px
}

    .search-form .clear-search,
    .search-form .clear-search span {
        color: #0d0d0d;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

        .search-form .clear-search span {
            cursor: pointer;
            text-decoration: underline
        }

.search-form .search-result {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

    .search-form .search-result .search-result-scroll {
        max-height: 300px;
        overflow-x: auto
    }

@media (min-width:768px) {
    .search-form .search-result {
        top: 44px
    }
}

.search-form .search-result .tag {
    margin-bottom: 8px;
    margin-right: 8px
}

    .search-form .search-result .tag:last-child {
        margin-right: 0
    }

.search-form .search-result .cex-popular-search .popular-search-heading {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.search-form .search-result .cex-popular-search .cex-search-list li {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .search-form .search-result .cex-popular-search .cex-search-list li:last-child {
        margin-bottom: 0
    }

    .search-form .search-result .cex-popular-search .cex-search-list li p {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .search-form .search-result .cex-popular-search .cex-search-list li img {
        height: 48px;
        margin-right: 15px
    }

.search-form .search-result .cex-search-tag {
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start;
    scrollbar-width: none
}

    .search-form .search-result .cex-search-tag::-webkit-scrollbar {
        display: none
    }

    .search-form .search-result .cex-search-tag .tag .tag-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.search-form .search-result .cex-search-product-list {
    margin-top: 8px;
    padding-bottom: 15px
}

    .search-form .search-result .cex-search-product-list ul li {
        margin-bottom: 28px
    }

        .search-form .search-result .cex-search-product-list ul li a {
            align-items: flex-start;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: unset
        }

            .search-form .search-result .cex-search-product-list ul li a .cx-icon-search {
                color: #999;
                font-size: 20px;
                line-height: 20px;
                margin-right: 12px
            }

        .search-form .search-result .cex-search-product-list ul li:last-child {
            margin-bottom: 0
        }

        .search-form .search-result .cex-search-product-list ul li .cex-icon-search {
            color: #999;
            font-size: 20px;
            line-height: 20px;
            margin-right: 15px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image {
            height: 12px;
            margin-right: 12px;
            width: 12px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result p {
            color: #0d0d0d;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

            .search-form .search-result .cex-search-product-list ul li .search-product-result p .search-product-category {
                font-weight: 600
            }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text {
            color: #0d0d0d;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name {
            color: #4d4d4d;
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            margin-top: 10px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list {
            align-items: flex-start;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: unset
        }

.search-form .search-form-input-block {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    width: 100%
}

    .search-form .search-form-input-block .search-input input {
        background-color: transparent
    }

        .search-form .search-form-input-block .search-input input ::-moz-placeholder {
            color: gray
        }

        .search-form .search-form-input-block .search-input input ::placeholder {
            color: gray
        }

.cx-btn[data-v-6d879e1f] {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn[data-v-6d879e1f]:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i[data-v-6d879e1f] {
    font-weight: 500
}

.cx-btn-left-align span[data-v-6d879e1f] {
    justify-content: left
}

.cx-btn-left-align span .btn-text[data-v-6d879e1f] {
    justify-content: unset;
    text-align: left;
    width: 100%
}

.cx-btn-content[data-v-6d879e1f],
.cx-btn-left-align span .btn-text[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset
}

.cx-btn-content[data-v-6d879e1f] {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block[data-v-6d879e1f] {
    display: block;
    width: 100%
}

.cx-btn-block .btn-content[data-v-6d879e1f] {
    justify-content: center
}

.cx-btn-xs[data-v-6d879e1f] {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

.cx-btn-xs .cx-icon-plus[data-v-6d879e1f] {
    font-size: 12px;
    line-height: 12px
}

.cx-btn-xs .btn-text[data-v-6d879e1f] {
    margin-left: 9px
}

.cx-btn-xs i[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-xs .cex-icon-close[data-v-6d879e1f],
.cx-btn-xs .cx-icon-arrow-right[data-v-6d879e1f] {
    font-size: 12px;
    line-height: 12px;
    margin-left: 9px
}

.cx-btn-xs.btn-rounded[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px
}

.cx-btn-sm[data-v-6d879e1f] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

.cx-btn-sm .cx-icon-plus[data-v-6d879e1f] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-sm .btn-text[data-v-6d879e1f] {
    margin-left: 10px
}

.cx-btn-sm .cx-icon-arrow-right[data-v-6d879e1f],
.cx-btn-sm .cx-icon-close[data-v-6d879e1f] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-sm i[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-sm.btn-rounded[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px
}

.cx-btn-md[data-v-6d879e1f] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

.cx-btn-md .cx-icon-plus[data-v-6d879e1f] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-md .btn-text[data-v-6d879e1f] {
    margin-left: 10px
}

.cx-btn-md .cx-icon-arrow-right[data-v-6d879e1f],
.cx-btn-md .cx-icon-close[data-v-6d879e1f] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-md i[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-md.btn-rounded[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.cx-btn-lg[data-v-6d879e1f] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

.cx-btn-lg .cx-icon-plus[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg .btn-text[data-v-6d879e1f] {
    margin-left: 12px
}

.cx-btn-lg .cx-icon-arrow-right[data-v-6d879e1f],
.cx-btn-lg .cx-icon-close[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px;
    margin-left: 10px
}

.cx-btn-lg i[data-v-6d879e1f] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg.btn-rounded[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 52px;
    justify-content: center;
    padding: 0;
    width: 52px
}

.cx-btn[data-v-6d879e1f]:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn[data-v-6d879e1f]:disabled,
    .cx-btn[data-v-6d879e1f]:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-primary[data-v-6d879e1f] {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary[data-v-6d879e1f]:hover {
        background-color: #b50802
    }
}

.cx-btn-primary[data-v-6d879e1f]:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-outlined-primary[data-v-6d879e1f] {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary[data-v-6d879e1f]:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary[data-v-6d879e1f]:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-secondary[data-v-6d879e1f] {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary[data-v-6d879e1f]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary[data-v-6d879e1f]:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-gray[data-v-6d879e1f] {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray[data-v-6d879e1f]:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray[data-v-6d879e1f]:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-outlined-secondary[data-v-6d879e1f] {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary[data-v-6d879e1f]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary[data-v-6d879e1f]:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-white[data-v-6d879e1f] {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white[data-v-6d879e1f]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white[data-v-6d879e1f]:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white[data-v-6d879e1f] {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white[data-v-6d879e1f]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white[data-v-6d879e1f]:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn .btn-text[data-v-6d879e1f]:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs[data-v-6d879e1f] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

    .cx-btn-xs .cx-icon-plus[data-v-6d879e1f] {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-xs .btn-text[data-v-6d879e1f] {
        margin-left: 10px
    }

    .cx-btn-xs .cx-icon-arrow-right[data-v-6d879e1f],
    .cx-btn-xs .cx-icon-close[data-v-6d879e1f] {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-xs.btn-rounded[data-v-6d879e1f] {
        height: 24px;
        padding: 0;
        width: 24px
    }

    .cx-btn-sm[data-v-6d879e1f] {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

    .cx-btn-sm .cx-icon-plus[data-v-6d879e1f] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm .btn-text[data-v-6d879e1f] {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right[data-v-6d879e1f],
    .cx-btn-sm .cx-icon-close[data-v-6d879e1f] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-sm.btn-rounded[data-v-6d879e1f] {
        height: 32px;
        padding: 0;
        width: 32px
    }

    .cx-btn-md[data-v-6d879e1f] {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

    .cx-btn-md .cx-icon-plus[data-v-6d879e1f] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md .btn-text[data-v-6d879e1f] {
        margin-left: 12px
    }

    .cx-btn-md .cx-icon-arrow-right[data-v-6d879e1f],
    .cx-btn-md .cx-icon-close[data-v-6d879e1f] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 12px
    }

    .cx-btn-md.btn-rounded[data-v-6d879e1f] {
        height: 48px;
        padding: 0;
        width: 48px
    }

    .cx-btn-lg[data-v-6d879e1f] {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

    .cx-btn-lg .cx-icon-plus[data-v-6d879e1f] {
        font-size: 24px;
        line-height: 24px
    }

    .cx-btn-lg .btn-text[data-v-6d879e1f] {
        margin-left: 13px
    }

    .cx-btn-lg .cx-icon-arrow-right[data-v-6d879e1f],
    .cx-btn-lg .cx-icon-close[data-v-6d879e1f] {
        font-size: 24px;
        line-height: 24px;
        margin-left: 13px
    }

    .cx-btn-lg.btn-rounded[data-v-6d879e1f] {
        height: 56px;
        padding: 0;
        width: 56px
    }

    .cx-btn .btn-text[data-v-6d879e1f]:first-child {
        margin-left: 0
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content[data-v-6d879e1f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a[data-v-6d879e1f] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a[data-v-6d879e1f] {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button[data-v-6d879e1f] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button[data-v-6d879e1f] {
        display: inline-block;
        width: unset
    }
}

@media only screen and (max-width:600px) {
    .change-store-button button[data-v-6d879e1f] {
        display: block;
        width: 100%
    }
}

.breadcrumb[data-v-a226a43d] {
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    justify-content: left;
    letter-spacing: -.32px;
    line-height: 16px;
    margin-top: 16px
}

.breadcrumb[data-v-a226a43d],
.breadcrumb .breadcrumb-item[data-v-a226a43d] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.breadcrumb .breadcrumb-item[data-v-a226a43d] {
    color: #b3b3b3;
    cursor: pointer;
    flex-wrap: unset;
    justify-content: unset
}

.breadcrumb .breadcrumb-item i[data-v-a226a43d] {
    display: inline-block;
    font-size: 12px;
    padding: 0 4px
}

.breadcrumb .breadcrumb-item[data-v-a226a43d]:last-child:after {
    display: none
}

.breadcrumb .breadcrumb-item a[data-v-a226a43d] {
    color: #666;
    text-transform: capitalize
}

.breadcrumb .breadcrumb-item a.cx-link-exact-active[data-v-a226a43d] {
    color: #0d0d0d;
    cursor: default
}

    .breadcrumb .breadcrumb-item a.cx-link-exact-active[data-v-a226a43d]:hover {
        color: #0d0d0d
    }

.breadcrumb .breadcrumb-item a[data-v-a226a43d]:hover {
    color: #b3b3b3
}

.breadcrumb .breadcrumb-item + .breadcrumb-item[data-v-a226a43d]:before {
    color: #b3b3b3;
    content: ">";
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 4px
}

@media (min-width:768px) {
    .breadcrumb[data-v-a226a43d] {
        margin-top: 24px
    }

    .breadcrumb[data-v-a226a43d],
    .breadcrumb .breadcrumb-item + .breadcrumb-item[data-v-a226a43d]:before {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-header[data-v-bcbbe0b2] {
    background-color: #e20a03
}

.cx-header .cx-logo[data-v-bcbbe0b2] {
    -webkit-clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    width: 45px
}

.cx-header .cx-logo a[data-v-bcbbe0b2] {
    display: block
}

.cx-header .cx-logo a img[data-v-bcbbe0b2] {
    display: block;
    width: 100%
}

.cx-header .header-navigation[data-v-bcbbe0b2] {
    margin-bottom: -16px;
    margin-top: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    position: relative;
    scrollbar-width: none
}

.cx-header .header-navigation .nav-rollover[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-navigation[data-v-bcbbe0b2]::-webkit-scrollbar {
    display: none
}

.cx-header .header-navigation ul[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}


.cx-header .header-navigation ul li a[data-v-bcbbe0b2] {
    border-bottom: 4px solid transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 12px;
    position: relative;
    white-space: nowrap
}

    .cx-header .header-navigation ul li a[data-v-bcbbe0b2]:after {
        content: "";
        height: 4px;
        position: absolute;
        width: 0
    }

.cx-header .cx-header-row[data-v-bcbbe0b2] {
    padding-bottom: 16px;
    padding-top: 16px
}

.cx-header .cx-header-inner[data-v-bcbbe0b2] {
    flex-wrap: wrap;
    justify-content: space-between
}

.cx-header .cx-header-inner[data-v-bcbbe0b2],
.cx-header .header-left[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.cx-header .header-left[data-v-bcbbe0b2] {
    flex-wrap: unset;
    justify-content: center
}

.cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
        margin-right: 25px
    }
}

.cx-header .header-left .hamburger-button .hamburger-icon[data-v-bcbbe0b2] {
    display: block
}

.cx-header .header-left .hamburger-button .hamburger-icon i[data-v-bcbbe0b2] {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    position: relative
}

.cx-header .header-left .hamburger-button .hamburger-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-center[data-v-bcbbe0b2] {
    margin-top: 15px;
    order: 3;
    width: 100%
}

.cx-header .header-center .search-form[data-v-bcbbe0b2] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-header .header-center .search-form .search-button[data-v-bcbbe0b2] {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

.cx-header .header-center .search-form .search-button .icon-search[data-v-bcbbe0b2]:before {
    color: #0d0d0d;
    display: block;
    font-size: 13px;
    line-height: 13px
}

.cx-header .header-center .search-form .search-input[data-v-bcbbe0b2] {
    background-color: transparent;
    border: none;
    color: gray;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

.cx-header .header-center .search-form .search-input:focus .search-form[data-v-bcbbe0b2] {
    border: 110px solid #fff
}

.cx-header .header-center .search-form .clear-search[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.cx-header .header-center .search-form .clear-search a[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline
}

.cx-header .header-center .search-form.search-result-list[data-v-bcbbe0b2] {
    border-radius: 22px 22px 0 0
}

.cx-header .header-center .search-form .search-result[data-v-bcbbe0b2] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    max-height: 70vh;
    overflow-y: scroll;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

.cx-header .header-center .search-form .search-result .tag[data-v-bcbbe0b2] {
    margin-right: 8px
}

    .cx-header .header-center .search-form .search-result .tag[data-v-bcbbe0b2]:last-child {
        margin-right: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .popular-search-heading[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li p[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li img[data-v-bcbbe0b2] {
    height: 48px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-tag[data-v-bcbbe0b2] {
    margin-bottom: 25px;
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.cx-header .header-center .search-form .search-result .cex-search-product-list[data-v-bcbbe0b2] {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 32px;
    margin-top: 8px;
    padding-bottom: 32px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .cex-icon-search[data-v-bcbbe0b2] {
    color: #999;
    font-size: 15px;
    line-height: 15px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image[data-v-bcbbe0b2] {
    height: 12px;
    margin-right: 12px;
    width: 12px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text[data-v-bcbbe0b2],
.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result p[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name[data-v-bcbbe0b2] {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-header .header-right[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    order: 2
}

.cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
        margin-right: 25px
    }
}

.cx-header .header-right .header-account-button .account-button-icon[data-v-bcbbe0b2] {
    position: relative
}

.cx-header .header-right .header-account-button .account-button-icon i[data-v-bcbbe0b2] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-account-button .account-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-right .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
    margin-left: 20px
}

@media only screen and (width >= 480px) {
    .cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
        margin-left: 25px
    }
}

@media (min-width:992px) {
    .cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
        margin-left: 40px
    }
}

.cx-header .header-right .header-cart-button .cart-button-icon[data-v-bcbbe0b2] {
    position: relative
}

.cx-header .header-right .header-cart-button .cart-button-icon i[data-v-bcbbe0b2] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-cart-button .cart-button-icon .basket-counter[data-v-bcbbe0b2] {
    background-color: #b50802;
    border-radius: 100%;
    bottom: 0;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px;
    z-index: 1
}

.cx-header .header-right .header-cart-button .cart-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-right .header-white-button[data-v-bcbbe0b2] {
    background-color: #fff;
    border-radius: 200px;
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center
}

.cx-we-sell[data-v-bcbbe0b2] {
    background-color: #e20a03;
    color: #fff;
    padding: 32px 0 16px
}

.cx-we-sell .cx-sell-search[data-v-bcbbe0b2] {
    width: 100%
}

.cx-we-sell .cx-sell-search .cx-search-content[data-v-bcbbe0b2] {
    text-align: center
}

.cx-we-sell .cx-we-sell-search[data-v-bcbbe0b2] {
    position: relative
}

.cx-we-sell .search-form[data-v-bcbbe0b2] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-we-sell .search-form.search-result-list[data-v-bcbbe0b2] {
    border-radius: 22px 22px 0 0
}

.cx-we-sell .image-card-grid[data-v-bcbbe0b2] {
    margin-bottom: 0
}

.cx-we-sell .image-card-grid .cx-image-card .cx-image-card-title[data-v-bcbbe0b2] {
    color: #fff
}

.cx-we-sell .sell-trending-category[data-v-bcbbe0b2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-evenly
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category[data-v-bcbbe0b2] {
        gap: 24px;
        justify-content: center
    }
}

.cx-we-sell .sell-trending-category a[data-v-bcbbe0b2] {
    display: block;
    margin-bottom: 24px;
    width: 90px
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category a[data-v-bcbbe0b2] {
        width: 190px
    }
}

@media (min-width:992px) {
    .cx-header .cx-header-row[data-v-bcbbe0b2] {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .cx-header .header-navigation[data-v-bcbbe0b2] {
        margin-bottom: -24px;
        margin-top: 20px;
        overflow-y: visible;
        padding-bottom: 9px
    }

    .cx-header .header-navigation .nav-rollover[data-v-bcbbe0b2] {
        border-bottom: 4px solid #e20a03;
        bottom: 0;
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 100px;
        z-index: 1
    }

    .cx-header .header-navigation ul[data-v-bcbbe0b2] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-navigation ul li[data-v-bcbbe0b2] {
        margin: 0 16px;
        position: relative
    }

    .cx-header .header-navigation ul li a[data-v-bcbbe0b2] {
        border: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 0;
        position: relative;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

        .cx-header .header-navigation ul li a[data-v-bcbbe0b2]:after {
            content: "";
            height: 4px;
            position: absolute;
            width: 0
        }

    .cx-header .header-navigation ul li[data-v-bcbbe0b2]:first-child {
        margin-left: 0
    }

    .cx-header .cx-header-inner[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-header .header-left[data-v-bcbbe0b2] {
        margin-right: 40px
    }

    .cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
        margin-right: 40px;
        margin-top: 5px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon[data-v-bcbbe0b2] {
        margin-bottom: 8px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon i[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 24px;
        justify-content: center;
        line-height: 24px;
        position: relative
    }

    .cx-header .header-left .hamburger-button .hamburger-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-header .header-left .cx-logo[data-v-bcbbe0b2] {
        width: 65px
    }

    .cx-header .header-center[data-v-bcbbe0b2] {
        margin-right: 40px;
        margin-top: 0;
        order: unset
    }

    .cx-header .header-center .search-form[data-v-bcbbe0b2] {
        border-radius: 24px
    }

    .cx-header .header-center .search-form .search-button i[data-v-bcbbe0b2] {
        font-size: 20px;
        line-height: 24px
    }

    .cx-header .header-center .search-form .search-input[data-v-bcbbe0b2] {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .cx-header .header-right[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        order: unset
    }

    .cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center;
        margin-right: 40px;
        position: relative
    }

    .cx-header .header-right .header-account-button.show-account-dropdown .account-options-dropdown[data-v-bcbbe0b2] {
        opacity: 1;
        visibility: visible
    }

    .cx-header .header-right .header-account-button .account-button-icon[data-v-bcbbe0b2] {
        margin-bottom: 5px
    }

    .cx-header .header-right .header-account-button .account-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header .header-right .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 24px 0 24px 24px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 60px;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        visibility: hidden;
        width: 278px;
        z-index: 10
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-bcbbe0b2] {
        border-top: 1px solid #e6e6e6;
        color: #0d0d0d;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-bcbbe0b2]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-bcbbe0b2] {
        align-items: center;
        color: #0d0d0d;
        cursor: pointer;
        display: flex;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-bcbbe0b2]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon[data-v-bcbbe0b2] {
        align-items: center;
        background-color: #000;
        border-radius: 8px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 24px;
        justify-content: center;
        width: 24px
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon i[data-v-bcbbe0b2] {
        color: #fff;
        font-size: 16px;
        line-height: 16px
    }

    .cx-header .header-right .header-account-button.sell-header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        top: 60px
    }

    .cx-header .header-right .header-white-button[data-v-bcbbe0b2] {
        background-color: #fff;
        border-radius: 24px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 14px;
        padding-top: 14px;
        text-align: center;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 84px
    }

        .cx-header .header-right .header-white-button[data-v-bcbbe0b2]:hover {
            background-color: #0d0d0d;
            color: #fff
        }

    .cx-header .header-right .header-cart-button[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-right .header-cart-button .cart-button-icon[data-v-bcbbe0b2] {
        margin-bottom: 7px
    }

    .cx-header .header-right .header-cart-button .cart-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header.header-without-nav .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        top: 93px
    }

    .cx-we-sell .cx-sell-search[data-v-bcbbe0b2] {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .cx-header .cx-container[data-v-bcbbe0b2] {
        padding-left: 40px;
        padding-right: 40px
    }
}

.image-card-grid[data-v-bcbbe0b2] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    transition: all .5s ease-in
}

.image-card-grid.image-grid-read-more[data-v-bcbbe0b2] {
    height: 160px;
    overflow: hidden;
    position: relative
}

    .image-card-grid.image-grid-read-more[data-v-bcbbe0b2]:before {
        bottom: -29px;
        box-shadow: inset 0 -4rem 12px -1rem #fafafae6;
        content: "";
        height: 4rem;
        left: 0;
        pointer-events: none;
        position: absolute;
        transition: all .5s ease-in;
        width: 100%
    }

@media (min-width:620px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
    }
}

@media (min-width:768px) {
    .image-card-grid[data-v-bcbbe0b2] {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }

    .image-card-grid.image-grid-read-more[data-v-bcbbe0b2] {
        height: 250px
    }
}

@media (min-width:992px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }
}

@media (min-width:1440px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr))
    }
}

.btn-read-more[data-v-bcbbe0b2] {
    align-items: center;
    bottom: -44px;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.listing-categories[data-v-bcbbe0b2] {
    position: relative
}

.cx-drawer[data-v-bcbbe0b2] {
    background-color: #fff;
    border-radius: 0 40px 40px 0;
    height: 100%;
    left: 0;
    max-width: 406px;
    opacity: 0;
    padding: 42px 40px;
    position: fixed;
    top: 0;
    transform: rotate(-10deg) translate(-406px);
    transform-origin: bottom right;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1001
}

.cx-drawer.open-drawer[data-v-bcbbe0b2] {
    opacity: 1;
    transform: rotate(0) translate(0);
    visibility: visible
}

.cx-drawer .drawer-scroll[data-v-bcbbe0b2] {
    height: calc(100vh - 120px);
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .cx-drawer .drawer-scroll[data-v-bcbbe0b2]::-webkit-scrollbar {
        display: none
    }

.cx-drawer .drawer-divider[data-v-bcbbe0b2] {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.cx-drawer .drawer-heading[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.cx-drawer .cx-drawer-header[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 26px
}

.cx-drawer .cx-drawer-header .drawer-close[data-v-bcbbe0b2] {
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-drawer .cx-drawer-header .drawer-close i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-header .drawer-back[data-v-bcbbe0b2] {
    align-items: center;
    background: none;
    border: none;
    color: #0d0d0d;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 14px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    outline: none;
    text-transform: uppercase
}

.cx-drawer .cx-drawer-header .drawer-back i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-body .drawer-heading[data-v-bcbbe0b2],
.cx-drawer .cx-drawer-body .drawer-menu li[data-v-bcbbe0b2] {
    margin-bottom: 20px
}

    .cx-drawer .cx-drawer-body .drawer-menu li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-drawer .cx-drawer-body .drawer-menu li a[data-v-bcbbe0b2] {
    align-items: center;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    justify-content: space-between;
    line-height: 20px
}

.cx-drawer .cx-drawer-body .drawer-menu li a i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:410px) {
    .cx-drawer[data-v-bcbbe0b2] {
        border-radius: 0
    }
}

.error-img img[data-v-af86c046] {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    width: 100%
}

@media (min-width:768px) {
    .error-img img[data-v-af86c046] {
        margin: 0 auto;
        max-width: 360px
    }
}

.country-select-drop-down[data-v-562803d7] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-562803d7] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-562803d7] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-562803d7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-562803d7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-562803d7] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-562803d7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-562803d7] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-562803d7] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-562803d7] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-562803d7] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-562803d7] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-562803d7] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-562803d7] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-562803d7] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-cente#dd0000[data-v-562803d7] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-cente#dd0000[data-v-562803d7] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-562803d7] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-562803d7] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-562803d7] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-562803d7] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-562803d7] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-562803d7] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-562803d7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-562803d7] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-562803d7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-562803d7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-562803d7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-562803d7] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-562803d7] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-562803d7] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-562803d7] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-562803d7] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-562803d7]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-562803d7]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-562803d7] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-562803d7] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-562803d7]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-562803d7] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-562803d7] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-562803d7] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-562803d7] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-562803d7] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-562803d7] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-562803d7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-562803d7] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-562803d7] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.cx-btn[data-v-562803d7] {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn[data-v-562803d7]:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i[data-v-562803d7] {
    font-weight: 500
}

.cx-btn-left-align span[data-v-562803d7] {
    justify-content: left
}

.cx-btn-left-align span .btn-text[data-v-562803d7] {
    justify-content: unset;
    text-align: left;
    width: 100%
}

.cx-btn-content[data-v-562803d7],
.cx-btn-left-align span .btn-text[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset
}

.cx-btn-content[data-v-562803d7] {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block[data-v-562803d7] {
    display: block;
    width: 100%
}

.cx-btn-block .btn-content[data-v-562803d7] {
    justify-content: center
}

.cx-btn-xs[data-v-562803d7] {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

.cx-btn-xs .cx-icon-plus[data-v-562803d7] {
    font-size: 12px;
    line-height: 12px
}

.cx-btn-xs .btn-text[data-v-562803d7] {
    margin-left: 9px
}

.cx-btn-xs i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-xs .cex-icon-close[data-v-562803d7],
.cx-btn-xs .cx-icon-arrow-right[data-v-562803d7] {
    font-size: 12px;
    line-height: 12px;
    margin-left: 9px
}

.cx-btn-xs.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px
}

.cx-btn-sm[data-v-562803d7] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

.cx-btn-sm .cx-icon-plus[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-sm .btn-text[data-v-562803d7] {
    margin-left: 10px
}

.cx-btn-sm .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-sm .cx-icon-close[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-sm i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-sm.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px
}

.cx-btn-md[data-v-562803d7] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

.cx-btn-md .cx-icon-plus[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-md .btn-text[data-v-562803d7] {
    margin-left: 10px
}

.cx-btn-md .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-md .cx-icon-close[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-md i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-md.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.cx-btn-lg[data-v-562803d7] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

.cx-btn-lg .cx-icon-plus[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg .btn-text[data-v-562803d7] {
    margin-left: 12px
}

.cx-btn-lg .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-lg .cx-icon-close[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px;
    margin-left: 10px
}

.cx-btn-lg i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 52px;
    justify-content: center;
    padding: 0;
    width: 52px
}

.cx-btn[data-v-562803d7]:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn[data-v-562803d7]:disabled,
    .cx-btn[data-v-562803d7]:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-primary[data-v-562803d7] {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary[data-v-562803d7]:hover {
        background-color: #b50802
    }
}

.cx-btn-primary[data-v-562803d7]:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-outlined-primary[data-v-562803d7] {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary[data-v-562803d7]:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary[data-v-562803d7]:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-secondary[data-v-562803d7] {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary[data-v-562803d7]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary[data-v-562803d7]:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-gray[data-v-562803d7] {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray[data-v-562803d7]:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray[data-v-562803d7]:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-outlined-secondary[data-v-562803d7] {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary[data-v-562803d7]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary[data-v-562803d7]:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-white[data-v-562803d7] {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white[data-v-562803d7]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white[data-v-562803d7]:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white[data-v-562803d7] {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white[data-v-562803d7]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white[data-v-562803d7]:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn .btn-text[data-v-562803d7]:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs[data-v-562803d7] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

    .cx-btn-xs .cx-icon-plus[data-v-562803d7] {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-xs .btn-text[data-v-562803d7] {
        margin-left: 10px
    }

    .cx-btn-xs .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-xs .cx-icon-close[data-v-562803d7] {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-xs.btn-rounded[data-v-562803d7] {
        height: 24px;
        padding: 0;
        width: 24px
    }

    .cx-btn-sm[data-v-562803d7] {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

    .cx-btn-sm .cx-icon-plus[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm .btn-text[data-v-562803d7] {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-sm .cx-icon-close[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-sm.btn-rounded[data-v-562803d7] {
        height: 32px;
        padding: 0;
        width: 32px
    }

    .cx-btn-md[data-v-562803d7] {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

    .cx-btn-md .cx-icon-plus[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md .btn-text[data-v-562803d7] {
        margin-left: 12px
    }

    .cx-btn-md .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-md .cx-icon-close[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 12px
    }

    .cx-btn-md.btn-rounded[data-v-562803d7] {
        height: 48px;
        padding: 0;
        width: 48px
    }

    .cx-btn-lg[data-v-562803d7] {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

    .cx-btn-lg .cx-icon-plus[data-v-562803d7] {
        font-size: 24px;
        line-height: 24px
    }

    .cx-btn-lg .btn-text[data-v-562803d7] {
        margin-left: 13px
    }

    .cx-btn-lg .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-lg .cx-icon-close[data-v-562803d7] {
        font-size: 24px;
        line-height: 24px;
        margin-left: 13px
    }

    .cx-btn-lg.btn-rounded[data-v-562803d7] {
        height: 56px;
        padding: 0;
        width: 56px
    }

    .cx-btn .btn-text[data-v-562803d7]:first-child {
        margin-left: 0
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a[data-v-562803d7] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a[data-v-562803d7] {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button[data-v-562803d7] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button[data-v-562803d7] {
        display: inline-block;
        width: unset
    }
}

@media only screen and (max-width:600px) {
    .change-store-button button[data-v-562803d7] {
        display: block;
        width: 100%
    }
}

.complain-btns a[data-v-562803d7] {
    color: #fff;
    text-decoration: unset
}

figure img[data-v-aea83cd1] {
    display: block
}

.footercookie_div[data-v-574cbf45] {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 2
}

.footercookie_div .oflline-close[data-v-574cbf45] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.footercookie_div .oflline-close i[data-v-574cbf45] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .footercookie_div .oflline-close[data-v-574cbf45] {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .footercookie_div .oflline-close i[data-v-574cbf45] {
        font-size: 16px;
        line-height: 16px
    }
}

.cx-alert[data-v-23342a9f] {
    background-color: #fee3e1;
    color: #0d0d0d;
    padding: 24px 16px
}

.cx-alert-content[data-v-23342a9f] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-alert-message[data-v-23342a9f] {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.cx-alert-message span[data-v-23342a9f] {
    display: inline-block;
    font-weight: 400;
    margin-right: 8px
}

.cx-alert-message strong[data-v-23342a9f] {
    display: inline-block;
    font-weight: 500
}

.cx-alert-action[data-v-23342a9f] {
    color: #0d0d0d;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-left: auto;
    text-transform: uppercase
}

.cx-alert .alert-icon[data-v-23342a9f] {
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin-right: 14px
}

@media (min-width:768px) {
    .cx-alert[data-v-23342a9f] {
        padding: 26px 18px
    }

    .cx-alert-message[data-v-23342a9f] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        font-weight: 400;
        justify-content: unset;
        line-height: 18px
    }

    .cx-alert-message span[data-v-23342a9f] {
        margin-bottom: 0
    }

    .cx-alert-message strong[data-v-23342a9f] {
        margin-left: 10px
    }

    .cx-alert-action[data-v-23342a9f] {
        font-size: 14px;
        line-height: 18px
    }
}

.form-group[data-v-f74f1277] {
    line-height: 16px;
    position: relative;
    width: auto
}

.form-group .filter-search-store[data-v-f74f1277] {
    margin-bottom: 17px
}

.form-group .filter-search-store input[data-v-f74f1277]::-moz-placeholder {
    color: gray;
    font-size: 12px
}

.form-group .filter-search-store input[data-v-f74f1277]::placeholder {
    color: gray;
    font-size: 12px
}

.form-group .select-textfield-title[data-v-f74f1277],
.form-group .textfield-title[data-v-f74f1277] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.form-group .must-text[data-v-f74f1277] {
    color: #4d4d4d;
    font-size: 12px;
    font-weight: 400;
    margin-top: 8px
}

.form-group .textfield[data-v-f74f1277] {
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left
}

.form-group .textfield input[data-v-f74f1277],
.form-group .textfield textarea[data-v-f74f1277] {
    background-color: transparent;
    border: 0;
    color: #4d4d4d;
    font-size: 14px;
    padding: 12px;
    width: 100%
}

    .form-group .textfield input[data-v-f74f1277]:focus,
    .form-group .textfield textarea[data-v-f74f1277]:focus {
        outline: none
    }

.form-group .textfield textarea[data-v-f74f1277] {
    background-color: transparent;
    border: 0;
    color: #4d4d4d;
    font-size: 14px;
    padding: 12px;
    text-overflow: ellipsis;
    width: 100%
}

    .form-group .textfield textarea[data-v-f74f1277]:focus {
        outline: none
    }

.form-group .textfield i.left[data-v-f74f1277] {
    color: #0d0d0d;
    font-size: 16px;
    padding-left: 14px
}

.form-group .textfield i.right[data-v-f74f1277] {
    color: #0d0d0d;
    font-size: 18px;
    justify-content: right;
    padding-right: 14px
}

.form-group .textfield .input-prepend[data-v-f74f1277] {
    color: #4d4d4d;
    font-size: 14px;
    line-height: 18px;
    padding-left: 14px;
    white-space: nowrap
}

.form-group .textarea-group[data-v-f74f1277] {
    align-items: normal;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left
}

.form-group .textarea-group textarea[data-v-f74f1277] {
    background-color: transparent;
    border: 0;
    color: #4d4d4d;
    font-size: 14px;
    height: 120px;
    padding: 14px;
    resize: none;
    width: 100%
}

    .form-group .textarea-group textarea[data-v-f74f1277]:focus {
        outline: none
    }

.form-group .textarea-group i.left[data-v-f74f1277] {
    color: #0d0d0d;
    font-size: 16px;
    padding-left: 14px
}

.form-group .textarea-group i.right[data-v-f74f1277] {
    color: #0d0d0d;
    font-size: 18px;
    justify-content: right;
    padding-right: 14px
}

.form-group .disabled[data-v-f74f1277] {
    background: #e6e6e6;
    border: 1px solid #e6e6e6
}

.form-group .disabled i.left[data-v-f74f1277],
.form-group .disabled i.right[data-v-f74f1277],
.form-group .disabled ~ .must-text[data-v-f74f1277] {
    color: #b3b3b3
}

.form-group .error ~ .must-text[data-v-f74f1277] {
    color: #bb1313
}

.form-group .success i.right[data-v-f74f1277] {
    color: #7deb62
}

@media (min-width:768px) {
    .form-group[data-v-f74f1277] {
        line-height: 20px
    }

    .form-group[data-v-f74f1277],
    .form-group .select-textfield-title[data-v-f74f1277],
    .form-group .textfield-title[data-v-f74f1277] {
        font-size: 14px
    }

    .form-group .must-text[data-v-f74f1277] {
        font-size: 14px;
        margin-top: 10px
    }

    .form-group .textfield[data-v-f74f1277] {
        border-radius: 24px
    }

    .form-group .textfield input[data-v-f74f1277] {
        font-size: 16px;
        padding: 14px
    }

    .form-group .textfield i.left[data-v-f74f1277],
    .form-group .textfield i.right[data-v-f74f1277] {
        font-size: 20px
    }

    .form-group .textarea-div[data-v-f74f1277] {
        border-radius: 24px
    }

    .form-group .textarea-div textarea[data-v-f74f1277] {
        font-size: 16px;
        height: 144px;
        padding: 0 6px
    }

    .form-group .textarea-div i.left[data-v-f74f1277],
    .form-group .textarea-div i.right[data-v-f74f1277] {
        font-size: 20px
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-dropdown-search .form-group .textfield[data-v-f74f1277] {
    border-radius: 0
}

.address-details-form .address-search-field .form-group .textfield[data-v-f74f1277] {
    border: 1px solid #000
}

.filters-panel .form-group .textfield[data-v-f74f1277] {
    background-color: #fff;
    padding: 12px
}

.filters-panel .form-group .textfield .cx-icon-search[data-v-f74f1277] {
    font-size: 20px;
    line-height: 20px;
    margin-right: 4px;
    padding: 0
}

.filters-panel .form-group .textfield input[data-v-f74f1277] {
    font-size: 12px;
    line-height: 16px;
    padding: 0
}

.address-search-field .textfield i.left[data-v-f74f1277] {
    left: 12px;
    padding-left: 0;
    position: absolute
}

.address-search-field .textfield input[data-v-f74f1277] {
    padding: 12px 12px 12px 30px;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .address-search-field .textfield i.left[data-v-f74f1277] {
        left: 0;
        padding-left: 14px;
        position: inherit
    }

    .address-search-field .textfield input[data-v-f74f1277] {
        padding: 14px;
        text-overflow: ellipsis
    }
}

.country-select-drop-down[data-v-f39e777e] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-f39e777e] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-f39e777e] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-f39e777e] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-f39e777e] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-f39e777e] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-f39e777e] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-f39e777e] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-f39e777e] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-f39e777e] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-f39e777e] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-f39e777e] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-f39e777e] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-f39e777e] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-f39e777e] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-f39e777e] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-cente#dd0000[data-v-f39e777e] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-cente#dd0000[data-v-f39e777e] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-f39e777e] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-f39e777e] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-f39e777e] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-f39e777e] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-f39e777e] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-f39e777e] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-f39e777e] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-f39e777e] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-f39e777e] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-f39e777e] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-f39e777e] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-f39e777e] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-f39e777e] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-f39e777e] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-f39e777e] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-f39e777e] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-f39e777e] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-f39e777e] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-f39e777e]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-f39e777e]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-f39e777e] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-f39e777e] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-f39e777e] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-f39e777e]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-f39e777e] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-f39e777e] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-f39e777e] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-f39e777e] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-f39e777e] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-f39e777e] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-f39e777e] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-f39e777e] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-f39e777e] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-f39e777e] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-f39e777e] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.cx-checkbox-button[data-v-91a64b46] {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.cx-checkbox-button p a[data-v-91a64b46] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-checkbox-button input[data-v-91a64b46] {
    cursor: pointer;
    display: none;
    opacity: 0
}

.cx-checkbox-button input:checked ~ .checkmark[data-v-91a64b46] {
    background-color: #e20a03;
    border: 1.8px solid #e20a03
}

.cx-checkbox-button input:disabled ~ .checkmark[data-v-91a64b46] {
    background-color: #fff;
    border: 1.8px solid #ccc
}

.cx-checkbox-button input:checked ~ .checkmark[data-v-91a64b46]:after {
    border: solid #fff;
    border-width: 0 1.5px 1.5px 0;
    content: "";
    display: block;
    height: 10px;
    margin-top: -2px;
    transform: rotate(45deg);
    width: 5px
}

.cx-checkbox-button input:disabled ~ .checkmark[data-v-91a64b46]:after {
    border: solid #b3b3b3;
    border-width: 0 1.8px 1.8px 0
}

.cx-checkbox-button .checkmark[data-v-91a64b46] {
    align-items: center;
    border: 1.5px solid #4d4d4d;
    border-radius: 4px;
    box-sizing: border-box;
    display: flex;
    flex: 0 0 20px;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center
}

    .cx-checkbox-button .checkmark[data-v-91a64b46]:after {
        content: "";
        display: none
    }

.cx-checkbox-button .checkbox-text[data-v-91a64b46] {
    padding-left: 8px
}

.cx-checkbox-button .checkbox-text span[data-v-91a64b46] {
    color: gray;
    font-weight: 400;
    padding-left: 8px
}

.cx-checkbox-button .checkbox-sub-text[data-v-91a64b46] {
    font-size: 12px;
    font-weight: 400;
    margin-left: 28px;
    width: 100%
}

@media (min-width:768px) {
    .checkout-orders-container .cx-checkbox-button[data-v-91a64b46] {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px
    }

    .checkbox-button-div[data-v-91a64b46] {
        font-size: 14px;
        line-height: 20px
    }

    .checkbox-button-div input:disabled ~ .checkmark[data-v-91a64b46] {
        border: 1.8px solid #ccc
    }

    .checkbox-button-div .checkmark[data-v-91a64b46] {
        border: 1.8px solid #4d4d4d;
        border-radius: 6px;
        height: 24px;
        width: 24px
    }

    .checkbox-button-div .checkbox-sub-text[data-v-91a64b46] {
        font-size: 12px;
        line-height: 16px
    }

    .refinement-list-scroll li:last-child .cx-checkbox-button[data-v-91a64b46] {
        margin-bottom: 0
    }
}

.checkout-voucher .cx-checkbox-button[data-v-91a64b46] {
    display: inline-flex;
    margin-bottom: 0 !important
}

.checkout-voucher .cx-checkbox-button span[data-v-91a64b46] {
    white-space: nowrap
}

.checkout-voucher .cx-checkbox-button + .cx-checkbox-button[data-v-91a64b46] {
    margin-top: 16px
}

.country-select-drop-down {
    position: relative
}

    .country-select-drop-down .country-select-label {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

@media (min-width:768px) {
    .country-select-drop-down .country-select-label {
        font-size: 14px
    }
}

.country-select-drop-down i {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper {
    position: relative
}

    .cx-auth-wrapper.open-login .cx-overlay {
        opacity: 1;
        visibility: visible
    }

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary {
    background-color: transparent
}

.open-login .cx-auth-modal {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal {
        bottom: unset
    }
}

.cx-auth-modal {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-cente#dd0000 {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-cente#dd0000 {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .cx-auth-modal .auth-modal-head .auth-modal-heading {
        color: #0d0d0d;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

    .cx-auth-modal .auth-modal-close i {
        color: #0d0d0d;
        font-size: 24px;
        line-height: 24px
    }

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down {
    position: relative
}

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i {
        color: #0d0d0d;
        font-size: 14px;
        position: absolute;
        right: 15px;
        z-index: 1
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .cx-select {
        background-color: #f9f9f9;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        margin-top: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 14px;
        line-height: 18px;
        outline: none;
        padding: 12px;
        position: relative;
        width: 100%;
        z-index: 2
    }

        .cx-auth-modal .form-group-row .country-select-drop-down select option {
            background-color: #f9f9f9;
            color: #4d4d4d;
            padding: 12px
        }

@media (min-width:768px) {
    .cx-auth-modal .form-group-row {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

        .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px
        }

        .cx-auth-modal .form-group-row .country-select-drop-down i {
            font-size: 22px;
            line-height: 22px;
            right: 15px;
            top: 14px
        }

        .cx-auth-modal .form-group-row .country-select-drop-down select {
            font-size: 16px;
            padding: 14px
        }

        .cx-auth-modal .form-group-row > div {
            flex: 0 0 50%
        }

            .cx-auth-modal .form-group-row > div:nth-child(odd) {
                padding-right: 8px
            }

            .cx-auth-modal .form-group-row > div:nth-child(2n) {
                padding-left: 8px
            }
}

.cx-auth-modal .form-group label {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field {
    position: relative
}

    .cx-auth-modal .form-group .password-field .password-visibility-switch {
        cursor: pointer;
        margin: 12px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-auth-modal .form-check label {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        width: 100%
    }

        .cx-auth-modal .form-check label a {
            color: #0d0d0d;
            text-decoration: underline
        }

    .cx-auth-modal .form-check .form-check-label {
        margin-left: 8px
    }

.cx-auth-modal .or-divider {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.country-select-drop-down[data-v-bc994ae7] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-bc994ae7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-bc994ae7] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-bc994ae7] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-bc994ae7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-bc994ae7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-bc994ae7] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-bc994ae7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-bc994ae7] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-bc994ae7] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-bc994ae7] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-bc994ae7] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-bc994ae7] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-bc994ae7] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-bc994ae7] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-bc994ae7] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-cente#dd0000[data-v-bc994ae7] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-cente#dd0000[data-v-bc994ae7] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-bc994ae7] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-bc994ae7] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-bc994ae7] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-bc994ae7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-bc994ae7] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-bc994ae7] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-bc994ae7] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-bc994ae7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-bc994ae7] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-bc994ae7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-bc994ae7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-bc994ae7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-bc994ae7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-bc994ae7] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-bc994ae7] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-bc994ae7] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-bc994ae7] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-bc994ae7] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-bc994ae7]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-bc994ae7]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-bc994ae7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-bc994ae7] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-bc994ae7] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-bc994ae7]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-bc994ae7] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-bc994ae7] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-bc994ae7] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-bc994ae7] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-bc994ae7] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-bc994ae7] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-bc994ae7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-bc994ae7] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-bc994ae7] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-bc994ae7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-bc994ae7] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.country-select-drop-down[data-v-b5a8838b] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-b5a8838b] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-b5a8838b] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-b5a8838b] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-b5a8838b] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-b5a8838b] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-b5a8838b] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-b5a8838b] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-b5a8838b] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-b5a8838b] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-b5a8838b] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-b5a8838b] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-b5a8838b] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-b5a8838b] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-b5a8838b] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-cente#dd0000[data-v-b5a8838b] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-cente#dd0000[data-v-b5a8838b] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-b5a8838b] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-b5a8838b] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-b5a8838b] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-b5a8838b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-b5a8838b] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-b5a8838b] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-b5a8838b] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-b5a8838b] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-b5a8838b] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-b5a8838b] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-b5a8838b] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-b5a8838b] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-b5a8838b] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-b5a8838b] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-b5a8838b] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-b5a8838b] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-b5a8838b] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-b5a8838b]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-b5a8838b]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-b5a8838b] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-b5a8838b] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-b5a8838b]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-b5a8838b] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-b5a8838b] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-b5a8838b] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-b5a8838b] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-b5a8838b] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-b5a8838b] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-b5a8838b] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-b5a8838b] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-b5a8838b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-b5a8838b] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.cx-footer[data-v-1cfcab3a] {
    background-color: #000;
    padding-bottom: 35px;
    padding-top: 40px
}

@media (min-width:992px) {
    .cx-footer[data-v-1cfcab3a] {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media (min-width:768px) {
    .cx-footer .footer-top-row[data-v-1cfcab3a] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between;
        margin-bottom: 24px
    }
}

.cx-footer .footer-social-icons .social-icons-list[data-v-1cfcab3a] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}

.cx-footer .footer-social-icons .social-icons-list li[data-v-1cfcab3a] {
    margin-right: 16px
}

    .cx-footer .footer-social-icons .social-icons-list li[data-v-1cfcab3a]:last-child {
        margin-right: 0
    }

.cx-footer .footer-social-icons .social-icons-list li .icon-instagram[data-v-1cfcab3a] {
    align-items: center;
    background-color: #f00073;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-instagram i[data-v-1cfcab3a] {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-facebook[data-v-1cfcab3a] {
    align-items: center;
    background-color: #1877f2;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-facebook i[data-v-1cfcab3a] {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-youtube[data-v-1cfcab3a] {
    align-items: center;
    background-color: #dd0000;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-youtube i[data-v-1cfcab3a] {
    color: #fff;
    font-size: 10px;
    line-height: 14px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-twitter[data-v-1cfcab3a] {
    align-items: center;
    background-color: #1da1f2;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-twitter i[data-v-1cfcab3a] {
    color: #fff;
    font-size: 10px;
    line-height: 14px
}

.cx-footer .footer-menu[data-v-1cfcab3a] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (min-width:768px) {
    .cx-footer .footer-menu[data-v-1cfcab3a] {
        flex: auto
    }
}

.cx-footer .footer-menu .footer-links[data-v-1cfcab3a] {
    flex: 0 0 50%;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links[data-v-1cfcab3a] {
        flex: 0 0 33.3333%;
        margin-bottom: 0
    }
}

.cx-footer .footer-menu .footer-links li[data-v-1cfcab3a] {
    margin-bottom: 12px
}

    .cx-footer .footer-menu .footer-links li[data-v-1cfcab3a]:last-child {
        margin-bottom: 0
    }

.cx-footer .footer-menu .footer-links li strong[data-v-1cfcab3a] {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links li strong[data-v-1cfcab3a] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-footer .footer-menu .footer-links li a[data-v-1cfcab3a] {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links li a[data-v-1cfcab3a] {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-footer .footer-menu .footer-links li a[data-v-1cfcab3a]:hover {
    text-decoration: underline
}

.cx-footer .footer-divider-line[data-v-1cfcab3a] {
    border-top: 1px solid #4d4d4d
}

.cx-footer .footer-payment-logos[data-v-1cfcab3a] {
    text-align: center
}

.cx-footer .footer-payment-logos p[data-v-1cfcab3a] {
    color: #999;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    margin-bottom: 24px;
    margin-top: 0
}

@media (min-width:768px) {
    .cx-footer .footer-payment-logos p[data-v-1cfcab3a] {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-footer .footer-payment-logos .footer-payment-logos-list[data-v-1cfcab3a] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-1cfcab3a] {
    margin: 0 5px
}

@media (min-width:620px) {
    .cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-1cfcab3a] {
        margin: 0 8px
    }
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-1cfcab3a]:last-child {
    margin-right: 0
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li figure[data-v-1cfcab3a] {
    margin: 0
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li figure img[data-v-1cfcab3a] {
    display: block
}

.cx-footer .payment-logos-row[data-v-1cfcab3a] {
    margin-top: 24px;
    padding-bottom: 24px;
    padding-top: 24px
}

.cx-footer .payment-logos-row.mobile-app-logos[data-v-1cfcab3a] {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0
}

.cx-footer .cx-copyright[data-v-1cfcab3a] {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:768px) {
    .cx-footer .cx-copyright[data-v-1cfcab3a] {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-footer .mobile-app-content[data-v-1cfcab3a] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-footer .mobile-app-content .apple-store-button[data-v-1cfcab3a] {
    margin-right: 18px
}

.cx-footer .mobile-app-content a img[data-v-1cfcab3a] {
    display: block
}

.banner-main {
    margin-top: 0;
}

.banner-main-container,
.mobile-bannerR {
    display: none;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: 48%;
}

#Why_work_cex {
    margin-bottom: 60px;
}

#FindJobHeroBlock h1 {
    margin-top: 0;
    font-family: var(--font-primary);
    text-transform: none;
    font-weight: bold;
    font-size: 40px;
}

.JobTitle {
    margin-bottom: 20px !important;
}

    .JobTitle h1 {
        font-size: 36px !important;
    }

.account-button-text a {
    color: white !important;
}

.textpage_aboutus .Right_Side {
    padding-left: 0;
}

.policy {
    margin-bottom: 10px !important;
}


.posdescriptionPropertyBox {
    background-image: url(../images/banner.png) !important;
    background-position: center !important;
    background-size: cover !important;
}

#eaContainer #Welcome_pageView #ToDoList_pageBlock .ulListItemLabel {
    background: url(../images/base-pattern.c04bf9d7.svg);
    border-radius: 16px;
    padding: 5px;
    background-size: cover;
    background-position: 50% 50%;
}

li.jobSumItem::before,
#eaContainer #posdesc_pageBlock ul.jobSum li .jobSumValue {
    color: white !important;
}



#eaContainer #Welcome_pageView #ToDoList_pageBlock .actionTextMessage {
    color: white !important;
    font-size: 20px !important;
}

.buttonAnchor.actionTextButton.actionTextButton_application_multi,
.buttonAnchor.actionTextButton.actionTextButton_verifyemail_one {
    background: transparent !important;
    border: 1px solid white !important;
    border-radius: 10px !important;
}

.content-warp.no-banner {
    margin-top: 0;
}

#eaContainer .mainearcublock .rowContainer {
    background: white;
    border: 2px solid #b3b3b3 !important;
}

#posSummaryBlockv2_pageBlock {
    padding: 0 !important;
}

#intro_pageBlock {
    padding: 0;
}

#posSummaryBlockv2_pageBlockContainer {
    margin: 10px 0 !important;
}

    #posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer {
        display: flex;
        flex-direction: column;
        gap: 10px;
        height: auto;
    }

        #posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem {
            flex: 100%;
            width: 100%;
        }

            #posSummaryBlockv2_pageBlockContainer .MySummaryItemsContainer .MySummaryItem .MySummaryItemInner {
                margin: 0 !important;
            }

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 6px;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer {
    margin-top: 0;
}

#eaContainer #MyDetails_pageView .editblocklink a:hover {
    color: white !important;
}

@media (max-width: 980px) {
    .buttonAnchor.buttonLeft.fileuploadbutton.normal {
        width: 100% !important;
        float: left !important;
        display: block !important;
        position: relative;
        max-width: 100% !important;
    }
}

@media (max-width: 550px) {
    .pageBlockInner_FormBlock .iconListStyle .iconValue {
        margin-left: 0;
        float: left;
        clear: left;
    }

    #posSummaryBlockv2_pageBlock .MySummaryItem {
        display: block;
        width: 100%;
        height: 100%;
        margin-top: 10px !important;
    }

        #posSummaryBlockv2_pageBlock .MySummaryItem:first-child .MySummaryItemInner {
            margin-left: 0;
            margin-right: 0;
        }

    #posSummaryBlockv2_pageBlock .MySummaryItemInner {
        margin-left: 0;
    }
}


div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=password] {
    background-image: url(../images/eye-slash-solid.svg);
    background-position-x: calc(100% + 1.75px);
}

div.pageBlockInner_FormBlock div.formRow.formRowTextInputRow.revealerinput .controlContainer input[type=text] {
    background-image: url(../images/eye-solid.svg);
}

/*---password scratch---*/

.CodeListCountsSummary.pageBlockContainer .pageBlockContent .listContainer {
    margin-left: 10px;
    overflow: hidden;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    height: 450px !important;
}

#UsernameForm_sso_or_formRow .textLiteral.textLiteral_Info.textLiteralAlignment_Unknown {
    text-align: center;
}

.gridTableContainer.infoPaneHidden {
    margin-top: 1px;
}

.pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: gray;
}


@media (max-width: 1224px) {
    body #FindJobHeroBlock .formRowTextInputRow {
        width: 100%;
    }

    #FindJobHeroBlock #quicksearch_SaveButtonRow_formRow ul {
        flex-direction: column;
        gap: 3px;
    }

    #quicksearch_SaveButtonRow_formRow {
        width: 100% !important;
    }

    #buttonSubmit_save {
        width: 100% !important;
    }

    .pageBlockInner_FormBlock div.controlContainer {
        float: left;
        margin-right: 0;
    }
}

@media (max-width: 1199px) {
    .Right_Side {
        padding: 70px;
        padding-top: 70px;
        padding-top: 0 !important;
        padding-right: 0;
    }
}

@media (max-width: 991px) {
    #quicksearch_pageBlock {
        padding: 0 !important;
    }
}

@media (max-width: 980px) {
    #quicksearch_SaveButtonRow_formRow .buttonsRight,
    #quicksearch_SaveButtonRow_formRow .buttonsRight ul,
    #quicksearch_SaveButtonRow_formRow .buttonsRight ul li {
        width: 100% !important;
    }

    .Home #content-main {
        padding: 0 10px;
    }

    body #FindJobHeroBlock input.buttonSubmit {
        border: 2px solid #fff;
        text-align: center;
    }

    #quicksearch_pageBlockContainer {
        margin-top: 15px !important;
    }

    #quicksearch_SaveButtonRow_formRow .buttonsRight {
        margin-top: 0 !important;
    }

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 48% !important;
    }
}

@media (max-width: 767px) {
    .Left_Side, .Right_Side {
        float: left;
        width: 100% !important;
    }

    .Right_Side {
        padding-right: 0;
        padding-left: 0;
        padding-bottom: 0 !important;
        padding-top: 20px !important;
    }
}

@media (max-width: 600px) {
    #FindJobHeroBlock h1 {
        font-size: 28px;
    }

    .Home #content-main {
        padding: 0 20px;
    }

    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100% !important;
        margin: 0 !important;
        margin-bottom: 0px;
        margin-bottom: 15px !important;
    }
}

@media (min-width: 768px) {
    #home-img .container {
        width: auto;
    }
}

@media (max-width: 400px) {
    #FindJobHeroBlock {
        max-width: 100% !important;
        padding: 40px 20px 50px;
    }

    #UsernameForm_pageBlock .ssoIcon {
        width: 50px;
    }

    #UsernameForm_pageBlock .ssoIconsInnerContainer {
        max-width: 200px !important;
    }
}

.ui-widget .ui-widget {
    background-color: white !important;
}

body .pageBlockInner_GridBlock div.gridContentWithHeader {
    width: auto !important;
    overflow: hidden !important;
}

.modalContent .formRow.formRowButtonRow {
    margin-top: 0;
}


@media screen and (max-width: 980px) {
    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        float: none !important;
        width: 95% !important;
        float: left !important;
    }

    .pageBlockInner_FormBlock .inputContainer .popup img, .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .openpopup img {
        margin: 9px 0 0 8px;
    }
}

/*---------*/

#Welcome_pageView #ToDoList_pageBlock .ulListItemLabel .actionTextGreeting {
    margin-bottom: 10px;
    color: white !important;
    font-size: 20px;
}

#Grid_REFEREES_pageBlock .gridContent .rowContainer.rowContainer_First.rowContainer_WithIcons .buttonsRight,
#Grid_REFEREES_pageBlock .gridContent .rowContainer.rowContainer_Last.rowContainer_WithIcons .buttonsRight {
    float: right !important;
}

.MyDetails .pageBlockTitle {
    display: block !important;
}

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 7px;
}

#Application_Section_Submit_pageView #SubmitForm_checkboxlegal_formRow .controlContainer, #Application_Section_Submit_pageView #SubmitForm_contactconsent_formRow .controlContainer {
    margin-top: 2px;
}

#eaContainer .pageBlockInner_FormBlock div.textLiteral {
    text-align: center;
}

.Login .heading-section,
.ProfileRegister .heading-section,
.Application_Login .heading-section,
.ProfileRegisterWithAlerts .heading-section,
.PasswordReset_Set .heading-section {
    text-align: center;
}

.Application_Login .earcuintro {
    text-align: center;
}


@media screen and (max-width: 519px) {
    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        width: 92% !important;
    }
}

@media screen and (max-width: 339px) {
    #eaContainer .pageBlockInner_FormBlock .inputContainer .inputText, #eaContainer .pageBlockInner_FormBlock div.SelectMultiRow .selectmultiplerow .divajaxcontainter {
        width: 90% !important;
    }
}

.formRowTextAreaRow .labelContainer {
    text-align: right !important;
}

body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea {
    width: auto;
}

.pageBlockInner_FormBlock textarea.inputTextArea {
    min-width: 100px;
}

#eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
    width: 251px !important;
}

@media screen and (max-width: 980px) {
    body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea {
        width: 100% !important;
    }

    #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer .pageBlockInner_FormBlock .formRowSelectInputRow_Common select {
        width: 100% !important;
    }

    .pageBlockInner_FormBlock .inputContainer .popup img {
        margin: 0;
    }
}


.pageBlockInner_FormBlock .formRow .addresspoints {
    display: inline-block;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #c0c0c0;
    background-color: #e0e0e0;
    text-align: center;
    color: #404040;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    margin: 5px 0 10px;
    max-width: 251px;
}

.pageBlockInner_FormBlock .formRow .postcodelookup, .pageBlockInner_FormBlock .formRow .postcodeskip {
    display: inline-block;
    padding: 10px;
    border-radius: 3px;
    border: none;
    background-color: #dd0000 !important;
    text-align: center;
    color: #404040;
    -webkit-transition-duration: 0.4s;
    transition-duration: 0.4s;
    cursor: pointer;
    margin: 5px 0 0px;
    color: white !important;
    padding: 7px 25px;
    line-height: normal;
}

#eaContainer #MyDetails_ConnectedServices_pageView a.connect {
    width: auto;
    float: left;
    background: #dd0000;
    text-align: center !important;
    padding: 7px 25px !important;
    line-height: normal !important;
    color: white !important;
    font-family: var(--font-primary) !important;
}

#eaContainer #MyDetails_ConnectedServices_pageView a.disconnect {
    background: #000;
    color: white !important;
}

    #eaContainer #MyDetails_ConnectedServices_pageView a.connect:hover,
    #eaContainer #MyDetails_ConnectedServices_pageView a.disconnect:hover {
        color: white !important;
        background-color: var(--secondary-color);
        border-color: var(--secondary-color);
    }



#breadcrumb {
    margin-bottom: 2em;
}

#breadcrumb {
    background: #f5f5f5;
    margin-top: 0 !important;
    padding: 2em 0;
}


    #breadcrumb a {
        color: #666 !important;
        text-transform: capitalize;
        font-size: 14px
    }

    #breadcrumb .container {
        color: black;
        font-size: 14px
    }

.fa_fa-home {
    font-style: normal !important;
}

.fa.fa-angle-right {
    color: #666 !important;
}

#breadcrumb a:hover {
    color: #b3b3b3 !important;
}

.pageBlockInner_GridBlock div.gridContentWithHeader {
    background: none !important;
}

table.gridTable thead tr {
    background: #f5f5f5 !important;
}

#eaContainer a.button.disconnect {
    float: left;
    background-color: var(--secondary-color);
    border-color: var(--secondary-color);
}

#eaContainer div#SkillsForm_newskill_formRow .buttonsRight a.buttonAnchor {
    padding: 3px 25px !important;
}

.pojo-a11y-toolbar-overlay {
    background: white !important;
}

#pojo-a11y-toolbar.pojo-a11y-toolbar-right .pojo-a11y-toolbar-toggle {
    right: 180px;
    bottom: 0;
    background: white !important;
    border-radius: 10px 0 0 10px;
}

#pojo-a11y-toolbar .pojo-a11y-toolbar-toggle a {
    background-color: #e20a03;
    color: #ffffff;
}

.gdprcookie {
    z-index: 1000;
}

    .gdprcookie, .gdprcookie h1, .gdprcookie h2 {
        color: black;
    }

.gdprcookie-buttons button:disabled {
    color: black;
}

.gdprcookie {
    background: white;
    color: black !important;
    text-align: center;
    padding: 20px;
    border: 5px solid #dd0000 !important;
    font-size: 14px !important;
    line-height: normal;
    border-radius: 20px;
}

.gdprcookie-buttons button {
    color: black;
    font-family: inherit;
    padding: 8px;
    border: 2px solid;
    border-radius: 20px;
    margin: 0 .5rem;
    margin-top: 0px;
    background: none;
    cursor: pointer;
    margin-top: 15px;
}

.Pos_AlertCriteria .heading-section {
    text-align: center !important;
}

.controlError {
    margin-top: -5px;
}

body #eaContainer .formRowTextAreaRow .controlContainer, body #eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea {
    width: 100%;
}

#eaContainer div#SkillsForm_newskill_formRow .buttonsRight a.buttonAnchor {
    padding: 6px 25px !important;
}

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

    #MyDetails_SkillsForm_newskill {
        position: relative;
        top: 13px;
    }
}

#eaContainer .formRowTextAreaRow .controlContainer .inputTextArea, body #eaContainer .pageBlockInner_FormBlock textarea.inputTextArea, #eaContainer textarea {
    width: 100% !important;
}

.buttonAnchor.actionTextButton.actionTextButton_interviewtobook_one {
    border: 1px solid white !important;
    background: transparent !important;
    border-radius: 10px !important;
}

.pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: silver !important;
}

#SlotGrid_pageBlockContainer .gridContentWithHeader {
    border: none !important;
}


/*------*/

.buttonAnchor.actionTextButton.actionTextButton_application_one {
    background: transparent !important;
    border: 1px solid white !important;
    border-radius: 10px !important;
}

body:has(.formRow.formRowTextAreaRow:hover) .tooltip2_Surround_FormToolTip,
body:has(textarea:focus) .tooltip2_Surround_FormToolTip {
    display: none !important;
}

/*.formRow:has(textarea) .labelContainer {
    text-align: left !important;
}*/

.pageBlockInner_GridBlock table.gridTable tr.oddRow:hover td, .pageBlockInner_GridBlock table.gridTable tr.evenRow:hover td {
    background-color: #eee !important;
}

.pageBlockInner_GridBlock table.gridTable td.resizable {
    padding: 5px 12px;
}

/*-----Grayscale accesibility issue-----*/
body.pojo-a11y-grayscale {
    filter: none;
    -webkit-filter: none;
    -moz-filter: none;
    -ms-filter: none;
    -o-filter: none;
}

    body.pojo-a11y-grayscale > * {
        -webkit-filter: grayscale(100%);
        -webkit-filter: grayscale(1);
        -moz-filter: grayscale(100%);
        -ms-filter: grayscale(100%);
        -o-filter: grayscale(100%);
        filter: grayscale(100%);
    }

input#MyDetails_SkillsForm_newskill {
    padding: 8px !important;
}

div#SkillsForm_newskill_formRow .labelContainer {
    margin-top: 5px;
}

#JobAlertsBlock {
    margin-top: 2em !important;
}

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    width: 100%;
    max-width: 32.3333%;
    flex: 31%;
}

.Pos_Find_Results .heading-section {
    text-align: center;
}

.Pos_Find_Results #content_wrapper {
    width: 60% !important;
    float: none;
    margin: 0 auto;
}

#eaContainer .PosDescriptionText .ApplyNowContainer {
    float: none;
    margin: 0 auto;
    text-align: center;
    display: block !important;
    width: 13% !important;
}

.fa-2x {
    color: white !important;
}

.count-block .counter, .count-block .counter-icon {
    color: white !important;
}

.no-of p {
    text-transform: capitalize;
    color: white !important;
    font-size: inherit !important;
}

@media (max-width: 1000px) {
    #eaContainer #Home_pageView #CodeListCounts_pageBlock .listItemContainer {
        width: 100% !important;
        max-width: 100%;
        flex: 100%;
        margin: 0 !important;
        margin-bottom: 0px;
    }

    .Pos_Find_Results #content_wrapper {
        width: 100% !important;
        float: none;
        margin: 0 auto;
    }
}

.section_ {
    margin-top: 10px !important;
}

.section_ {
    display: block !important;
    float: left;
    width: 100% !important;
}


.Right_Side img {
    border-radius: 20px;
}

/*about use pinboard*/

.polaroid {
    margin: 4%;
    padding: 4%;
    width: 92%;
    position: relative;
    z-index: -2;
    /* so the background color stacks below the image */
    background: #e0e0e0;
    box-shadow: 2px 2px 2px rgba(0, 0, 0, .4), 1px 1px 1px rgba(255, 255, 255, 1) inset, -1px -1px 1px rgba(0, 0, 0, .4) inset;
    /* random rotations, high prime so they don't wrap with rows */
    /* tack */
}

@media screen and (min-width: 600px) {
    .polaroid {
        /* add columns as they fit */
        float: left;
        width: 46%;
        margin: 2%;
        padding: 2%;
    }

        .polaroid:nth-child(2n+1) {
            clear: left;
        }
}

@media screen and (min-width: 900px) {
    .polaroid {
        width: 30.667%;
        margin: 1.333%;
        padding: 1.333%;
    }

        .polaroid:nth-child(2n+1) {
            clear: none;
        }

        .polaroid:nth-child(3n+1) {
            clear: left;
        }
}

@media screen and (min-width: 1200px) {
    .polaroid {
        width: 23%;
        margin: 1%;
        padding: 1%;
    }

        .polaroid:nth-child(3n+1) {
            clear: none;
        }

        .polaroid:nth-child(4n+1) {
            clear: left;
        }
}

@media screen and (min-width: 1500px) {
    .polaroid {
        width: 18.4%;
        margin: 0.8%;
        padding: 0.8%;
    }

        .polaroid:nth-child(4n+1) {
            clear: none;
        }

        .polaroid:nth-child(5n+1) {
            clear: left;
        }
}

@media screen and (min-width: 1800px) {
    .polaroid {
        width: 15.333%;
        margin: 0.667%;
        padding: 0.667%;
    }

        .polaroid:nth-child(5n+1) {
            clear: none;
        }

        .polaroid:nth-child(6n+1) {
            clear: left;
        }
}

.polaroid:nth-child(13n+1) {
    transform: rotate(5deg);
}

    .polaroid:nth-child(13n+1) :before {
        transform: translate(-4px, -4px);
    }

.polaroid:nth-child(13n+2) {
    transform: rotate(0deg);
}

    .polaroid:nth-child(13n+2) :before {
        transform: translate(5px, 4px);
    }

.polaroid:nth-child(13n+3) {
    transform: rotate(4deg);
}

    .polaroid:nth-child(13n+3) :before {
        transform: translate(-1px, 4px);
    }

.polaroid:nth-child(13n+4) {
    transform: rotate(0deg);
}

    .polaroid:nth-child(13n+4) :before {
        transform: translate(0px, -3px);
    }

.polaroid:nth-child(13n+5) {
    transform: rotate(3deg);
}

    .polaroid:nth-child(13n+5) :before {
        transform: translate(0px, 5px);
    }

.polaroid:nth-child(13n+6) {
    transform: rotate(2deg);
}

    .polaroid:nth-child(13n+6) :before {
        transform: translate(0px, -1px);
    }

.polaroid:nth-child(13n+7) {
    transform: rotate(0deg);
}

    .polaroid:nth-child(13n+7) :before {
        transform: translate(-1px, -1px);
    }

.polaroid:nth-child(13n+8) {
    transform: rotate(4deg);
}

    .polaroid:nth-child(13n+8) :before {
        transform: translate(2px, -2px);
    }

.polaroid:nth-child(13n+9) {
    transform: rotate(-1deg);
}

    .polaroid:nth-child(13n+9) :before {
        transform: translate(-4px, 3px);
    }

.polaroid:nth-child(13n+10) {
    transform: rotate(3deg);
}

    .polaroid:nth-child(13n+10) :before {
        transform: translate(5px, 1px);
    }

.polaroid:nth-child(13n+11) {
    transform: rotate(-1deg);
}

    .polaroid:nth-child(13n+11) :before {
        transform: translate(2px, 2px);
    }

.polaroid:nth-child(13n+12) {
    transform: rotate(5deg);
}

    .polaroid:nth-child(13n+12) :before {
        transform: translate(4px, -3px);
    }

.polaroid:nth-child(13n) {
    transform: rotate(4deg);
}

    .polaroid:nth-child(13n) :before {
        transform: translate(-4px, 0px);
    }

.polaroid .image-wrapper {
    box-shadow: 1px 1px 1px rgba(0, 0, 0, .4) inset, 1px 1px 0px rgba(255, 255, 255, .7);
}

    .polaroid .image-wrapper img {
        display: block;
        position: relative;
        z-index: -1;
        /* so it stacks below the wrapper with the box shadow */
        width: 100%;
        height: auto;
    }

.polaroid .photo-label {
    font-size: 16px;
    min-height: 40px;
    margin-top: 10px;
    width: 100%;
    overflow: hidden;
    line-height: 1.2;
    font-family: 'Permanent Marker', cursive;
}

@media screen and (min-width: 600px) {
    .polaroid .photo-label {
        font-size: 20px;
        height: 50px;
    }
}

.polaroid :before {
    width: 40px;
    height: 40px;
    border-radius: 40px;
    background-image: url(http://pamgriffith.net/share/codepen/polaroid/tack.png);
    display: block;
    content: ' ';
    line-height: 0;
    position: absolute;
    top: -10px;
    left: 50%;
    margin-left: -20px;
    box-shadow: 1px 1px 2px rgba(0, 0, 0, .5);
}

#pinboa#dd0000 {
    display: block !important;
    float: left !important;
    width: 100% !important;
}

.cx-footer {
    float: left;
    width: 100%;
}


JobAlertsBlock_1 {
    float: left;
    width: 100%;
    display: block
}

#pinboa#dd0000 {
    margin: 20px 0;
}



.board {
    max-width: 800px;
    width: 90vw;
    margin: 4rem auto;
    /* display grid without specifying any structure, at least beyond the media query
  this is mostly helpful for alignment purposes
  */
    display: grid;
    border: 4px solid hsl(207, 79%, 21%);
    background: #fff;
    box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.3);
    /* position relative to absolute position the pseudo element */
    position: relative;
}
    /* include a slightly rotated rectangle of the same size of the board, right behind it */
    .board:before {
        position: absolute;
        content: "";
        background: hsl(180, 90%, 2%);
        width: 100%;
        height: 100%;
        transform: rotate(-2deg) scale(1.02);
        z-index: -5;
    }

/* for the heading include a slightly darker background */
.board__heading {
    /* margin to have the heading overlap on the surrounding border */
    margin: -4px;
    margin-bottom: 1.75rem;
    font-size: 1.25rem;
    color: #fff;
    background: hsl(200, 100%, 10%);
    padding: 0.75rem;
    padding-left: 1.5rem;
}

/* navigation displaying the items evenly in a non-wrapping row */
.board__nav {
    display: flex;
    margin: 1rem 2rem;
    justify-content: space-evenly;
    width: 80%;
    justify-self: center;
}
/* style the buttons to have a bit of whitespace around the text
a background is specified in the script */
.nav--item {
    border: none;
    background: none;
    color: inherit;
    font-size: 0.85rem;
    font-family: inherit;
    text-transform: capitalize;
    border-radius: 30px;
    letter-spacing: 0.05rem;
    padding: 0.3rem 0.75rem;
    cursor: pointer;
}

    /* on hover and focused slightly decrease the color of the button and add an underline */
    .nav--item:hover,
    .nav--item:focus {
        color: hsl(0, 0%, 35%);
        text-decoration: underline;
    }

/* for the section describing the news items, display the items in a single column layout */
.board__news {
    display: flex;
    margin: 1rem 0 3rem;
    flex-direction: column;
    width: 80%;
    justify-self: center;
    /* dictate a maximum height to allow for vertical scroll */
    max-height: 300px;
    overflow-y: auto;
}
    /* minor style changes for the scrollbar */
    .board__news::-webkit-scrollbar {
        width: 0.25rem;
    }

    .board__news::-webkit-scrollbar-track {
        box-shadow: inset 0 0 6px hsla(200, 100%, 5%, 0.3);
    }

    .board__news::-webkit-scrollbar-thumb {
        background: hsl(200, 100%, 10%);
        border-radius: 5px;
    }

/* remove the default properties of the anchor links describing the news items */
.news--item {
    text-decoration: none;
    color: inherit;
    margin: 1.25rem 0;
    padding-left: 0.75rem;
}
    /* on hover and when focused slightly decrease the weight of the anchor links */
    .news--item:hover,
    .news--item:focus {
        color: hsl(0, 0%, 35%);
    }

    .news--item .date {
        font-size: 0.8rem;
    }

    .news--item .brief {
        font-size: 0.9rem;
    }

/* on smaller viewports */
@media (max-width: 700px) {
    /* change the grid layout to have the heading atop the navigation and section elements */
    .board {
        grid-template-areas: "heading heading" "nav section";
        grid-template-columns: 1fr 2fr;
        grid-template-rows: auto 1fr;
    }

    .board__heading {
        grid-area: heading;
    }

    .board__nav {
        grid-area: nav;
        flex-direction: column;
        /* at the top of the container */
        align-self: start;
    }

        .board__nav .nav--item {
            text-align: left;
            margin: 0.75rem 0;
        }

    .board__news {
        grid-area: section;
        width: 90%;
        max-height: 380px;
    }
}

.board__heading {
    color: white !important;
    font-size: 30px;
    padding: 20px;
}

.board h1, .board p {
    padding: 10px 20px;
}

.board::before {
    background: #710501;
    border-radius: 20px;
}

.board__heading {
    background: #e20a03;
}

.content h1 {
    margin-bottom: 15px !important;
    font-size: 28px;
}

.board {
    max-width: 800px;
    width: 90vw;
    margin: 4rem auto;
    display: grid;
    border: 4px solid #e20a03;
    background: #fff;
    box-shadow: 0 2px 5px hsla(0, 0%, 0%, 0.3);
    position: relative;
    border-radius: 20px;
}

.board__heading {
    background: #e20a03;
    border-radius: 20px 20px 0 0;
}

.board {
    max-width: 100%;
}



.Left_Side .buttonSubmit.buttonRight.buttonActionId_next {
    background: #dd0000 !important;
    color: white !important;
    padding: 10px 15px;
    border-radius: 20px;
    float: left;
    clear: left;
    width: 100% !important;
}

@media (max: 999px) {
    .Right_Side {
        padding-right: 15px;
    }

    .Left_Side p {
        padding-left: 15px;
    }

    .section_ img {
        width: 100% !important;
    }

    .Left_Side, .Right_Side {
        float: left;
        width: 100% !important;
    }

        .Right_Side img {
            display: none;
        }
}

@media (max: 899px) {
    .Right_Side img {
        display: none;
    }
}


/*abut use command diversity page*/

#Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer {
    height: 300px !important;
    border: 1px solid #f2f2f2 !important;
    background: #f9f9f9 !important;
}

    #Home_pageView #CodeListCounts_pageBlock .listContainer_Option2 .listItemContainer:hover {
        box-shadow: 0 5px 15px #00000014;
    }

h1, h2, h3, h4, h5, h6,
.content h1 {
    color: #0d0d0d;
}

.Left_Side img {
    border-radius: 20px;
}

:root {
    --border-color: #cccccc;
    --background-color: #f1f1f1;
    --transition: all 0.2s ease;
}

main {
    height: 100dvh;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 20px;
}

.accordion {
    display: flex;
    flex-direction: column;
    gap: 10px;
    max-width: 500px;
}

    .accordion .accordion-item {
        background-color: var(--background-color);
        border: 1px solid var(--border-color);
        border-radius: 5px;
    }

        .accordion .accordion-item .accordion-item-description-wrapper hr {
            border: none;
            border-top: 1px solid var(--border-color);
            visibility: visible;
        }

        .accordion .accordion-item.open .accordion-item-description-wrapper hr {
            visibility: visible;
        }

        .accordion .accordion-item .accordion-item-header {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 10px;
            cursor: pointer;
        }

            .accordion .accordion-item .accordion-item-header .accordion-item-header-title {
                font-weight: 600;
            }

            .accordion .accordion-item .accordion-item-header .accordion-item-header-icon {
                transition: var(--transition);
            }

        .accordion
        .accordion-item.open
        .accordion-item-header
        .accordion-item-header-icon {
            transform: rotate(-180deg);
        }

        .accordion .accordion-item .accordion-item-description-wrapper {
            display: grid;
            grid-template-rows: 0fr;
            overflow: hidden;
            transition: var(--transition);
        }

        .accordion .accordion-item.open .accordion-item-description-wrapper {
            grid-template-rows: 1fr;
        }

        .accordion
        .accordion-item
        .accordion-item-description-wrapper
        .accordion-item-description {
            min-height: 0;
        }

            .accordion
            .accordion-item
            .accordion-item-description-wrapper
            .accordion-item-description
            p {
                padding: 10px;
                line-height: 1.5;
            }

.accordion-item-description hr {
    margin-top: 0 !important;
    margin-bottom: 0;
}

.accordion-item-header {
    background: #dd0000 !important;
    color: white !important;
    border: none !important;
}

.accordion .accordion-item {
    background-color: var(--background-color);
    border: 1px solid var(--border-color);
    border-radius: 5px;
    border: none !important;
    border-left-width: medium;
    border-left-style: none;
    border-left-color: currentcolor;
    border-left: 5px solid #dd0000 !important;
}

.Left_Side img {
    border-radius: 20px !important;
    margin-bottom: 50px;
}

.accordion-item.open .accordion-item .accordion-item-header {
    border-radius: 0 5px 0px 0 !important;
}

.textpage_aboutus.geoLocationSupported_Body {
    background: #f6f6f6 !important;
}

.Home #breadcrumb {
    margin-bottom: 0;
}


.textpage_aboutus #JobAlertsBlock_1 {
    background: #ededed;
    padding: 40px 0 0px;
}

.buttonSubmit.buttonRight.buttonActionId_next {
    background: #dd0000 !important;
    color: white !important;
    padding: 10px 15px;
    border-radius: 20px;
    float: left;
    width: 100% !important;
}

.btn-sign-up {
    float: right;
    clear: left;
    display: block !important;
    margin-top: 10px;
    position: relative;
    top: -68px;
}
/*
@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 300;
    src: local("Poppins"), url(./poppins-light.4618b190.woff) format("woff")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 400;
    src: local("Poppins"), url(./poppins-regular.5ff8aeb6.woff) format("woff")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 500;
    src: local("Poppins"), url(./poppins-medium.e5db1afb.woff) format("woff")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 600;
    src: local("Poppins"), url(./poppins-semibold.6abd166f.woff) format("woff")
}

@font-face {
    font-family: Poppins;
    font-style: normal;
    font-weight: 700;
    src: local("Poppins"), url(./poppins-bold.a11b45f9.woff) format("woff")
}
*/
:root {
    --vc-clr-primary: #000;
    --vc-clr-secondary: #090f207f;
    --vc-clr-white: #fff;
    --vc-icn-width: 1.2em;
    --vc-nav-width: 30px;
    --vc-nav-height: 30px;
    --vc-nav-border-radius: 0;
    --vc-nav-color: var(--vc-clr-primary);
    --vc-nav-color-hover: var(--vc-clr-secondary);
    --vc-nav-background: transparent;
    --vc-pgn-width: 12px;
    --vc-pgn-height: 4px;
    --vc-pgn-margin: 4px;
    --vc-pgn-border-radius: 0;
    --vc-pgn-background-color: var(--vc-clr-secondary);
    --vc-pgn-active-color: var(--vc-clr-primary)
}

.carousel {
    box-sizing: border-box;
    overscroll-behavior: none;
    position: relative;
    text-align: center;
    touch-action: pan-y
}

    .carousel.is-dragging {
        touch-action: none
    }

    .carousel * {
        box-sizing: border-box
    }

.carousel__track {
    display: flex;
    padding: 0 !important;
    position: relative
}

.carousel__viewport {
    overflow: hidden
}

.carousel__sr-only {
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    clip: rect(0,0,0,0);
    border: 0
}

.carousel__icon {
    height: var(--vc-icn-width);
    width: var(--vc-icn-width);
    fill: currentColor
}

.carousel__next,
.carousel__prev {
    align-items: center;
    background: var(--vc-nav-background);
    border: 0;
    border-radius: var(--vc-nav-border-radius);
    box-sizing: content-box;
    color: var(--vc-nav-color);
    cursor: pointer;
    display: flex;
    font-size: var(--vc-nav-height);
    height: var(--vc-nav-height);
    justify-content: center;
    margin: 0 10px;
    padding: 0;
    position: absolute;
    text-align: center;
    top: 50%;
    transform: translateY(-50%);
    width: var(--vc-nav-width)
}

.carousel__next--disabled,
.carousel__prev--disabled {
    cursor: not-allowed;
    opacity: .5
}

.carousel__prev {
    left: 0
}

.carousel__next {
    right: 0
}

.carousel--rtl .carousel__prev {
    left: auto;
    right: 0
}

.carousel--rtl .carousel__next {
    left: 0;
    right: auto
}

@media (hover:hover) {
    .carousel__next:hover,
    .carousel__prev:hover {
        color: var(--vc-nav-color-hover)
    }
}

.carousel__pagination {
    display: flex;
    justify-content: center;
    line-height: 0;
    list-style: none;
    margin: 10px 0 0;
    padding: 0
}

.carousel__pagination-button {
    background: transparent;
    border: 0;
    cursor: pointer;
    display: block;
    margin: 0;
    padding: var(--vc-pgn-margin)
}

    .carousel__pagination-button:after {
        background-color: var(--vc-pgn-background-color);
        border-radius: var(--vc-pgn-border-radius);
        content: "";
        display: block;
        height: var(--vc-pgn-height);
        width: var(--vc-pgn-width)
    }

.carousel__pagination-button--active:after {
    background-color: var(--vc-pgn-active-color)
}

@media (hover:hover) {
    .carousel__pagination-button:hover:after {
        background-color: var(--vc-pgn-active-color)
    }
}

.carousel__slide {
    align-items: center;
    display: flex;
    flex-shrink: 0;
    justify-content: center;
    margin: 0;
    position: relative;
    scroll-snap-stop: auto;
    transform: translateZ(0)
}


.icon-12 {
    font-size: 12px;
    line-height: 12px
}

.icon-20 {
    font-size: 20px;
    line-height: 20px
}

.icon-24 {
    font-size: 24px;
    line-height: 24px
}

.text-xxs {
    font-size: 10px;
    line-height: 14px
}

.text-xs {
    font-size: 12px;
    line-height: 16px
}

.text-sm {
    font-size: 14px;
    line-height: 18px
}

.text-base {
    font-size: 16px;
    line-height: 20px
}

.text-lg {
    font-size: 18px;
    line-height: 22px
}

.text-xl {
    font-size: 20px;
    line-height: 24px
}

.text-xxl {
    font-size: 22px;
    line-height: 26px
}

@media (min-width:768px) {
    .md-icon-12 {
        font-size: 12px;
        line-height: 12px
    }

    .md-icon-20 {
        font-size: 20px;
        line-height: 20px
    }

    .md-icon-24 {
        font-size: 24px;
        line-height: 24px
    }

    .md-text-xxs {
        font-size: 10px;
        line-height: 14px
    }

    .md-text-xs {
        font-size: 12px;
        line-height: 16px
    }

    .md-text-sm {
        font-size: 14px;
        line-height: 18px
    }

    .md-text-base {
        font-size: 16px;
        line-height: 20px
    }

    .md-text-lg {
        font-size: 18px;
        line-height: 22px
    }

    .md-text-xl {
        font-size: 20px;
        line-height: 24px
    }

    .md-text-xxl {
        font-size: 22px;
        line-height: 26px
    }
}

.heading-xl-semibold {
    font-size: 40px;
    font-weight: 600;
    line-height: 48px
}

.heading-l-semibold {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

.heading-m-semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.heading-m-bold {
    font-size: 24px;
    font-weight: 700;
    line-height: 28px
}

.heading-s-bold {
    font-size: 20px;
    font-weight: 700;
    line-height: 24px
}

.heading-s-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

.heading-xs-semibold {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.body-m-semibold {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

.body-m-medium {
    font-weight: 500
}

.body-m-medium,
.body-m-regular {
    font-size: 14px;
    line-height: 18px
}

.body-m-regular {
    font-weight: 400
}

.body-s-semibold {
    font-size: 12px;
    font-weight: 600;
    line-height: 16px
}

.body-s-medium {
    font-weight: 500
}

.body-s-medium,
.body-s-regular {
    font-size: 12px;
    line-height: 16px
}

.body-s-regular {
    font-weight: 400
}

.body-s-light {
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.body-xs-medium {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px
}

.body-xs-regular {
    font-size: 10px;
    font-weight: 400;
    line-height: 14px
}

.body-xs-light {
    font-size: 10px;
    font-weight: 300;
    line-height: 14px
}

.title-m-semibold {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.sub-title-m-semibold {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

ul.bullet-list li {
    align-items: flex-start;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    font-weight: 400;
    justify-content: unset;
    line-height: 16px
}

    ul.bullet-list li:before {
        background-color: #0d0d0d;
        border-radius: 100%;
        content: "";
        height: 3px;
        margin-right: 10px;
        margin-top: 3px;
        padding: 3px;
        width: 3px
    }

@media (min-width:768px) {
    .md-heading-xl-semibold {
        font-size: 52px;
        font-weight: 700;
        line-height: 64px
    }

    .md-heading-l-semibold {
        font-size: 40px;
        font-weight: 600;
        line-height: 48px
    }

    .md-heading-m-semibold {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }

    .md-heading-m-bold {
        font-size: 28px;
        font-weight: 700;
        line-height: 36px
    }

    .md-heading-s-bold {
        font-size: 22px;
        font-weight: 700;
        line-height: 28px
    }

    .md-heading-s-semibold {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    .md-heading-xs-semibold {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }

    .body-m-semibold {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .body-m-medium {
        font-weight: 500
    }

    .body-m-medium,
    .body-m-regular {
        font-size: 16px;
        line-height: 20px
    }

    .body-m-regular {
        font-weight: 400
    }

    .body-s-semibold {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .body-s-medium {
        font-weight: 500
    }

    .body-s-medium,
    .body-s-regular {
        font-size: 14px;
        line-height: 20px
    }

    .body-s-regular {
        font-weight: 400
    }

    .body-s-light {
        font-size: 14px;
        font-weight: 300;
        line-height: 20px
    }

    .body-xs-medium {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }

    .body-xs-regular {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

    .body-xs-light {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }

    .title-m-semibold {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }

    .sub-title-m-semibold {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    ul.bullet-list li {
        color: #0d0d0d;
        display: flex;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin-bottom: 5px
    }

        ul.bullet-list li:before {
            background-color: #0d0d0d;
            border-radius: 100%;
            content: "";
            height: 4px;
            margin-right: 10px;
            margin-top: 8px;
            padding: 2px;
            width: 4px
        }
}

.font-regular {
    font-weight: 300
}

.font-normal {
    font-weight: 400
}

.font-medium {
    font-weight: 500
}

.font-semibold {
    font-weight: 600
}

.font-bold {
    font-weight: 700
}

@media (min-width:768px) {
    .md-font-normal {
        font-weight: 400
    }

    .md-font-medium {
        font-weight: 500
    }

    .md-font-semibold {
        font-weight: 600
    }

    .md-font-bold {
        font-weight: 700
    }
}

.clearfix {
    clear: both
}

    .clearfix:after {
        clear: both;
        content: "";
        display: table
    }

.hide-text {
    overflow: hidden;
    padding: 0;
    text-indent: 101%;
    white-space: nowrap
}

.visually-hidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.justify-flex-start {
    justify-content: flex-start
}

.justify-flex-end {
    justify-content: flex-end
}

.justify-center {
    justify-content: center
}

.justify-space-between {
    justify-content: space-between
}

.justify-space-around {
    justify-content: space-around
}

.col-1 {
    width: 8.3333333333%
}

.col-1,
.col-2 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-2 {
    width: 16.6666666667%
}

.col-3 {
    width: 25%
}

.col-3,
.col-4 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-4 {
    width: 33.3333333333%
}

.col-5 {
    width: 41.6666666667%
}

.col-5,
.col-6 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-6 {
    width: 50%
}

.col-7 {
    width: 58.3333333333%
}

.col-7,
.col-8 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-8 {
    width: 66.6666666667%
}

.col-9 {
    width: 75%
}

.col-10,
.col-9 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-10 {
    width: 83.3333333333%
}

.col-11 {
    width: 91.6666666667%
}

.col-11,
.col-12 {
    box-sizing: border-box;
    flex-grow: 0
}

.col-12 {
    width: 100%
}

.gap-0 > * {
    padding: 0
}

.gap-0 {
    margin-left: 0;
    margin-right: 0
}

.gap-xxs > * {
    padding: 4px
}

.gap-xxs {
    margin-left: -4px;
    margin-right: -4px
}

.gap-xs > * {
    padding: 8px
}

.gap-xs {
    margin-left: -8px;
    margin-right: -8px
}

.gap-s > * {
    padding: 12px
}

.gap-s {
    margin-left: -12px;
    margin-right: -12px
}

.gap-base > * {
    padding: 16px
}

.gap-base {
    margin-left: -16px;
    margin-right: -16px
}

.gap-m > * {
    padding: 24px
}

.gap-m {
    margin-left: -24px;
    margin-right: -24px
}

.gap-l > * {
    padding: 32px
}

.gap-l {
    margin-left: -32px;
    margin-right: -32px
}

.gap-xl > * {
    padding: 48px
}

.gap-xl {
    margin-left: -48px;
    margin-right: -48px
}

.gap-xxl > * {
    padding: 64px
}

.gap-xxl {
    margin-left: -64px;
    margin-right: -64px
}

.gap-xxxl > * {
    padding: 80px
}

.gap-xxxl {
    margin-left: -80px;
    margin-right: -80px
}

@media (min-width:620px) {
    .sm-col-1 {
        width: 8.3333333333%
    }

    .sm-col-1,
    .sm-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-2 {
        width: 16.6666666667%
    }

    .sm-col-3 {
        width: 25%
    }

    .sm-col-3,
    .sm-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-4 {
        width: 33.3333333333%
    }

    .sm-col-5 {
        width: 41.6666666667%
    }

    .sm-col-5,
    .sm-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-6 {
        width: 50%
    }

    .sm-col-7 {
        width: 58.3333333333%
    }

    .sm-col-7,
    .sm-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-8 {
        width: 66.6666666667%
    }

    .sm-col-9 {
        width: 75%
    }

    .sm-col-10,
    .sm-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-10 {
        width: 83.3333333333%
    }

    .sm-col-11 {
        width: 91.6666666667%
    }

    .sm-col-11,
    .sm-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .sm-col-12 {
        width: 100%
    }

    .sm-gap-0 > * {
        padding: 0
    }

    .sm-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .sm-gap-xxs > * {
        padding: 4px
    }

    .sm-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .sm-gap-xs > * {
        padding: 8px
    }

    .sm-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .sm-gap-s > * {
        padding: 12px
    }

    .sm-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .sm-gap-base > * {
        padding: 16px
    }

    .sm-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .sm-gap-m > * {
        padding: 24px
    }

    .sm-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .sm-gap-l > * {
        padding: 32px
    }

    .sm-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .sm-gap-xl > * {
        padding: 48px
    }

    .sm-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .sm-gap-xxl > * {
        padding: 64px
    }

    .sm-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .sm-gap-xxxl > * {
        padding: 80px
    }

    .sm-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .sm-justify-flex-start {
        justify-content: flex-start
    }

    .sm-justify-flex-end {
        justify-content: flex-end
    }

    .sm-justify-center {
        justify-content: center
    }

    .sm-justify-space-between {
        justify-content: space-between
    }

    .sm-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:768px) {
    .md-col-1 {
        width: 8.3333333333%
    }

    .md-col-1,
    .md-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-2 {
        width: 16.6666666667%
    }

    .md-col-3 {
        width: 25%
    }

    .md-col-3,
    .md-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-4 {
        width: 33.3333333333%
    }

    .md-col-5 {
        width: 41.6666666667%
    }

    .md-col-5,
    .md-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-6 {
        width: 50%
    }

    .md-col-7 {
        width: 58.3333333333%
    }

    .md-col-7,
    .md-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-8 {
        width: 66.6666666667%
    }

    .md-col-9 {
        width: 75%
    }

    .md-col-10,
    .md-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-10 {
        width: 83.3333333333%
    }

    .md-col-11 {
        width: 91.6666666667%
    }

    .md-col-11,
    .md-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .md-col-12 {
        width: 100%
    }

    .md-gap-0 > * {
        padding: 0
    }

    .md-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .md-gap-xxs > * {
        padding: 4px
    }

    .md-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .md-gap-xs > * {
        padding: 8px
    }

    .md-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .md-gap-s > * {
        padding: 12px
    }

    .md-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .md-gap-base > * {
        padding: 16px
    }

    .md-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .md-gap-m > * {
        padding: 24px
    }

    .md-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .md-gap-l > * {
        padding: 32px
    }

    .md-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .md-gap-xl > * {
        padding: 48px
    }

    .md-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .md-gap-xxl > * {
        padding: 64px
    }

    .md-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .md-gap-xxxl > * {
        padding: 80px
    }

    .md-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .md-justify-flex-start {
        justify-content: flex-start
    }

    .md-justify-flex-end {
        justify-content: flex-end
    }

    .md-justify-center {
        justify-content: center
    }

    .md-justify-space-between {
        justify-content: space-between
    }

    .md-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:992px) {
    .lg-col-1 {
        width: 8.3333333333%
    }

    .lg-col-1,
    .lg-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-2 {
        width: 16.6666666667%
    }

    .lg-col-3 {
        width: 25%
    }

    .lg-col-3,
    .lg-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-4 {
        width: 33.3333333333%
    }

    .lg-col-5 {
        width: 41.6666666667%
    }

    .lg-col-5,
    .lg-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-6 {
        width: 50%
    }

    .lg-col-7 {
        width: 58.3333333333%
    }

    .lg-col-7,
    .lg-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-8 {
        width: 66.6666666667%
    }

    .lg-col-9 {
        width: 75%
    }

    .lg-col-10,
    .lg-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-10 {
        width: 83.3333333333%
    }

    .lg-col-11 {
        width: 91.6666666667%
    }

    .lg-col-11,
    .lg-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .lg-col-12 {
        width: 100%
    }

    .lg-gap-0 > * {
        padding: 0
    }

    .lg-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .lg-gap-xxs > * {
        padding: 4px
    }

    .lg-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .lg-gap-xs > * {
        padding: 8px
    }

    .lg-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .lg-gap-s > * {
        padding: 12px
    }

    .lg-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .lg-gap-base > * {
        padding: 16px
    }

    .lg-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .lg-gap-m > * {
        padding: 24px
    }

    .lg-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .lg-gap-l > * {
        padding: 32px
    }

    .lg-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .lg-gap-xl > * {
        padding: 48px
    }

    .lg-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .lg-gap-xxl > * {
        padding: 64px
    }

    .lg-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .lg-gap-xxxl > * {
        padding: 80px
    }

    .lg-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .lg-justify-flex-start {
        justify-content: flex-start
    }

    .lg-justify-flex-end {
        justify-content: flex-end
    }

    .lg-justify-center {
        justify-content: center
    }

    .lg-justify-space-between {
        justify-content: space-between
    }

    .lg-justify-space-around {
        justify-content: space-around
    }
}

@media (min-width:1440px) {
    .xl-col-1 {
        width: 8.3333333333%
    }

    .xl-col-1,
    .xl-col-2 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-2 {
        width: 16.6666666667%
    }

    .xl-col-3 {
        width: 25%
    }

    .xl-col-3,
    .xl-col-4 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-4 {
        width: 33.3333333333%
    }

    .xl-col-5 {
        width: 41.6666666667%
    }

    .xl-col-5,
    .xl-col-6 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-6 {
        width: 50%
    }

    .xl-col-7 {
        width: 58.3333333333%
    }

    .xl-col-7,
    .xl-col-8 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-8 {
        width: 66.6666666667%
    }

    .xl-col-9 {
        width: 75%
    }

    .xl-col-10,
    .xl-col-9 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-10 {
        width: 83.3333333333%
    }

    .xl-col-11 {
        width: 91.6666666667%
    }

    .xl-col-11,
    .xl-col-12 {
        box-sizing: border-box;
        flex-grow: 0
    }

    .xl-col-12 {
        width: 100%
    }

    .xl-gap-0 > * {
        padding: 0
    }

    .xl-gap-0 {
        margin-left: 0;
        margin-right: 0
    }

    .xl-gap-xxs > * {
        padding: 4px
    }

    .xl-gap-xxs {
        margin-left: -4px;
        margin-right: -4px
    }

    .xl-gap-xs > * {
        padding: 8px
    }

    .xl-gap-xs {
        margin-left: -8px;
        margin-right: -8px
    }

    .xl-gap-s > * {
        padding: 12px
    }

    .xl-gap-s {
        margin-left: -12px;
        margin-right: -12px
    }

    .xl-gap-base > * {
        padding: 16px
    }

    .xl-gap-base {
        margin-left: -16px;
        margin-right: -16px
    }

    .xl-gap-m > * {
        padding: 24px
    }

    .xl-gap-m {
        margin-left: -24px;
        margin-right: -24px
    }

    .xl-gap-l > * {
        padding: 32px
    }

    .xl-gap-l {
        margin-left: -32px;
        margin-right: -32px
    }

    .xl-gap-xl > * {
        padding: 48px
    }

    .xl-gap-xl {
        margin-left: -48px;
        margin-right: -48px
    }

    .xl-gap-xxl > * {
        padding: 64px
    }

    .xl-gap-xxl {
        margin-left: -64px;
        margin-right: -64px
    }

    .xl-gap-xxxl > * {
        padding: 80px
    }

    .xl-gap-xxxl {
        margin-left: -80px;
        margin-right: -80px
    }

    .xl-justify-flex-start {
        justify-content: flex-start
    }

    .xl-justify-flex-end {
        justify-content: flex-end
    }

    .xl-justify-center {
        justify-content: center
    }

    .xl-justify-space-between {
        justify-content: space-between
    }

    .xl-justify-space-around {
        justify-content: space-around
    }
}

[class*=" cx-icon-"],
[class^=cx-icon-] {
    font-family: cx-icon,serif !important;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.cx-icon-basket-full:before {
    content: ""
}

.cx-icon-my-purchases:before {
    content: ""
}

.cx-icon-favourite-on:before {
    content: ""
}

.cx-icon-googleform:before {
    content: ""
}

.cx-icon-phone:before {
    content: ""
}

.cx-icon-flash:before {
    content: ""
}

.cx-icon-voice:before {
    content: ""
}

.cx-icon-account-filled:before {
    content: ""
}

.cx-icon-account:before {
    content: ""
}

.cx-icon-alert:before {
    content: ""
}

.cx-icon-arrow-down:before {
    content: ""
}

.cx-icon-arrow-left:before {
    content: ""
}

.cx-icon-arrow-right:before {
    content: ""
}

.cx-icon-arrow-up:before {
    content: ""
}

.cx-icon-basket-filled:before {
    content: ""
}

.cx-icon-basket:before {
    content: ""
}

.cx-icon-chevron-down:before {
    content: ""
}

.cx-icon-chevron-left:before {
    content: ""
}

.cx-icon-chevron-right:before {
    content: ""
}

.cx-icon-chevron-up:before {
    content: ""
}

.cx-icon-close:before {
    content: ""
}

.cx-icon-computing:before {
    content: ""
}

.cx-icon-delete:before {
    content: ""
}

.cx-icon-deliver:before {
    content: ""
}

.cx-icon-dot:before {
    content: ""
}

.cx-icon-edit:before {
    content: ""
}

.cx-icon-electronics:before {
    content: ""
}

.cx-icon-error:before {
    content: ""
}

.cx-icon-expand:before {
    content: ""
}

.cx-icon-export:before {
    content: ""
}

.cx-icon-facebook-white:before {
    color: #fff;
    content: ""
}

.cx-icon-facebook:before {
    content: ""
}

.cx-icon-favourite-off:before {
    content: ""
}

.cx-icon-films:before {
    content: ""
}

.cx-icon-filter:before {
    content: ""
}

.cx-icon-gaming:before {
    content: ""
}

.cx-icon-google:before {
    content: ""
}

.cx-icon-grade-circle:before {
    content: ""
}

.cx-icon-home:before {
    content: ""
}

.cx-icon-info:before {
    content: ""
}

.cx-icon-instagram-white:before {
    color: #fff;
    content: ""
}

.cx-icon-instagram:before {
    content: ""
}

.cx-icon-linkedin:before {
    content: ""
}

.cx-icon-location-target:before {
    content: ""
}

.cx-icon-location:before {
    content: ""
}

.cx-icon-hamburger:before {
    content: ""
}

.cx-icon-merchandise:before {
    content: ""
}

.cx-icon-minimize:before {
    content: ""
}

.cx-icon-minus:before {
    content: ""
}

.cx-icon-mobile:before {
    content: ""
}

.cx-icon-number:before {
    content: ""
}

.cx-icon-one:before {
    content: ""
}

.cx-icon-pause-circle:before {
    content: ""
}

.cx-icon-play-circle:before {
    content: ""
}

.cx-icon-play:before {
    content: ""
}

.cx-icon-plus:before {
    content: ""
}

.cx-icon-return-arrow:before {
    content: ""
}

.cx-icon-scan:before {
    content: ""
}

.cx-icon-search:before {
    content: ""
}

.cx-icon-sell-filled:before {
    content: ""
}

.cx-icon-sell:before {
    content: ""
}

.cx-icon-send:before {
    content: ""
}

.cx-icon-share:before {
    content: ""
}

.cx-icon-shop-filled:before {
    content: ""
}

.cx-icon-shop:before {
    content: ""
}

.cx-icon-snapchat:before {
    content: ""
}

.cx-icon-sort:before {
    content: ""
}

.cx-icon-star-half .path1:before {
    color: #0d0d0d;
    content: "";
    opacity: .1
}

.cx-icon-star-half .path2:before {
    color: #0d0d0d;
    content: "";
    margin-left: -1em
}

.cx-icon-star:before {
    content: ""
}

.cx-icon-store:before {
    content: ""
}

.cx-icon-sucess:before {
    content: ""
}

.cx-icon-tick:before {
    content: ""
}

.cx-icon-twitter-white:before {
    color: #fff;
    content: ""
}

.cx-icon-twitter:before {
    content: ""
}

.cx-icon-visibility-off:before {
    content: ""
}

.cx-icon-visibility-on:before {
    content: ""
}

.cx-icon-whatsapp:before {
    content: ""
}

.cx-icon-youtube-white:before {
    color: #fff;
    content: ""
}

.cx-icon-youtube:before {
    content: ""
}

.cx-icon-zap:before {
    content: ""
}

.text-left {
    text-align: left
}

.text-right {
    text-align: right
}

.text-center {
    text-align: center
}

.p-0 {
    padding: 0
}

.p-xxs {
    padding: 4px
}

.p-xs {
    padding: 8px
}

.p-s {
    padding: 12px
}

.p-base {
    padding: 16px
}

.p-m {
    padding: 24px
}

.p-l {
    padding: 32px
}

.p-xl {
    padding: 48px
}

.p-xxl {
    padding: 64px
}

.p-xxxl {
    padding: 80px
}

.p-huge {
    padding: 96px
}

.p-xhuge {
    padding: 128px
}

.pl-0 {
    padding-left: 0
}

.pl-xxs {
    padding-left: 4px
}

.pl-xs {
    padding-left: 8px
}

.pl-s {
    padding-left: 12px
}

.pl-base {
    padding-left: 16px
}

.pl-m {
    padding-left: 24px
}

.pl-l {
    padding-left: 32px
}

.pl-xl {
    padding-left: 48px
}

.pl-xxl {
    padding-left: 64px
}

.pl-xxxl {
    padding-left: 80px
}

.pl-huge {
    padding-left: 96px
}

.pl-xhuge {
    padding-left: 128px
}

.pr-0 {
    padding-right: 0
}

.pr-xxs {
    padding-right: 4px
}

.pr-xs {
    padding-right: 8px
}

.pr-s {
    padding-right: 12px
}

.pr-base {
    padding-right: 16px
}

.pr-m {
    padding-right: 24px
}

.pr-l {
    padding-right: 32px
}

.pr-xl {
    padding-right: 48px
}

.pr-xxl {
    padding-right: 64px
}

.pr-xxxl {
    padding-right: 80px
}

.pr-huge {
    padding-right: 96px
}

.pr-xhuge {
    padding-right: 128px
}

.pt-0 {
    padding-top: 0
}

.pt-xxs {
    padding-top: 4px
}

.pt-xs {
    padding-top: 8px
}

.pt-s {
    padding-top: 12px
}

.pt-base {
    padding-top: 16px
}

.pt-m {
    padding-top: 24px
}

.pt-l {
    padding-top: 32px
}

.pt-xl {
    padding-top: 48px
}

.pt-xxl {
    padding-top: 64px
}

.pt-xxxl {
    padding-top: 80px
}

.pt-huge {
    padding-top: 96px
}

.pt-xhuge {
    padding-top: 128px
}

.pb-0 {
    padding-bottom: 0
}

.pb-xxs {
    padding-bottom: 4px
}

.pb-xs {
    padding-bottom: 8px
}

.pb-s {
    padding-bottom: 12px
}

.pb-base {
    padding-bottom: 16px
}

.pb-m {
    padding-bottom: 24px
}

.pb-l {
    padding-bottom: 32px
}

.pb-xl {
    padding-bottom: 48px
}

.pb-xxl {
    padding-bottom: 64px
}

.pb-xxxl {
    padding-bottom: 80px
}

.pb-huge {
    padding-bottom: 96px
}

.pb-xhuge {
    padding-bottom: 128px
}

.m-0 {
    margin: 0
}

.m-xxs {
    margin: 4px
}

.m-xs {
    margin: 8px
}

.m-s {
    margin: 12px
}

.m-base {
    margin: 16px
}

.m-m {
    margin: 24px
}

.m-l {
    margin: 32px
}

.m-xl {
    margin: 48px
}

.m-xxl {
    margin: 64px
}

.m-xxxl {
    margin: 80px
}

.m-huge {
    margin: 96px
}

.m-xhuge {
    margin: 128px
}

.ml-0 {
    margin-left: 0
}

.ml-xxs {
    margin-left: 4px
}

.ml-xs {
    margin-left: 8px
}

.ml-s {
    margin-left: 12px
}

.ml-base {
    margin-left: 16px
}

.ml-m {
    margin-left: 24px
}

.ml-l {
    margin-left: 32px
}

.ml-xl {
    margin-left: 48px
}

.ml-xxl {
    margin-left: 64px
}

.ml-xxxl {
    margin-left: 80px
}

.ml-huge {
    margin-left: 96px
}

.ml-xhuge {
    margin-left: 128px
}

.mr-0 {
    margin-right: 0
}

.mr-xxs {
    margin-right: 4px
}

.mr-xs {
    margin-right: 8px
}

.mr-s {
    margin-right: 12px
}

.mr-base {
    margin-right: 16px
}

.mr-m {
    margin-right: 24px
}

.mr-l {
    margin-right: 32px
}

.mr-xl {
    margin-right: 48px
}

.mr-xxl {
    margin-right: 64px
}

.mr-xxxl {
    margin-right: 80px
}

.mr-huge {
    margin-right: 96px
}

.mr-xhuge {
    margin-right: 128px
}

.mt-0 {
    margin-top: 0
}

.mt-xxs {
    margin-top: 4px
}

.mt-xs {
    margin-top: 8px
}

.mt-s {
    margin-top: 12px
}

.mt-base {
    margin-top: 16px
}

.mt-m {
    margin-top: 24px
}

.mt-l {
    margin-top: 32px
}

.mt-xl {
    margin-top: 48px
}

.mt-xxl {
    margin-top: 64px
}

.mt-xxxl {
    margin-top: 80px
}

.mt-huge {
    margin-top: 96px
}

.mt-xhuge {
    margin-top: 128px
}

.mb-0 {
    margin-bottom: 0
}

.mb-xxs {
    margin-bottom: 4px
}

.mb-xs {
    margin-bottom: 8px
}

.mb-s {
    margin-bottom: 12px
}

.mb-base {
    margin-bottom: 16px
}

.mb-m {
    margin-bottom: 24px
}

.mb-l {
    margin-bottom: 32px
}

.mb-xl {
    margin-bottom: 48px
}

.mb-xxl {
    margin-bottom: 64px
}

.mb-xxxl {
    margin-bottom: 80px
}

.mb-huge {
    margin-bottom: 96px
}

.mb-xhuge {
    margin-bottom: 128px
}

.mb-20 {
    margin-bottom: 20px
}

.radius-xs {
    border-radius: 4px
}

.radius-s {
    border-radius: 8px
}

.radius-m {
    border-radius: 10px
}

.radius-l {
    border-radius: 16px
}

.radius-xl {
    border-radius: 20px
}

.radius-xxl {
    border-radius: 24px
}

.radius-xxxl {
    border-radius: 28px
}

.radius-btn,
.radius-pill {
    border-radius: 200px
}

.d-none {
    display: none
}

.d-block {
    display: block
}

.d-flex {
    display: flex
}

.d-inline-flex {
    display: inline-flex
}

.d-inline {
    display: inline
}

.d-inline-block {
    display: inline-block
}

.align-items-start {
    align-items: flex-start
}

.align-items-end {
    align-items: flex-end
}

.align-items-center {
    align-items: center
}

.justify-content-start {
    justify-content: flex-start
}

.justify-content-end {
    justify-content: flex-end
}

.justify-content-center {
    justify-content: center
}

.justify-content-between {
    justify-content: space-between
}

.justify-content-around {
    justify-content: space-around
}

.flex-row {
    flex-direction: row
}

.flex-column {
    flex-direction: column
}

.align-self-start {
    align-self: flex-start
}

.align-self-end {
    align-self: flex-end
}

.align-self-center {
    align-self: center
}

.align-self-stretch {
    align-self: stretch
}

.flex-wrap {
    flex-wrap: wrap
}

.flex-nowrap {
    flex-wrap: nowrap
}

.order-0 {
    order: 0
}

.order-1 {
    order: 1
}

.order-2 {
    order: 2
}

.order-3 {
    order: 3
}

.order-4 {
    order: 4
}

.order-5 {
    order: 5
}

.order-6 {
    order: 6
}

.order-7 {
    order: 7
}

.order-8 {
    order: 8
}

.order-9 {
    order: 9
}

.order-10 {
    order: 10
}

.order-11 {
    order: 11
}

.order-12 {
    order: 12
}

.lh-1x {
    height: 20px
}

.lh-2x {
    height: 40px
}

.lh-3x {
    height: 60px
}

.lh-4x {
    height: 80px
}

.lh-5x {
    height: 100px
}

.lh-6x {
    height: 120px
}

.lh-7x {
    height: 140px
}

.lh-8x {
    height: 160px
}

.lh-9x {
    height: 180px
}

.lh-10x {
    height: 200px
}

.lh-20x {
    height: 400px
}

@media (min-width:620px) {
    .sm-p-0 {
        padding: 0
    }

    .sm-p-xxs {
        padding: 4px
    }

    .sm-p-xs {
        padding: 8px
    }

    .sm-p-s {
        padding: 12px
    }

    .sm-p-base {
        padding: 16px
    }

    .sm-p-m {
        padding: 24px
    }

    .sm-p-l {
        padding: 32px
    }

    .sm-p-xl {
        padding: 48px
    }

    .sm-p-xxl {
        padding: 64px
    }

    .sm-p-xxxl {
        padding: 80px
    }

    .sm-p-huge {
        padding: 96px
    }

    .sm-p-xhuge {
        padding: 128px
    }

    .sm-pl-0 {
        padding-left: 0
    }

    .sm-pl-xxs {
        padding-left: 4px
    }

    .sm-pl-xs {
        padding-left: 8px
    }

    .sm-pl-s {
        padding-left: 12px
    }

    .sm-pl-base {
        padding-left: 16px
    }

    .sm-pl-m {
        padding-left: 24px
    }

    .sm-pl-l {
        padding-left: 32px
    }

    .sm-pl-xl {
        padding-left: 48px
    }

    .sm-pl-xxl {
        padding-left: 64px
    }

    .sm-pl-xxxl {
        padding-left: 80px
    }

    .sm-pl-huge {
        padding-left: 96px
    }

    .sm-pl-xhuge {
        padding-left: 128px
    }

    .sm-pr-0 {
        padding-right: 0
    }

    .sm-pr-xxs {
        padding-right: 4px
    }

    .sm-pr-xs {
        padding-right: 8px
    }

    .sm-pr-s {
        padding-right: 12px
    }

    .sm-pr-base {
        padding-right: 16px
    }

    .sm-pr-m {
        padding-right: 24px
    }

    .sm-pr-l {
        padding-right: 32px
    }

    .sm-pr-xl {
        padding-right: 48px
    }

    .sm-pr-xxl {
        padding-right: 64px
    }

    .sm-pr-xxxl {
        padding-right: 80px
    }

    .sm-pr-huge {
        padding-right: 96px
    }

    .sm-pr-xhuge {
        padding-right: 128px
    }

    .sm-pt-0 {
        padding-top: 0
    }

    .sm-pt-xxs {
        padding-top: 4px
    }

    .sm-pt-xs {
        padding-top: 8px
    }

    .sm-pt-s {
        padding-top: 12px
    }

    .sm-pt-base {
        padding-top: 16px
    }

    .sm-pt-m {
        padding-top: 24px
    }

    .sm-pt-l {
        padding-top: 32px
    }

    .sm-pt-xl {
        padding-top: 48px
    }

    .sm-pt-xxl {
        padding-top: 64px
    }

    .sm-pt-xxxl {
        padding-top: 80px
    }

    .sm-pt-huge {
        padding-top: 96px
    }

    .sm-pt-xhuge {
        padding-top: 128px
    }

    .sm-pb-0 {
        padding-bottom: 0
    }

    .sm-pb-xxs {
        padding-bottom: 4px
    }

    .sm-pb-xs {
        padding-bottom: 8px
    }

    .sm-pb-s {
        padding-bottom: 12px
    }

    .sm-pb-base {
        padding-bottom: 16px
    }

    .sm-pb-m {
        padding-bottom: 24px
    }

    .sm-pb-l {
        padding-bottom: 32px
    }

    .sm-pb-xl {
        padding-bottom: 48px
    }

    .sm-pb-xxl {
        padding-bottom: 64px
    }

    .sm-pb-xxxl {
        padding-bottom: 80px
    }

    .sm-pb-huge {
        padding-bottom: 96px
    }

    .sm-pb-xhuge {
        padding-bottom: 128px
    }

    .sm-m-0 {
        margin: 0
    }

    .sm-m-xxs {
        margin: 4px
    }

    .sm-m-xs {
        margin: 8px
    }

    .sm-m-s {
        margin: 12px
    }

    .sm-m-base {
        margin: 16px
    }

    .sm-m-m {
        margin: 24px
    }

    .sm-m-l {
        margin: 32px
    }

    .sm-m-xl {
        margin: 48px
    }

    .sm-m-xxl {
        margin: 64px
    }

    .sm-m-xxxl {
        margin: 80px
    }

    .sm-m-huge {
        margin: 96px
    }

    .sm-m-xhuge {
        margin: 128px
    }

    .sm-ml-0 {
        margin-left: 0
    }

    .sm-ml-xxs {
        margin-left: 4px
    }

    .sm-ml-xs {
        margin-left: 8px
    }

    .sm-ml-s {
        margin-left: 12px
    }

    .sm-ml-base {
        margin-left: 16px
    }

    .sm-ml-m {
        margin-left: 24px
    }

    .sm-ml-l {
        margin-left: 32px
    }

    .sm-ml-xl {
        margin-left: 48px
    }

    .sm-ml-xxl {
        margin-left: 64px
    }

    .sm-ml-xxxl {
        margin-left: 80px
    }

    .sm-ml-huge {
        margin-left: 96px
    }

    .sm-ml-xhuge {
        margin-left: 128px
    }

    .sm-mr-0 {
        margin-right: 0
    }

    .sm-mr-xxs {
        margin-right: 4px
    }

    .sm-mr-xs {
        margin-right: 8px
    }

    .sm-mr-s {
        margin-right: 12px
    }

    .sm-mr-base {
        margin-right: 16px
    }

    .sm-mr-m {
        margin-right: 24px
    }

    .sm-mr-l {
        margin-right: 32px
    }

    .sm-mr-xl {
        margin-right: 48px
    }

    .sm-mr-xxl {
        margin-right: 64px
    }

    .sm-mr-xxxl {
        margin-right: 80px
    }

    .sm-mr-huge {
        margin-right: 96px
    }

    .sm-mr-xhuge {
        margin-right: 128px
    }

    .sm-mt-0 {
        margin-top: 0
    }

    .sm-mt-xxs {
        margin-top: 4px
    }

    .sm-mt-xs {
        margin-top: 8px
    }

    .sm-mt-s {
        margin-top: 12px
    }

    .sm-mt-base {
        margin-top: 16px
    }

    .sm-mt-m {
        margin-top: 24px
    }

    .sm-mt-l {
        margin-top: 32px
    }

    .sm-mt-xl {
        margin-top: 48px
    }

    .sm-mt-xxl {
        margin-top: 64px
    }

    .sm-mt-xxxl {
        margin-top: 80px
    }

    .sm-mt-huge {
        margin-top: 96px
    }

    .sm-mt-xhuge {
        margin-top: 128px
    }

    .sm-mb-0 {
        margin-bottom: 0
    }

    .sm-mb-xxs {
        margin-bottom: 4px
    }

    .sm-mb-xs {
        margin-bottom: 8px
    }

    .sm-mb-s {
        margin-bottom: 12px
    }

    .sm-mb-base {
        margin-bottom: 16px
    }

    .sm-mb-m {
        margin-bottom: 24px
    }

    .sm-mb-l {
        margin-bottom: 32px
    }

    .sm-mb-xl {
        margin-bottom: 48px
    }

    .sm-mb-xxl {
        margin-bottom: 64px
    }

    .sm-mb-xxxl {
        margin-bottom: 80px
    }

    .sm-mb-huge {
        margin-bottom: 96px
    }

    .sm-mb-xhuge {
        margin-bottom: 128px
    }

    .sm-d-none {
        display: none
    }

    .sm-d-block {
        display: block
    }

    .sm-d-flex {
        display: flex
    }

    .sm-d-inline-flex {
        display: inline-flex
    }

    .sm-d-inline {
        display: inline
    }

    .sm-d-inline-block {
        display: inline-block
    }

    .sm-align-items-start {
        align-items: flex-start
    }

    .sm-align-items-end {
        align-items: flex-end
    }

    .sm-align-items-center {
        align-items: center
    }

    .sm-justify-content-start {
        justify-content: flex-start
    }

    .sm-justify-content-end {
        justify-content: flex-end
    }

    .sm-justify-content-center {
        justify-content: center
    }

    .sm-justify-content-between {
        justify-content: space-between
    }

    .sm-justify-content-around {
        justify-content: space-around
    }

    .sm-flex-row {
        flex-direction: row
    }

    .sm-flex-column {
        flex-direction: column
    }

    .sm-align-self-start {
        align-self: flex-start
    }

    .sm-align-self-end {
        align-self: flex-end
    }

    .sm-align-self-center {
        align-self: center
    }

    .sm-align-self-stretch {
        align-self: stretch
    }

    .sm-flex-wrap {
        flex-wrap: wrap
    }

    .sm-flex-nowrap {
        flex-wrap: nowrap
    }

    .sm-order-0 {
        order: 0
    }

    .sm-order-1 {
        order: 1
    }

    .sm-order-2 {
        order: 2
    }

    .sm-order-3 {
        order: 3
    }

    .sm-order-4 {
        order: 4
    }

    .sm-order-5 {
        order: 5
    }

    .sm-order-6 {
        order: 6
    }

    .sm-order-7 {
        order: 7
    }

    .sm-order-8 {
        order: 8
    }

    .sm-order-9 {
        order: 9
    }

    .sm-order-10 {
        order: 10
    }

    .sm-order-11 {
        order: 11
    }

    .sm-order-12 {
        order: 12
    }
}

@media (min-width:768px) {
    .md-text-left {
        text-align: left
    }

    .md-text-right {
        text-align: right
    }

    .md-text-center {
        text-align: center
    }

    .md-p-0 {
        padding: 0
    }

    .md-p-xxs {
        padding: 4px
    }

    .md-p-xs {
        padding: 8px
    }

    .md-p-s {
        padding: 12px
    }

    .md-p-base {
        padding: 16px
    }

    .md-p-m {
        padding: 24px
    }

    .md-p-l {
        padding: 32px
    }

    .md-p-xl {
        padding: 48px
    }

    .md-p-xxl {
        padding: 64px
    }

    .md-p-xxxl {
        padding: 80px
    }

    .md-p-huge {
        padding: 96px
    }

    .md-p-xhuge {
        padding: 128px
    }

    .md-pl-0 {
        padding-left: 0
    }

    .md-pl-xxs {
        padding-left: 4px
    }

    .md-pl-xs {
        padding-left: 8px
    }

    .md-pl-s {
        padding-left: 12px
    }

    .md-pl-base {
        padding-left: 16px
    }

    .md-pl-m {
        padding-left: 24px
    }

    .md-pl-l {
        padding-left: 32px
    }

    .md-pl-xl {
        padding-left: 48px
    }

    .md-pl-xxl {
        padding-left: 64px
    }

    .md-pl-xxxl {
        padding-left: 80px
    }

    .md-pl-huge {
        padding-left: 96px
    }

    .md-pl-xhuge {
        padding-left: 128px
    }

    .md-pr-0 {
        padding-right: 0
    }

    .md-pr-xxs {
        padding-right: 4px
    }

    .md-pr-xs {
        padding-right: 8px
    }

    .md-pr-s {
        padding-right: 12px
    }

    .md-pr-base {
        padding-right: 16px
    }

    .md-pr-m {
        padding-right: 24px
    }

    .md-pr-l {
        padding-right: 32px
    }

    .md-pr-xl {
        padding-right: 48px
    }

    .md-pr-xxl {
        padding-right: 64px
    }

    .md-pr-xxxl {
        padding-right: 80px
    }

    .md-pr-huge {
        padding-right: 96px
    }

    .md-pr-xhuge {
        padding-right: 128px
    }

    .md-pt-0 {
        padding-top: 0
    }

    .md-pt-xxs {
        padding-top: 4px
    }

    .md-pt-xs {
        padding-top: 8px
    }

    .md-pt-s {
        padding-top: 12px
    }

    .md-pt-base {
        padding-top: 16px
    }

    .md-pt-m {
        padding-top: 24px
    }

    .md-pt-l {
        padding-top: 32px
    }

    .md-pt-xl {
        padding-top: 48px
    }

    .md-pt-xxl {
        padding-top: 64px
    }

    .md-pt-xxxl {
        padding-top: 80px
    }

    .md-pt-huge {
        padding-top: 96px
    }

    .md-pt-xhuge {
        padding-top: 128px
    }

    .md-pb-0 {
        padding-bottom: 0
    }

    .md-pb-xxs {
        padding-bottom: 4px
    }

    .md-pb-xs {
        padding-bottom: 8px
    }

    .md-pb-s {
        padding-bottom: 12px
    }

    .md-pb-base {
        padding-bottom: 16px
    }

    .md-pb-m {
        padding-bottom: 24px
    }

    .md-pb-l {
        padding-bottom: 32px
    }

    .md-pb-xl {
        padding-bottom: 48px
    }

    .md-pb-xxl {
        padding-bottom: 64px
    }

    .md-pb-xxxl {
        padding-bottom: 80px
    }

    .md-pb-huge {
        padding-bottom: 96px
    }

    .md-pb-xhuge {
        padding-bottom: 128px
    }

    .md-m-0 {
        margin: 0
    }

    .md-m-xxs {
        margin: 4px
    }

    .md-m-xs {
        margin: 8px
    }

    .md-m-s {
        margin: 12px
    }

    .md-m-base {
        margin: 16px
    }

    .md-m-m {
        margin: 24px
    }

    .md-m-l {
        margin: 32px
    }

    .md-m-xl {
        margin: 48px
    }

    .md-m-xxl {
        margin: 64px
    }

    .md-m-xxxl {
        margin: 80px
    }

    .md-m-huge {
        margin: 96px
    }

    .md-m-xhuge {
        margin: 128px
    }

    .md-ml-0 {
        margin-left: 0
    }

    .md-ml-xxs {
        margin-left: 4px
    }

    .md-ml-xs {
        margin-left: 8px
    }

    .md-ml-s {
        margin-left: 12px
    }

    .md-ml-base {
        margin-left: 16px
    }

    .md-ml-m {
        margin-left: 24px
    }

    .md-ml-l {
        margin-left: 32px
    }

    .md-ml-xl {
        margin-left: 48px
    }

    .md-ml-xxl {
        margin-left: 64px
    }

    .md-ml-xxxl {
        margin-left: 80px
    }

    .md-ml-huge {
        margin-left: 96px
    }

    .md-ml-xhuge {
        margin-left: 128px
    }

    .md-mr-0 {
        margin-right: 0
    }

    .md-mr-xxs {
        margin-right: 4px
    }

    .md-mr-xs {
        margin-right: 8px
    }

    .md-mr-s {
        margin-right: 12px
    }

    .md-mr-base {
        margin-right: 16px
    }

    .md-mr-m {
        margin-right: 24px
    }

    .md-mr-l {
        margin-right: 32px
    }

    .md-mr-xl {
        margin-right: 48px
    }

    .md-mr-xxl {
        margin-right: 64px
    }

    .md-mr-xxxl {
        margin-right: 80px
    }

    .md-mr-huge {
        margin-right: 96px
    }

    .md-mr-xhuge {
        margin-right: 128px
    }

    .md-mt-0 {
        margin-top: 0
    }

    .md-mt-xxs {
        margin-top: 4px
    }

    .md-mt-xs {
        margin-top: 8px
    }

    .md-mt-s {
        margin-top: 12px
    }

    .md-mt-base {
        margin-top: 16px
    }

    .md-mt-m {
        margin-top: 24px
    }

    .md-mt-l {
        margin-top: 32px
    }

    .md-mt-xl {
        margin-top: 48px
    }

    .md-mt-xxl {
        margin-top: 64px
    }

    .md-mt-xxxl {
        margin-top: 80px
    }

    .md-mt-huge {
        margin-top: 96px
    }

    .md-mt-xhuge {
        margin-top: 128px
    }

    .md-mb-0 {
        margin-bottom: 0
    }

    .md-mb-xxs {
        margin-bottom: 4px
    }

    .md-mb-xs {
        margin-bottom: 8px
    }

    .md-mb-s {
        margin-bottom: 12px
    }

    .md-mb-base {
        margin-bottom: 16px
    }

    .md-mb-m {
        margin-bottom: 24px
    }

    .md-mb-l {
        margin-bottom: 32px
    }

    .md-mb-xl {
        margin-bottom: 48px
    }

    .md-mb-xxl {
        margin-bottom: 64px
    }

    .md-mb-xxxl {
        margin-bottom: 80px
    }

    .md-mb-huge {
        margin-bottom: 96px
    }

    .md-mb-xhuge {
        margin-bottom: 128px
    }

    .md-mb-20 {
        margin-bottom: 20px
    }

    .md-d-none {
        display: none
    }

    .md-d-block {
        display: block
    }

    .md-d-flex {
        display: flex
    }

    .md-d-inline-flex {
        display: inline-flex
    }

    .md-d-inline {
        display: inline
    }

    .md-d-inline-block {
        display: inline-block
    }

    .md-align-items-start {
        align-items: flex-start
    }

    .md-align-items-end {
        align-items: flex-end
    }

    .md-align-items-center {
        align-items: center
    }

    .md-justify-content-start {
        justify-content: flex-start
    }

    .md-justify-content-end {
        justify-content: flex-end
    }

    .md-justify-content-center {
        justify-content: center
    }

    .md-justify-content-between {
        justify-content: space-between
    }

    .md-justify-content-around {
        justify-content: space-around
    }

    .md-flex-row {
        flex-direction: row
    }

    .md-flex-column {
        flex-direction: column
    }

    .md-align-self-start {
        align-self: flex-start
    }

    .md-align-self-end {
        align-self: flex-end
    }

    .md-align-self-center {
        align-self: center
    }

    .md-align-self-stretch {
        align-self: stretch
    }

    .md-flex-wrap {
        flex-wrap: wrap
    }

    .md-flex-nowrap {
        flex-wrap: nowrap
    }

    .md-order-0 {
        order: 0
    }

    .md-order-1 {
        order: 1
    }

    .md-order-2 {
        order: 2
    }

    .md-order-3 {
        order: 3
    }

    .md-order-4 {
        order: 4
    }

    .md-order-5 {
        order: 5
    }

    .md-order-6 {
        order: 6
    }

    .md-order-7 {
        order: 7
    }

    .md-order-8 {
        order: 8
    }

    .md-order-9 {
        order: 9
    }

    .md-order-10 {
        order: 10
    }

    .md-order-11 {
        order: 11
    }

    .md-order-12 {
        order: 12
    }

    .lh-1x {
        height: 20px
    }

    .lh-2x {
        height: 40px
    }

    .lh-3x {
        height: 60px
    }

    .lh-4x {
        height: 80px
    }

    .lh-5x {
        height: 100px
    }

    .lh-6x {
        height: 120px
    }

    .lh-7x {
        height: 140px
    }

    .lh-8x {
        height: 160px
    }

    .lh-9x {
        height: 180px
    }

    .lh-10x {
        height: 200px
    }
}

@media (min-width:992px) {
    .lg-text-left {
        text-align: left
    }

    .lg-text-right {
        text-align: right
    }

    .lg-text-center {
        text-align: center
    }

    .lg-p-0 {
        padding: 0
    }

    .lg-p-xxs {
        padding: 4px
    }

    .lg-p-xs {
        padding: 8px
    }

    .lg-p-s {
        padding: 12px
    }

    .lg-p-base {
        padding: 16px
    }

    .lg-p-m {
        padding: 24px
    }

    .lg-p-l {
        padding: 32px
    }

    .lg-p-xl {
        padding: 48px
    }

    .lg-p-xxl {
        padding: 64px
    }

    .lg-p-xxxl {
        padding: 80px
    }

    .lg-p-huge {
        padding: 96px
    }

    .lg-p-xhuge {
        padding: 128px
    }

    .lg-pl-0 {
        padding-left: 0
    }

    .lg-pl-xxs {
        padding-left: 4px
    }

    .lg-pl-xs {
        padding-left: 8px
    }

    .lg-pl-s {
        padding-left: 12px
    }

    .lg-pl-base {
        padding-left: 16px
    }

    .lg-pl-m {
        padding-left: 24px
    }

    .lg-pl-l {
        padding-left: 32px
    }

    .lg-pl-xl {
        padding-left: 48px
    }

    .lg-pl-xxl {
        padding-left: 64px
    }

    .lg-pl-xxxl {
        padding-left: 80px
    }

    .lg-pl-huge {
        padding-left: 96px
    }

    .lg-pl-xhuge {
        padding-left: 128px
    }

    .lg-pr-0 {
        padding-right: 0
    }

    .lg-pr-xxs {
        padding-right: 4px
    }

    .lg-pr-xs {
        padding-right: 8px
    }

    .lg-pr-s {
        padding-right: 12px
    }

    .lg-pr-base {
        padding-right: 16px
    }

    .lg-pr-m {
        padding-right: 24px
    }

    .lg-pr-l {
        padding-right: 32px
    }

    .lg-pr-xl {
        padding-right: 48px
    }

    .lg-pr-xxl {
        padding-right: 64px
    }

    .lg-pr-xxxl {
        padding-right: 80px
    }

    .lg-pr-huge {
        padding-right: 96px
    }

    .lg-pr-xhuge {
        padding-right: 128px
    }

    .lg-pt-0 {
        padding-top: 0
    }

    .lg-pt-xxs {
        padding-top: 4px
    }

    .lg-pt-xs {
        padding-top: 8px
    }

    .lg-pt-s {
        padding-top: 12px
    }

    .lg-pt-base {
        padding-top: 16px
    }

    .lg-pt-m {
        padding-top: 24px
    }

    .lg-pt-l {
        padding-top: 32px
    }

    .lg-pt-xl {
        padding-top: 48px
    }

    .lg-pt-xxl {
        padding-top: 64px
    }

    .lg-pt-xxxl {
        padding-top: 80px
    }

    .lg-pt-huge {
        padding-top: 96px
    }

    .lg-pt-xhuge {
        padding-top: 128px
    }

    .lg-pb-0 {
        padding-bottom: 0
    }

    .lg-pb-xxs {
        padding-bottom: 4px
    }

    .lg-pb-xs {
        padding-bottom: 8px
    }

    .lg-pb-s {
        padding-bottom: 12px
    }

    .lg-pb-base {
        padding-bottom: 16px
    }

    .lg-pb-m {
        padding-bottom: 24px
    }

    .lg-pb-l {
        padding-bottom: 32px
    }

    .lg-pb-xl {
        padding-bottom: 48px
    }

    .lg-pb-xxl {
        padding-bottom: 64px
    }

    .lg-pb-xxxl {
        padding-bottom: 80px
    }

    .lg-pb-huge {
        padding-bottom: 96px
    }

    .lg-pb-xhuge {
        padding-bottom: 128px
    }

    .lg-m-0 {
        margin: 0
    }

    .lg-m-xxs {
        margin: 4px
    }

    .lg-m-xs {
        margin: 8px
    }

    .lg-m-s {
        margin: 12px
    }

    .lg-m-base {
        margin: 16px
    }

    .lg-m-m {
        margin: 24px
    }

    .lg-m-l {
        margin: 32px
    }

    .lg-m-xl {
        margin: 48px
    }

    .lg-m-xxl {
        margin: 64px
    }

    .lg-m-xxxl {
        margin: 80px
    }

    .lg-m-huge {
        margin: 96px
    }

    .lg-m-xhuge {
        margin: 128px
    }

    .lg-ml-0 {
        margin-left: 0
    }

    .lg-ml-xxs {
        margin-left: 4px
    }

    .lg-ml-xs {
        margin-left: 8px
    }

    .lg-ml-s {
        margin-left: 12px
    }

    .lg-ml-base {
        margin-left: 16px
    }

    .lg-ml-m {
        margin-left: 24px
    }

    .lg-ml-l {
        margin-left: 32px
    }

    .lg-ml-xl {
        margin-left: 48px
    }

    .lg-ml-xxl {
        margin-left: 64px
    }

    .lg-ml-xxxl {
        margin-left: 80px
    }

    .lg-ml-huge {
        margin-left: 96px
    }

    .lg-ml-xhuge {
        margin-left: 128px
    }

    .lg-mr-0 {
        margin-right: 0
    }

    .lg-mr-xxs {
        margin-right: 4px
    }

    .lg-mr-xs {
        margin-right: 8px
    }

    .lg-mr-s {
        margin-right: 12px
    }

    .lg-mr-base {
        margin-right: 16px
    }

    .lg-mr-m {
        margin-right: 24px
    }

    .lg-mr-l {
        margin-right: 32px
    }

    .lg-mr-xl {
        margin-right: 48px
    }

    .lg-mr-xxl {
        margin-right: 64px
    }

    .lg-mr-xxxl {
        margin-right: 80px
    }

    .lg-mr-huge {
        margin-right: 96px
    }

    .lg-mr-xhuge {
        margin-right: 128px
    }

    .lg-mt-0 {
        margin-top: 0
    }

    .lg-mt-xxs {
        margin-top: 4px
    }

    .lg-mt-xs {
        margin-top: 8px
    }

    .lg-mt-s {
        margin-top: 12px
    }

    .lg-mt-base {
        margin-top: 16px
    }

    .lg-mt-m {
        margin-top: 24px
    }

    .lg-mt-l {
        margin-top: 32px
    }

    .lg-mt-xl {
        margin-top: 48px
    }

    .lg-mt-xxl {
        margin-top: 64px
    }

    .lg-mt-xxxl {
        margin-top: 80px
    }

    .lg-mt-huge {
        margin-top: 96px
    }

    .lg-mt-xhuge {
        margin-top: 128px
    }

    .lg-mb-0 {
        margin-bottom: 0
    }

    .lg-mb-xxs {
        margin-bottom: 4px
    }

    .lg-mb-xs {
        margin-bottom: 8px
    }

    .lg-mb-s {
        margin-bottom: 12px
    }

    .lg-mb-base {
        margin-bottom: 16px
    }

    .lg-mb-m {
        margin-bottom: 24px
    }

    .lg-mb-l {
        margin-bottom: 32px
    }

    .lg-mb-xl {
        margin-bottom: 48px
    }

    .lg-mb-xxl {
        margin-bottom: 64px
    }

    .lg-mb-xxxl {
        margin-bottom: 80px
    }

    .lg-mb-huge {
        margin-bottom: 96px
    }

    .lg-mb-xhuge {
        margin-bottom: 128px
    }

    .lg-d-none {
        display: none
    }

    .lg-d-block {
        display: block
    }

    .lg-d-flex {
        display: flex
    }

    .lg-d-inline-flex {
        display: inline-flex
    }

    .lg-d-inline {
        display: inline
    }

    .lg-d-inline-block {
        display: inline-block
    }

    .lg-align-items-start {
        align-items: flex-start
    }

    .lg-align-items-end {
        align-items: flex-end
    }

    .lg-align-items-center {
        align-items: center
    }

    .lg-justify-content-start {
        justify-content: flex-start
    }

    .lg-justify-content-end {
        justify-content: flex-end
    }

    .lg-justify-content-center {
        justify-content: center
    }

    .lg-justify-content-between {
        justify-content: space-between
    }

    .lg-justify-content-around {
        justify-content: space-around
    }

    .lg-flex-row {
        flex-direction: row
    }

    .lg-flex-column {
        flex-direction: column
    }

    .lg-align-self-start {
        align-self: flex-start
    }

    .lg-align-self-end {
        align-self: flex-end
    }

    .lg-align-self-center {
        align-self: center
    }

    .lg-align-self-stretch {
        align-self: stretch
    }

    .lg-flex-wrap {
        flex-wrap: wrap
    }

    .lg-flex-nowrap {
        flex-wrap: nowrap
    }
}

.shadow-s {
    box-shadow: 0 4px 16px #00000014
}

.shadow-m {
    box-shadow: 0 4px 16px #00000029
}

.shadow-l {
    box-shadow: 0 16px 48px #000c
}

.black-color {
    color: #000
}

.white-color {
    color: #fff
}

.black-fill {
    background-color: #000
}

.white-fill {
    background-color: #fff
}

.black-outlined {
    border: 1px solid #000
}

.white-outlined {
    border: 1px solid #fff
}

.ml-auto {
    margin-left: auto
}

.mr-auto {
    margin-right: auto
}

.mt-auto {
    margin-top: auto
}

.mb-auto {
    margin-bottom: auto
}

.f-auto {
    flex: auto
}

.w-100 {
    width: 100%
}

.h-100 {
    height: 100%
}

.h-auto {
    height: auto
}

.w-auto {
    width: auto
}

.word-wrap-break {
    word-wrap: break-word
}

.white-space-nowrap {
    white-space: nowrap
}

.cx-link,
.text-underline {
    text-decoration: underline
}

.text-uppercase {
    text-transform: uppercase
}

.text-capitalize {
    text-transform: capitalize
}

.text-lowercase {
    text-transform: lowercase
}

del {
    text-decoration: line-through
}

.text-hover-underline:hover {
    text-decoration: underline
}

.cursor-pointer {
    cursor: pointer
}

.word-break-all {
    word-break: break-all
}

.word-break {
    word-break: break-word
}

.overflow-hidden {
    overflow: hidden
}

.overflow-visible {
    overflow: visible
}

.section-spacing {
    margin-bottom: 24px
}

@media (min-width:768px) {
    .section-spacing {
        margin-bottom: 40px
    }
}

.line-clamp,
.products-listing-panel.visible-trading-price .line-clamp {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 3;
    line-clamp: 3;
    -webkit-box-orient: vertical
}

.mt-40 {
    margin-top: 40px
}

.mb-40 {
    margin-bottom: 40px
}

.ml-40 {
    margin-left: 40px
}

.p-40 {
    padding: 40px
}

.pt-40 {
    padding-top: 40px
}

.pb-40 {
    padding-bottom: 40px
}

.icon-size-32 {
    font-size: 32px;
    line-height: 32px
}

.icon-size-24 {
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .md-pt-40 {
        padding-top: 40px
    }

    .md-pb-40 {
        padding-bottom: 40px
    }

    .md-p-40 {
        padding: 40px
    }

    .md-mb-40 {
        margin-bottom: 40px
    }

    .md-ml-40 {
        margin-left: 40px
    }

    .md-mt-40 {
        margin-top: 40px
    }

    .md-icon-size-32 {
        font-size: 32px;
        line-height: 32px
    }

    .md-icon-size-24 {
        font-size: 24px;
        line-height: 24px
    }

    .cx-link {
        text-decoration: none
    }

        .cx-link:hover,
        .md-text-hover-underline:hover {
            text-decoration: underline
        }

    .md-w-100 {
        width: 100%
    }

    .md-w-auto {
        width: auto
    }

    .md-h-100 {
        height: 100%
    }
}

@media (min-width:992px) {
    .lg-pt-40 {
        padding-top: 40px
    }

    .lg-pb-40 {
        padding-bottom: 40px
    }

    .lg-p-40 {
        padding: 40px
    }

    .lg-mb-40 {
        margin-bottom: 40px
    }

    .lg-ml-40 {
        margin-left: 40px
    }

    .lg-mt-40 {
        margin-top: 40px
    }

    .lg-icon-size-32 {
        font-size: 32px;
        line-height: 32px
    }

    .lg-icon-size-24 {
        font-size: 24px;
        line-height: 24px
    }

    .lg-w-100 {
        width: 100%
    }

    .lg-w-auto {
        width: auto
    }

    .lg-h-100 {
        height: 100%
    }
}

.feedback-success-100-fill {
    background-color: #ebffe7
}

.feedback-success-100-color {
    color: #ebffe7
}

.feedback-success-100-outlined {
    border: 1px solid #ebffe7
}

.feedback-success-400-fill {
    background-color: #bdffac
}

.feedback-success-400-color {
    color: #bdffac
}

.feedback-success-400-outlined {
    border: 1px solid #bdffac
}

.feedback-success-500-fill {
    background-color: #7deb62
}

.feedback-success-500-color {
    color: #7deb62
}

.feedback-success-500-outlined {
    border: 1px solid #7deb62
}

.feedback-success-800-fill {
    background-color: #3bb61c
}

.feedback-success-800-color {
    color: #3bb61c
}

.feedback-success-800-outlined {
    border: 1px solid #3bb61c
}

.feedback-success-900-fill {
    background-color: #187700
}

.feedback-success-900-color {
    color: #187700
}

.feedback-success-900-outlined {
    border: 1px solid #187700
}

.feedback-error-100-fill {
    background-color: #ffcdcd
}

.feedback-error-100-color {
    color: #ffcdcd
}

.feedback-error-100-outlined {
    border: 1px solid #ffcdcd
}

.feedback-error-400-fill {
    background-color: #fd4e4e
}

.feedback-error-400-color {
    color: #fd4e4e
}

.feedback-error-400-outlined {
    border: 1px solid #fd4e4e
}

.feedback-error-500-fill {
    background-color: #bb1313
}

.feedback-error-500-color {
    color: #bb1313
}

.feedback-error-500-outlined {
    border: 1px solid #bb1313
}

.feedback-error-800-fill {
    background-color: #900000
}

.feedback-error-800-color {
    color: #900000
}

.feedback-error-800-outlined {
    border: 1px solid #900000
}

.feedback-error-900-fill {
    background-color: #6d0400
}

.feedback-error-900-color {
    color: #6d0400
}

.feedback-error-900-outlined {
    border: 1px solid #6d0400
}

.grey-20-fill {
    background-color: #f9f9f9
}

.grey-20-color {
    color: #f9f9f9
}

.grey-20-outlined {
    border: 1px solid #f9f9f9
}

.grey-50-fill {
    background-color: #f2f2f2
}

.grey-50-color {
    color: #f2f2f2
}

.grey-50-outlined {
    border: 1px solid #f2f2f2
}

.grey-100-fill {
    background-color: #e6e6e6
}

.grey-100-color {
    color: #e6e6e6
}

.grey-100-outlined {
    border: 1px solid #e6e6e6
}

.grey-200-fill {
    background-color: #ccc
}

.grey-200-color {
    color: #ccc
}

.grey-200-outlined {
    border: 1px solid #ccc
}

.grey-300-fill {
    background-color: #b3b3b3
}

.grey-300-color {
    color: #b3b3b3
}

.grey-300-outlined {
    border: 1px solid #b3b3b3
}

.grey-400-fill {
    background-color: #999
}

.grey-400-color {
    color: #999
}

.grey-400-outlined {
    border: 1px solid #999
}

.grey-500-fill {
    background-color: gray
}

.grey-500-color {
    color: gray
}

.grey-500-outlined {
    border: 1px solid grey
}

.grey-600-fill {
    background-color: #666
}

.grey-600-color {
    color: #666
}

.grey-600-outlined {
    border: 1px solid #666
}

.grey-700-fill {
    background-color: #4d4d4d
}

.grey-700-color {
    color: #4d4d4d
}

.grey-700-outlined {
    border: 1px solid #4d4d4d
}

.grey-800-fill {
    background-color: #333
}

.grey-800-color {
    color: #333
}

.grey-800-outlined {
    border: 1px solid #333
}

.grey-900-fill {
    background-color: #1a1a1a
}

.grey-900-color {
    color: #1a1a1a
}

.grey-900-outlined {
    border: 1px solid #1a1a1a
}

.grey-950-fill {
    background-color: #0d0d0d
}

.grey-950-color {
    color: #0d0d0d
}

.grey-950-outlined {
    border: 1px solid #0d0d0d
}

.grey-1000-fill {
    background-color: #0d0d0d
}

.grey-1000-color {
    color: #0d0d0d
}

.grey-1000-outlined {
    border: 1px solid #0d0d0d
}

.red-100-fill {
    background-color: #fee3e1
}

.red-100-color {
    color: #fee3e1
}

.red-100-outlined {
    border: 1px solid #fee3e1
}

.red-400-fill {
    background-color: #f87070
}

.red-400-color {
    color: #f87070
}

.red-400-outlined {
    border: 1px solid #f87070
}

.red-500-fill {
    background-color: #e20a03
}

.red-500-color {
    color: #e20a03
}

.red-500-outlined {
    border: 1px solid #e20a03
}

.red-800-fill {
    background-color: #b50802
}

.red-800-color {
    color: #b50802
}

.red-800-outlined {
    border: 1px solid #b50802
}

.red-900-fill {
    background-color: #7e0602
}

.red-900-color {
    color: #7e0602
}

.red-900-outlined {
    border: 1px solid #7e0602
}

.memento-100-fill {
    background-color: #d9fcf8
}

.memento-100-color {
    color: #d9fcf8
}

.memento-100-outlined {
    border: 1px solid #d9fcf8
}

.memento-400-fill {
    background-color: #93f6e4
}

.memento-400-color {
    color: #93f6e4
}

.memento-400-outlined {
    border: 1px solid #93f6e4
}

.memento-500-fill {
    background-color: #2ef3cf
}

.memento-500-color {
    color: #2ef3cf
}

.memento-500-outlined {
    border: 1px solid #2ef3cf
}

.memento-800-fill {
    background-color: #0cd5b0
}

.memento-800-color {
    color: #0cd5b0
}

.memento-800-outlined {
    border: 1px solid #0cd5b0
}

.memento-900-fill {
    background-color: #077e68
}

.memento-900-color {
    color: #077e68
}

.memento-900-outlined {
    border: 1px solid #077e68
}

.pink-100-fill {
    background-color: #ffe9fe
}

.pink-100-color {
    color: #ffe9fe
}

.pink-100-outlined {
    border: 1px solid #ffe9fe
}

.pink-400-fill {
    background-color: #f4c3f2
}

.pink-400-color {
    color: #f4c3f2
}

.pink-400-outlined {
    border: 1px solid #f4c3f2
}

.pink-500-fill {
    background-color: #e867e3
}

.pink-500-color {
    color: #e867e3
}

.pink-500-outlined {
    border: 1px solid #e867e3
}

.pink-800-fill {
    background-color: #cc1ec5
}

.pink-800-color {
    color: #cc1ec5
}

.pink-800-outlined {
    border: 1px solid #cc1ec5
}

.pink-900-fill {
    background-color: #851481
}

.pink-900-color {
    color: #851481
}

.pink-900-outlined {
    border: 1px solid #851481
}

.sonic-100-fill {
    background-color: #e0f4ff
}

.sonic-100-color {
    color: #e0f4ff
}

.sonic-100-outlined {
    border: 1px solid #e0f4ff
}

.sonic-400-fill {
    background-color: #b3dff9
}

.sonic-400-color {
    color: #b3dff9
}

.sonic-400-outlined {
    border: 1px solid #b3dff9
}

.sonic-500-fill {
    background-color: #51b8f5
}

.sonic-500-color {
    color: #51b8f5
}

.sonic-500-outlined {
    border: 1px solid #51b8f5
}

.sonic-800-fill {
    background-color: #2696d9
}

.sonic-800-color {
    color: #2696d9
}

.sonic-800-outlined {
    border: 1px solid #2696d9
}

.sonic-900-fill {
    background-color: #175a82
}

.sonic-900-color {
    color: #175a82
}

.sonic-900-outlined {
    border: 1px solid #175a82
}

.frogger-100-fill {
    background-color: #f3fce3
}

.frogger-100-color {
    color: #f3fce3
}

.frogger-100-outlined {
    border: 1px solid #f3fce3
}

.frogger-400-fill {
    background-color: #dcf693
}

.frogger-400-color {
    color: #dcf693
}

.frogger-400-outlined {
    border: 1px solid #dcf693
}

.frogger-500-fill {
    background-color: #c0f32f
}

.frogger-500-color {
    color: #c0f32f
}

.frogger-500-outlined {
    border: 1px solid #c0f32f
}

.frogger-800-fill {
    background-color: #8ebc0b
}

.frogger-800-color {
    color: #8ebc0b
}

.frogger-800-outlined {
    border: 1px solid #8ebc0b
}

.frogger-900-fill {
    background-color: #5b7907
}

.frogger-900-color {
    color: #5b7907
}

.frogger-900-outlined {
    border: 1px solid #5b7907
}

.yellow-100-fill {
    background-color: #fef7cd
}

.yellow-100-color {
    color: #fef7cd
}

.yellow-100-outlined {
    border: 1px solid #fef7cd
}

.yellow-400-fill {
    background-color: #fbdb6a
}

.yellow-400-color {
    color: #fbdb6a
}

.yellow-400-outlined {
    border: 1px solid #fbdb6a
}

.yellow-500-fill {
    background-color: #ffc700
}

.yellow-500-color {
    color: #ffc700
}

.yellow-500-outlined {
    border: 1px solid #ffc700
}

.yellow-800-fill {
    background-color: #dbab00
}

.yellow-800-color {
    color: #dbab00
}

.yellow-800-outlined {
    border: 1px solid #dbab00
}

.yellow-900-fill {
    background-color: #8a6b00
}

.yellow-900-color {
    color: #8a6b00
}

.yellow-900-outlined {
    border: 1px solid #8a6b00
}

.trainspotting-100-fill {
    background-color: #feebd2
}

.trainspotting-100-color {
    color: #feebd2
}

.trainspotting-100-outlined {
    border: 1px solid #feebd2
}

.trainspotting-400-fill {
    background-color: #fcb879
}

.trainspotting-400-color {
    color: #fcb879
}

.trainspotting-400-outlined {
    border: 1px solid #fcb879
}

.trainspotting-500-fill {
    background-color: #ff8311
}

.trainspotting-500-color {
    color: #ff8311
}

.trainspotting-500-outlined {
    border: 1px solid #ff8311
}

.trainspotting-800-fill {
    background-color: #e06c00
}

.trainspotting-800-color {
    color: #e06c00
}

.trainspotting-800-outlined {
    border: 1px solid #e06c00
}

.trainspotting-900-fill {
    background-color: #a85100
}

.trainspotting-900-color {
    color: #a85100
}

.trainspotting-900-outlined {
    border: 1px solid #a85100
}

.bg-transparent {
    background-color: transparent
}

.border-none {
    border: none
}

.whitespace-nowrap {
    white-space: nowrap
}

.z-0 {
    z-index: 0
}

.z-10 {
    z-index: 10
}

.z-20 {
    z-index: 20
}

.z-30 {
    z-index: 30
}

.z-40 {
    z-index: 40
}

.z-50 {
    z-index: 50
}

.scroll-off {
    overflow: hidden;
    touch-action: none;
    -ms-touch-action: none
}

figure {
    display: block;
    margin: 0
}

.mb-0-imp {
    margin-bottom: 0 !important
}

@keyframes cx-content-placeholder-animation {
    0% {
        transform: translate3d(-30%,0,0)
    }

    to {
        transform: translate3d(100%,0,0)
    }
}

[class^=cx-content-placeholder-] + .cx-content-placeholder-text {
    margin-top: 32px
}

.cx-content-placeholder-text-line {
    background: #eee;
    opacity: .5;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cx-content-placeholder-is-rounded .cx-content-placeholder-text-line {
    border-radius: 6px
}

.cx-content-placeholder-is-centered .cx-content-placeholder-text-line {
    margin-left: auto;
    margin-right: auto
}

.cx-content-placeholder-is-animated .cx-content-placeholder-text-line:before {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cx-content-placeholder-animation;
    animation-timing-function: linear;
    background: linear-gradient(90deg,transparent 0,#e1e1e1 15%,transparent 30%);
    content: "";
    height: 100%;
    left: 0;
    max-width: 1000px;
    position: absolute;
    top: 0;
    width: 100vw
}

.cx-content-placeholder-text-line:nth-child(4n+1) {
    width: 80%
}

.cx-content-placeholder-text-line:nth-child(4n+2) {
    width: 90%
}

.cx-content-placeholder-text-line:nth-child(4n+3) {
    width: 70%
}

.cx-content-placeholder-text-line:nth-child(4n+4) {
    width: 85%
}

.cx-content-placeholder-img {
    background: #eee;
    height: 100%;
    opacity: .5;
    overflow: hidden;
    position: relative;
    width: 100%
}

.cx-content-placeholder-is-rounded .cx-content-placeholder-img {
    border-radius: 6px
}

.cx-content-placeholder-is-centered .cx-content-placeholder-img {
    margin-left: auto;
    margin-right: auto
}

.cx-content-placeholder-is-animated .cx-content-placeholder-img:before {
    animation-duration: 1.5s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: cx-content-placeholder-animation;
    animation-timing-function: linear;
    background: linear-gradient(90deg,transparent 0,#e1e1e1 15%,transparent 30%);
    content: "";
    height: 100%;
    left: 0;
    max-width: 1000px;
    position: absolute;
    top: 0;
    width: 100vw
}

[class^=cx-content-placeholder-] + .cx-content-placeholder-img {
    margin-top: 32px
}

.buy-all-payment-list {
    position: relative
}

    .buy-all-payment-list .cx-content-placeholder {
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 9999
    }

    .buy-all-payment-list .cx-content-placeholder-text-line {
        opacity: 1;
        width: 100%
    }

.selector-group {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.selector {
    cursor: pointer;
    display: inline-block;
    font-weight: 500;
    margin-bottom: 8px;
    margin-right: 8px
}

    .selector.selector-xs {
        font-size: 10px;
        line-height: 12px;
        padding: 4px 12px
    }

@media (min-width:768px) {
    .selector.selector-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 14px
    }
}

.selector.selector-s {
    font-size: 12px;
    line-height: 16px;
    padding: 6px 12px
}

@media (min-width:768px) {
    .selector.selector-s {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px
    }
}

.selector.grey-color {
    color: #f9f9f9
}

.selector.white-color {
    color: #fff
}

.selector.red-900-color {
    color: #7e0602
}

.selector.pink-900-color {
    color: #851481
}

.selector.frogger-900-color {
    color: #5b7907
}

.selector.memento-900-color {
    color: #077e68
}

.selector.sonic-900-color {
    color: #175a82
}

.selector.trainspotting-900-color {
    color: #a85100
}

.selector.yellow-900-color {
    color: #8a6b00
}

.selector.grey-outlined {
    border: 1px solid #f9f9f9
}

.selector.white-outlined {
    border: 1px solid #0d0d0d
}

.selector.red-400-outlined {
    border: 1px solid #f87070
}

.selector.pink-400-outlined {
    border: 1px solid #f4c3f2
}

.selector.frogger-400-outlined {
    border: 1px solid #dcf693
}

.selector.memento-400-outlined {
    border: 1px solid #93f6e4
}

.selector.sonic-400-outlined {
    border: 1px solid #b3dff9
}

.selector.trainspotting-400-outlined {
    border: 1px solid #fcb879
}

.selector.yellow-400-outlined {
    border: 1px solid #fbdb6a
}

.selector.grey-fill {
    background-color: #f9f9f9;
    border: 1px solid #f9f9f9
}

.selector.black-fill {
    background-color: #000;
    border: 1px solid #000
}

.selector.disabled {
    border: 1px solid #ffc700;
    color: #000;
    cursor: default;
    opacity: .3
}

.selector.red-500-fill {
    background-color: #e20a03;
    border: 1px solid #e20a03
}

.selector.pink-500-fill {
    background-color: #e867e3;
    border: 1px solid #e867e3
}

.selector.frogger-500-fill {
    background-color: #c0f32f;
    border: 1px solid #c0f32f
}

.selector.memento-500-fill {
    background-color: #2ef3cf;
    border: 1px solid #2ef3cf
}

.selector.sonic-500-fill {
    background-color: #51b8f5;
    border: 1px solid #51b8f5
}

.selector.trainspotting-500-fill {
    background-color: #ff8311;
    border: 1px solid #ff8311
}

.selector.yellow-500-fill {
    background-color: #ffc700;
    border: 1px solid #ffc700
}

@media (min-width:768px) {
    .selector {
        margin-bottom: 12px;
        margin-right: 12px
    }

    .selector-xs {
        font-size: 12px;
        line-height: 16px;
        padding: 4px 14px
    }

    .selector-s {
        font-size: 14px;
        line-height: 20px;
        padding: 6px 14px
    }
}

.selector-placeholder {
    height: 34px
}

.cx-quantity-stepper {
    border-radius: 200px;
    overflow: hidden
}

    .cx-quantity-stepper .quantity-button,
    .cx-quantity-stepper .quantity-stepper-content {
        align-items: center;
        display: flex;
        justify-content: center
    }

    .cx-quantity-stepper .quantity-button {
        cursor: pointer
    }

    .cx-quantity-stepper .quantity-input {
        background: transparent;
        border: none;
        outline: none;
        text-align: center
    }

        .cx-quantity-stepper .quantity-input::-webkit-inner-spin-button,
        .cx-quantity-stepper .quantity-input::-webkit-outer-spin-button {
            -webkit-appearance: none;
            appearance: none;
            margin: 0
        }

        .cx-quantity-stepper .quantity-input[type=number] {
            -webkit-appearance: textfield;
            -moz-appearance: textfield;
            appearance: textfield
        }

.cx-quantity-stepper-sm .quantity-input {
    font-size: 12px;
    line-height: 16px;
    margin-bottom: 5px;
    margin-top: 5px;
    width: 24px
}

@media (min-width:768px) {
    .cx-quantity-stepper-sm .quantity-input {
        font-size: 14px;
        line-height: 18px;
        margin-bottom: 5px;
        margin-top: 5px;
        width: 38px
    }
}

.cx-quantity-stepper-sm .quantity-button {
    font-size: 16px;
    height: 26px;
    line-height: 16px;
    width: 28px
}

@media (min-width:768px) {
    .cx-quantity-stepper-sm .quantity-button {
        font-size: 20px;
        height: 30px;
        line-height: 20px;
        width: 42px
    }
}

.cx-quantity-stepper-md .quantity-input {
    font-size: 14px;
    line-height: 18px;
    margin-bottom: 10px;
    margin-top: 10px;
    width: 34px
}

@media (min-width:768px) {
    .cx-quantity-stepper-md .quantity-input {
        font-size: 16px;
        line-height: 20px;
        margin-bottom: 13px;
        margin-top: 13px;
        width: 40px
    }
}

.cx-quantity-stepper-md .quantity-button {
    font-size: 16px;
    height: 36px;
    line-height: 16px;
    width: 36px
}

@media (min-width:768px) {
    .cx-quantity-stepper-md .quantity-button {
        font-size: 20px;
        height: 46px;
        line-height: 20px;
        width: 56px
    }
}

.cx-quantity-stepper-secondary {
    background-color: #000;
    border: 1px solid #000;
    color: #fff
}

    .cx-quantity-stepper-secondary .quantity-input {
        border-left: 1px solid #333;
        border-right: 1px solid #333;
        color: #fff
    }

.cx-quantity-stepper-white {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    color: #000
}

    .cx-quantity-stepper-white .quantity-input {
        border-left: 1px solid #e6e6e6;
        border-right: 1px solid #e6e6e6;
        color: #000
    }

.cx-btn {
    border: none
}

.cx-btn-content {
    height: 100%
}

.cx-btn:disabled {
    border-color: #e20a03
}

    .cx-btn:disabled,
    .cx-btn:disabled:hover {
        background-color: #e20a03
    }

.cx-btn-primary:hover {
    background-color: #b50802
}

@media (min-width:768px) {
    .cx-btn-primary:hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn .add-cart-tick {
    height: 20px;
    transform: rotate(180deg)
}

.cx-btn .add-cart-green-tick {
    align-items: center;
    background-color: #c0f32f;
    border-radius: 200px;
    color: #000;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 100%;
    justify-content: center;
    left: 0;
    opacity: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

    .cx-btn .add-cart-green-tick i {
        font-size: 20px;
        font-weight: 400;
        line-height: 20px
    }

.cx-btn .add-cart-icon-anim-container {
    height: 18px;
    position: relative;
    width: 21px
}

    .cx-btn .add-cart-icon-anim-container span {
        display: block;
        position: absolute
    }

    .cx-btn .add-cart-icon-anim-container .basket-container {
        background: url(./basket-container.b7f1a280.svg) no-repeat;
        background-size: cover;
        bottom: 0;
        height: 14px;
        width: 21px
    }

    .cx-btn .add-cart-icon-anim-container .basket-handle-left {
        background: url(./basket-handle-left.0b8cd593.svg) no-repeat;
        background-size: cover;
        height: 11px;
        left: 2px;
        top: -1px;
        transform: rotate(28deg);
        transform-origin: bottom;
        width: 5px
    }

    .cx-btn .add-cart-icon-anim-container .basket-handle-right {
        background: url(./basket-handle-right.627d0f81.svg) no-repeat;
        background-size: cover;
        height: 11px;
        right: 3px;
        top: -1px;
        transform: rotate(-28deg);
        transform-origin: bottom;
        width: 5px
    }

    .cx-btn .add-cart-icon-anim-container .basket-item {
        background-color: #fff;
        border-radius: 100%;
        height: 4px;
        left: 0;
        margin: auto;
        opacity: 0;
        right: 0;
        top: -20px;
        width: 4px
    }

.cx-btn.add-cart-button-wide {
    height: 38px;
    padding-bottom: 0;
    padding-top: 0
}

@media (min-width:768px) {
    .cx-btn.add-cart-button-wide {
        height: 48px;
        min-width: 195px
    }
}

.cx-btn.add-cart-anim-play .add-cart-green-tick {
    animation: display-green-tick .4s ease-in 1.4s forwards
}

.cx-btn.add-cart-anim-play .add-cart-tick {
    animation: display-tick .4s ease-in 1.4s forwards
}

.cx-btn.add-cart-anim-play .basket-handle-left {
    animation: handle-left-open .4s ease-in forwards
}

.cx-btn.add-cart-anim-play .basket-handle-right {
    animation: handle-right-open .4s ease-in forwards
}

.cx-btn.add-cart-anim-play .basket-item {
    animation: basket-item-drop .4s ease-in .4s forwards
}

@keyframes display-green-tick {
    0% {
        opacity: 0
    }

    to {
        opacity: 1
    }
}

@keyframes display-tick {
    0% {
        transform: rotate(180deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes handle-left-open {
    0% {
        transform: rotate(28deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes handle-right-open {
    0% {
        transform: rotate(-28deg)
    }

    to {
        transform: rotate(0)
    }
}

@keyframes basket-item-drop {
    0% {
        opacity: 0;
        top: -20px
    }

    to {
        opacity: 1;
        top: 12px
    }
}

@media (min-width:768px) {
    .cx-btn-xs {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

        .cx-btn-xs .btn-text {
            margin-left: 10px
        }

        .cx-btn-xs.btn-rounded {
            height: 24px;
            padding: 0;
            width: 24px
        }

    .cx-btn-sm {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

        .cx-btn-sm .btn-text {
            margin-left: 10px
        }

        .cx-btn-sm.btn-rounded {
            height: 32px;
            padding: 0;
            width: 32px
        }

    .cx-btn-md {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

        .cx-btn-md .btn-text {
            margin-left: 12px
        }

        .cx-btn-md.btn-rounded {
            height: 48px;
            padding: 0;
            width: 48px
        }

    .cx-btn-lg {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

        .cx-btn-lg .btn-text {
            margin-left: 13px
        }

        .cx-btn-lg.btn-rounded {
            height: 56px;
            padding: 0;
            width: 56px
        }

    .cx-btn .btn-text:first-child {
        margin-left: 0
    }
}

.grade {
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.grade,
.grade-letter {
    align-items: center;
    display: flex
}

.grade-letter {
    border-radius: 100%;
    color: #fff;
    flex: 0 0 21px;
    flex-direction: unset;
    flex-wrap: unset;
    font-weight: 700;
    height: 21px;
    justify-content: center
}

.grade-letter,
.grade-title {
    font-size: 12px;
    line-height: 16px
}

.grade-title {
    color: #4d4d4d;
    font-weight: 600;
    margin-left: 6px;
    white-space: nowrap
}

@media (min-width:768px) {
    .grade-letter {
        flex: 0 0 28px;
        font-size: 14px;
        height: 28px;
        line-height: 18px
    }

    .grade-title {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-left: 10px
    }
}

.accordion-item {
    padding-bottom: 16px
}

    .accordion-item:last-child {
        border-bottom: 0
    }

.accordion-button {
    align-items: flex-start;
    background: transparent;
    border: none;
    color: #0d0d0d;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px;
    outline: none;
    padding-top: 24px;
    text-align: left;
    width: 100%
}

    .accordion-button > i {
        font-size: 24px;
        line-height: 24px;
        margin-left: 40px;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

    .accordion-button.accordion-trigger-active i {
        transform: rotate(180deg)
    }

.accordion-content-inner {
    padding-top: 24px
}

.accordion-enter-active,
.accordion-leave-active {
    overflow: hidden;
    transition: height .3s ease,opacity .3s ease;
    will-change: height,opacity
}

.accordion-enter-from,
.accordion-leave-to {
    height: 0 !important;
    opacity: 0
}

.accordion-checkout .accordion-button {
    font-size: 20px;
    line-height: 24px;
    padding-top: 0
}

    .accordion-checkout .accordion-button > .cx-icon-arrow-down {
        font-size: 24px;
        line-height: 24px
    }

.accordion-checkout .accordion-content-inner {
    padding-top: 32px
}

.accordion-checkout .accordion-item {
    border-bottom: none;
    padding-bottom: 0;
    position: relative
}

.accordion .checkout-step-disabled .accordion-item .accordion-button {
    color: #b3b3b3
}

@media (min-width:768px) {
    .accordion-item {
        padding-bottom: 24px
    }

    .accordion-button {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px;
        padding-top: 40px
    }

        .accordion-button i {
            font-size: 32px;
            line-height: 32px;
            margin-left: auto
        }

    .accordion-content-inner {
        padding-top: 40px
    }

    .accordion-md .accordion-item {
        padding-bottom: 24px
    }

    .accordion-md .accordion-button {
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding-top: 24px
    }

        .accordion-md .accordion-button i {
            font-size: 14px;
            line-height: 20px
        }

    .accordion-md .accordion-content-inner {
        padding-top: 12px
    }

    .accordion-checkout .accordion-button {
        font-size: 22px;
        line-height: 26px;
        padding-top: 0
    }

        .accordion-checkout .accordion-button .cx-icon-arrow-down {
            font-size: 24px;
            line-height: 24px
        }

    .accordion-checkout .accordion-content-inner {
        padding-top: 32px
    }

    .accordion-checkout .accordion-item {
        border-bottom: none;
        padding-bottom: 0
    }
}

.accordion > .accordion-item {
    border-top: 1px solid #e6e6e6
}

.fav-ico {
    align-items: center;
    background: hsla(0,0%,100%,.75);
    border-radius: 100%;
    color: #000;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    font-weight: 500;
    height: 40px;
    justify-content: center;
    line-height: 16px;
    position: relative;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    width: 40px
}

    .fav-ico:hover {
        transform: scale(1.05)
    }

    .fav-ico .favourite-off {
        background-color: #fff
    }

    .fav-ico .favourite-off,
    .fav-ico .favourite-on {
        font-size: 24px;
        height: 24px;
        padding-top: 4px;
        width: 24px;
        z-index: 2
    }

    .fav-ico .favourite-on {
        color: #e20a03;
        opacity: 0;
        position: absolute;
        transform: rotate(-30deg) scale(2.5)
    }

    .fav-ico.favourite-anim-play .favourite-on {
        animation: favourite-on .8s ease-in forwards
    }

@keyframes favourite-on {
    0% {
        opacity: 0;
        transform: rotate(-30deg) scale(2.5)
    }

    to {
        opacity: 1;
        transform: rotate(0) scale(1)
    }
}

.fav-ico .dots-anim {
    height: 100%;
    position: absolute;
    width: 100%;
    z-index: 1
}

    .fav-ico .dots-anim span {
        border-radius: 100%;
        display: block;
        height: 4px;
        opacity: 1;
        position: absolute;
        width: 4px
    }

    .fav-ico .dots-anim .yellow-dot {
        left: 18px;
        top: 18px
    }

    .fav-ico .dots-anim .frogger-dot {
        right: 18px;
        top: 18px
    }

    .fav-ico .dots-anim .trainspotting-dot {
        left: 18px;
        top: 18px
    }

    .fav-ico .dots-anim .pink-dot,
    .fav-ico .dots-anim .sonic-dot {
        bottom: 18px;
        left: 18px
    }

    .fav-ico .dots-anim .memento-dot {
        bottom: 18px;
        right: 18px
    }

.fav-ico.favourite-anim-play .dots-anim .yellow-dot {
    animation: yellow-dot .8s ease-in .2s alternate forwards
}

.fav-ico.favourite-anim-play .dots-anim .frogger-dot {
    animation: frogger-dot .8s ease-in .2s alternate forwards
}

.fav-ico.favourite-anim-play .dots-anim .trainspotting-dot {
    animation: trainspotting-dot .8s ease-in .2s alternate forwards
}

.fav-ico.favourite-anim-play .dots-anim .sonic-dot {
    animation: sonic-dot .8s ease-in .2s alternate forwards
}

.fav-ico.favourite-anim-play .dots-anim .pink-dot {
    animation: pink-dot .8s ease-in .2s alternate forwards
}

.fav-ico.favourite-anim-play .dots-anim .memento-dot {
    animation: memento-dot .8s ease-in .2s alternate forwards
}

@keyframes yellow-dot {
    0% {
        left: 18px;
        opacity: 1;
        top: 18px
    }

    to {
        left: 18px;
        opacity: 0;
        top: -1px
    }
}

@keyframes frogger-dot {
    0% {
        left: 18px;
        opacity: 1;
        top: 18px
    }

    to {
        opacity: 0;
        right: -1px;
        top: 9px
    }
}

@keyframes trainspotting-dot {
    0% {
        left: 18px;
        opacity: 1;
        top: 18px
    }

    to {
        left: -1px;
        opacity: 0;
        top: 9px
    }
}

@keyframes pink-dot {
    0% {
        left: 18px;
        opacity: 1;
        top: 18px
    }

    to {
        bottom: 9px;
        left: -1px;
        opacity: 0
    }
}

@keyframes memento-dot {
    0% {
        left: 18px;
        opacity: 1;
        top: 18px
    }

    to {
        bottom: 9px;
        opacity: 0;
        right: -1px
    }
}

@keyframes sonic-dot {
    0% {
        bottom: 18px;
        left: 18px;
        opacity: 1
    }

    to {
        bottom: -1px;
        left: 18px;
        opacity: 0
    }
}

.cx-card.vertical {
    width: 100%
}

.cx-card-product .wrapper-box {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    overflow: hidden;
    position: relative
}

    .cx-card-product .wrapper-box .wrapper-box-overlay {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 100
    }

    .cx-card-product .wrapper-box .thumbnail {
        background-color: #fff;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 20px;
        position: relative
    }

        .cx-card-product .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            height: 160px;
            justify-content: center
        }

            .cx-card-product .wrapper-box .thumbnail .card-img a {
                align-items: center;
                display: flex;
                height: 100%
            }

            .cx-card-product .wrapper-box .thumbnail .card-img img {
                display: block;
                height: auto;
                max-height: 100%;
                max-width: 100%
            }

@media (min-width:768px) {
    .cx-card-product .wrapper-box .thumbnail .card-img {
        height: 180px
    }
}

.cx-card-product .wrapper-box .thumbnail .ico-box .fav-ico {
    align-items: center;
    background: hsla(0,0%,100%,.75);
    border-radius: 200px;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    position: absolute;
    right: 16px;
    top: 16px;
    width: 40px
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .thumbnail .ico-box .fav-ico {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

        .cx-card-product .wrapper-box .thumbnail .ico-box .fav-ico:hover {
            transform: scale(1.05);
            transform-origin: center
        }
}

.cx-card-product .wrapper-box .content {
    padding: 16px;
    text-align: left;
    width: 100%
}

    .cx-card-product .wrapper-box .content .card-metadata {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-end;
        margin-bottom: 10px;
        min-height: 22px
    }

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .card-metadata {
        min-height: 28px
    }
}

.cx-card-product .wrapper-box .content .card-metadata .card-grade {
    width: 100%
}

.cx-card-product .wrapper-box .content .card-metadata .card-rating {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    white-space: nowrap
}

    .cx-card-product .wrapper-box .content .card-metadata .card-rating span {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        margin-left: 4px;
        margin-top: 2px
    }

.cx-card-product .wrapper-box .content .card-subtitle {
    color: #4d4d4d;
    display: -webkit-box;
    font-size: 10px;
    font-weight: 300;
    height: 12px;
    line-height: 12px;
    margin-bottom: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: left
    }
}

.cx-card-product .wrapper-box .content .card-subtitle a {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

.cx-card-product .wrapper-box .content .card-title {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    word-break: break-word
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .card-title {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        text-align: left
    }
}

.cx-card-product .wrapper-box .content .card-title a {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 600;
    height: 57px;
    line-height: 18px
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .card-title a {
        font-size: 14px;
        height: 60px;
        line-height: 20px
    }
}

.cx-card-product .wrapper-box .content .product-prices {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-top: 12px
}

    .cx-card-product .wrapper-box .content .product-prices .price-wrapper {
        text-align: left;
        width: 80%
    }

        .cx-card-product .wrapper-box .content .product-prices .price-wrapper .price-reduction span {
            color: #e20a03;
            font-size: 10px;
            font-weight: 300;
            line-height: 12px
        }

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .product-prices .price-wrapper .price-reduction span {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-card-product .wrapper-box .content .product-prices .price-wrapper .price-reduction span.price-deduction {
    margin-left: 4px;
    text-decoration: line-through
}

.cx-card-product .wrapper-box .content .product-prices .price-wrapper .alert-price {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 20px;
    text-transform: uppercase
}

.cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-main-price {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-main-price {
        color: #0d0d0d;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }
}

.cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-cash {
    align-items: center;
    color: #000;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 14px;
    font-weight: 500;
    justify-content: space-between;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-cash {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

.cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-cash span {
    font-size: 10px;
    line-height: 12px;
    margin-right: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .cx-card-product .wrapper-box .content .product-prices .price-wrapper .product-cash span {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-card-product .wrapper-box .content .product-prices .sell-btn {
    margin-left: 8px
}

.cx-card-product .wrapper-box .content .product-prices .btn-content {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-card-product.vertical .compact-card {
    width: 100%
}

    .cx-card-product.vertical .compact-card .wrapper-box {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: unset
    }

        .cx-card-product.vertical .compact-card .wrapper-box .thumbnail .card-img {
            height: 112px
        }

@media (min-width:768px) {
    .cx-card-product.vertical .compact-card .wrapper-box {
        display: block
    }

        .cx-card-product.vertical .compact-card .wrapper-box .thumbnail .card-img {
            height: 187px
        }
}

.cx-card-product.horizontal .wrapper-box {
    align-items: stretch;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    width: 100%
}

    .cx-card-product.horizontal .wrapper-box .thumbnail {
        align-items: center;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 20px;
        display: flex;
        flex: 0 0 165px;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        width: 165px
    }

        .cx-card-product.horizontal .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            height: 112px;
            justify-content: center
        }

@media (min-width:768px) {
    .cx-card-product.horizontal .wrapper-box .thumbnail .card-img {
        height: 160px
    }
}

.cx-card-product.horizontal .wrapper-box .content {
    width: 100%
}

    .cx-card-product.horizontal .wrapper-box .content .card-title {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }

        .cx-card-product.horizontal .wrapper-box .content .card-title a {
            display: -webkit-box;
            height: 34px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }

@media (min-width:768px) {
    .cx-card-product.horizontal .wrapper-box .content .card-title {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

        .cx-card-product.horizontal .wrapper-box .content .card-title a {
            height: 40px
        }
}

.cx-card-product.horizontal .wrapper-box .content .card-subtitle {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-product.horizontal .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
}

.cx-card-product.horizontal .wrapper-box .content .product-prices {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-card-product.horizontal .wrapper-box .content .product-price-wrapper {
    margin-top: 12px
}

.cx-card-product.horizontal .wrapper-box .content .product-basket-bottom-content {
    margin-top: 5px
}

    .cx-card-product.horizontal .wrapper-box .content .product-basket-bottom-content .linked-text {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: underline
    }

    .cx-card-product.horizontal .wrapper-box .content .product-basket-bottom-content .order-received {
        font-size: 10px;
        line-height: 12px
    }

@media (min-width:768px) {
    .cx-card-product.horizontal .wrapper-box .content .product-basket-bottom-content .order-received {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card-product.horizontal .wrapper-box .content .collect-in-store {
    color: #4d4d4d;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-product.horizontal .wrapper-box .content .collect-in-store {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }

    .cx-card-product.horizontal.product-basket-card .wrapper-box {
        max-width: 702px
    }
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .thumbnail {
    width: auto
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-basket-card .wrapper-box .thumbnail {
        width: 32%
    }
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .thumbnail .card-img {
    height: 116px
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .thumbnail .fav-ico {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    right: 8px;
    top: 8px;
    width: 28px
}

    .cx-card-product.horizontal.product-basket-card .wrapper-box .thumbnail .fav-ico .cx-icon-delete {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        padding: 8px
    }

.cx-card-product.horizontal.product-basket-card .wrapper-box .content {
    padding: 12px;
    width: 100%
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-basket-card .wrapper-box .content {
        padding: 16px 16px 16px 40px
    }
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .content .card-title {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 600;
    height: 28px;
    justify-content: space-between;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-basket-card .wrapper-box .content .card-title {
        font-size: 16px;
        height: auto;
        line-height: 20px
    }
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .content .card-title .del-ico {
    align-items: center;
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 8px;
    width: 40px
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-price-wrapper {
    height: 72px;
    margin-top: 5px
}

    .cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-price-wrapper .price {
        width: 100%
    }

@media (min-width:768px) {
    .cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-price-wrapper .price {
        width: auto
    }
}

.cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content {
    align-items: space-between;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content div {
        width: 50%
    }

    .cx-card-product.horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content .btn-stepper {
        text-align: right
    }

@media (min-width:768px) {
    .cx-card-product.horizontal.product-order-received .wrapper-box {
        max-width: 296px
    }
}

.cx-card-product.horizontal.product-order-received .wrapper-box .thumbnail {
    padding: 12px
}

    .cx-card-product.horizontal.product-order-received .wrapper-box .thumbnail .card-img {
        height: 52px
    }

.cx-card-product.horizontal.product-order-received .wrapper-box .content {
    padding: 16px 12px
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-order-received .wrapper-box .content {
        padding: 12px 20px
    }
}

.cx-card-product.horizontal.product-order-received .wrapper-box .content .card-title {
    font-size: 12px;
    height: 32px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-order-received .wrapper-box .content .card-title {
        font-size: 16px;
        height: 40px;
        line-height: 20px
    }
}

.cx-card-product.horizontal.product-order-received .wrapper-box .content .product-basket-bottom-content {
    margin-top: 6px
}

.cx-card-product.horizontal.product-alert-horizontal .wrapper-box .thumbnail {
    padding: 12px
}

@media (min-width:768px) {
    .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .thumbnail .card-img {
        height: 84px
    }
}

.cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content {
    display: flex;
    flex-wrap: wrap;
    width: 100%
}

    .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content .card-title {
        flex-basis: calc(100% - 40px);
        height: 48px
    }

    .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content .ico-box .del-ico {
        align-items: center;
        background: hsla(0,0%,100%,.75);
        background-color: #000;
        border-radius: 200px;
        color: #fff;
        cursor: pointer;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 40px;
        justify-content: center;
        padding: 8px;
        width: 40px
    }

    .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content .product-price-wrapper {
        flex-basis: 100%
    }

        .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content .product-price-wrapper .price {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: space-between;
            width: 100%
        }

@media (min-width:768px) {
    .cx-card-product.horizontal.product-alert-horizontal .wrapper-box .content .product-price-wrapper .price .product-main-price {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card .tradeInPrices {
    background-color: #fff;
    border-bottom-left-radius: 24px;
    border-bottom-right-radius: 24px;
    padding: 8px 20px 12px;
    transition: all .3s ease;
    -webkit-transition: all .3s ease
}

@media (min-width:768px) {
    .cx-card .tradeInPrices {
        padding: 8px 20px 16px;
        transition: all .3s ease;
        -webkit-transition: all .3s ease
    }
}

.products-listing-panel.visible-trading-price .cx-card-product.horizontal .wrapper-box,
.products-listing-panel.visible-trading-price .cx-card-product.horizontal .wrapper-box .thumbnail {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

@media (min-width:768px) {
    .products-listing-panel.visible-trading-price .cx-card-product.horizontal .wrapper-box {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

        .products-listing-panel.visible-trading-price .cx-card-product.horizontal .wrapper-box .thumbnail {
            border-radius: 24px
        }
}

.products-listing-panel.visible-trading-price .cx-card-product.vertical .wrapper-box {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.related-products-container .cx-card-product.horizontal .wrapper-box .content .card-title a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

.search-result-grid .cx-card-product.horizontal .wrapper-box .content .card-title {
    height: auto
}

    .search-result-grid .cx-card-product.horizontal .wrapper-box .content .card-title a {
        display: -webkit-box;
        height: 53px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 3;
        line-clamp: 3;
        -webkit-box-orient: vertical
    }

@media (min-width:768px) {
    .search-result-grid .cx-card-product.horizontal .wrapper-box .content .card-title a {
        height: 60px
    }
}

.my-account-tab-right .cx-card-product.vertical .compact-card .wrapper-box {
    align-items: stretch
}

    .my-account-tab-right .cx-card-product.vertical .compact-card .wrapper-box .thumbnail {
        align-items: center;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        display: flex;
        flex: 0 0 40%;
        justify-content: center
    }

.my-account-tab-right .cx-card-product .wrapper-box .content {
    flex: 100%;
    width: auto
}

.cx-snackbar-placeholder {
    bottom: 0;
    left: 50%;
    position: fixed;
    transform: translate(-50%);
    z-index: 9999
}

.cx-snackbar {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    margin: 0 30px 15px;
    opacity: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86)
}

    .cx-snackbar.active {
        opacity: 1
    }

.cx-snackbar-content {
    align-items: center;
    background-color: #e20a03;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    min-width: 250px;
    padding: 16px
}

    .cx-snackbar-content i {
        font-size: 24px;
        line-height: 24px
    }

.cx-snackbar-message {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

.cx-snackbar-action {
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-left: 40px;
    text-transform: uppercase
}

.pdp-snackbar .cx-snackbar.active {
    margin-bottom: 105px
}

@media (min-width:768px) {
    .pdp-snackbar .cx-snackbar.active {
        margin-bottom: 30px
    }

    .cx-snackbar-content {
        min-width: 345px;
        padding: 24px 16px
    }

    .cx-snackbar-message {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .cx-snackbar-action {
        font-size: 14px;
        line-height: 20px;
        margin-left: 100px
    }
}

.splash-screen {
    background: url(./loader.68e006cf.svg) 50% no-repeat #fff;
    background-size: 190px;
    width: 100%;
    z-index: 99999
}

.block-ui-container,
.splash-screen {
    height: 100%;
    left: 0;
    position: fixed;
    top: 0
}

.block-ui-container {
    align-items: center;
    background-color: #000000a3;
    display: flex;
    justify-content: center;
    width: 100vw;
    z-index: 10
}

    .block-ui-container .loader {
        animation: move .5s linear infinite alternate-reverse;
        border: 7px solid #fff;
        border-radius: 0 50% 50%;
        height: 80px;
        position: relative;
        transform: rotate(45deg);
        width: 80px
    }

        .block-ui-container .loader:before {
            animation: rotate 1s linear infinite;
            border-color: #fff transparent;
            border-radius: 50%;
            border-style: solid;
            border-width: 7px;
            content: "";
            height: 55%;
            left: 50%;
            position: absolute;
            top: 50%;
            transform: translate(-50%,-50%);
            width: 55%
        }

@keyframes rotate {
    to {
        transform: translate(-50%,-50%) rotate(1turn)
    }
}

@keyframes move {
    to {
        transform: translateY(15px) rotate(45deg)
    }
}

.form-group.date-time-picker {
    line-height: 16px;
    position: relative;
    width: auto
}

    .form-group.date-time-picker .textfield-title {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .form-group.date-time-picker .textfield {
        align-items: center;
        background: #f9f9f9;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: left
    }

        .form-group.date-time-picker .textfield .dp__main.dp__theme_light .dp__input_wrap input.dp__input {
            background-color: transparent;
            border: 0;
            color: #4d4d4d;
            font-size: 14px;
            padding: 12px 12px 12px 35px;
            text-overflow: ellipsis;
            width: 100%
        }

            .form-group.date-time-picker .textfield .dp__main.dp__theme_light .dp__input_wrap input.dp__input:focus {
                outline: none
            }

@media (min-width:768px) {
    .form-group.date-time-picker {
        font-size: 14px;
        line-height: 20px
    }

        .form-group.date-time-picker .textfield-title {
            font-size: 14px
        }

        .form-group.date-time-picker .textfield {
            border-radius: 24px
        }

            .form-group.date-time-picker .textfield input {
                font-size: 16px;
                padding: 14px
            }
}

.table-content-btn {
    margin: 16px 0 40px
}

    .table-content-btn button {
        cursor: pointer;
        width: 100%
    }

.cx-about-us {
    position: relative
}

    .cx-about-us .about-left-panel {
        background: #fff;
        height: 100%;
        left: 0;
        padding: 12px 24px;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 1
    }

        .cx-about-us .about-left-panel .about-title {
            position: relative
        }

            .cx-about-us .about-left-panel .about-title i {
                cursor: pointer;
                font-size: 24px;
                position: absolute;
                right: 0;
                top: 0
            }

        .cx-about-us .about-left-panel .about-us-list {
            margin: 24px 0
        }

            .cx-about-us .about-left-panel .about-us-list li {
                margin-bottom: 24px
            }

                .cx-about-us .about-left-panel .about-us-list li a {
                    color: #000;
                    cursor: pointer;
                    font-size: 14px;
                    font-weight: 600;
                    line-height: 20px
                }

@media (min-width:768px) {
    .cx-about-us .about-left-panel .about-us-list li a.active,
    .cx-about-us .about-left-panel .about-us-list li a:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-about-us .about-right-panel a:hover {
    text-decoration: underline
}

.cx-about-us .about-right-panel .banner {
    background: #e6e6e6;
    border-radius: 24px;
    height: 192px;
    margin-bottom: 24px;
    margin-top: 40px;
    width: 100%
}

.cx-about-us .about-right-panel .cex-logo-download-block {
    background-color: #f2f2f2;
    border: 1px solid #ccc;
    border-radius: 20px;
    margin: 24px 0;
    padding: 0 24px 20px
}

.cx-about-us .about-right-panel .cex-logo-view-download {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left;
    margin: 20px 0
}

    .cx-about-us .about-right-panel .cex-logo-view-download a {
        background-color: #fff;
        border: 1px solid #ccc;
        border-radius: 6px;
        color: #1877f2;
        font-size: 14px;
        margin: 0 10px;
        padding: 4px 12px
    }

.cx-about-us .about-right-panel .inner-heading {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    margin-bottom: 12px;
    margin-top: 24px
}

.cx-about-us .about-right-panel .content {
    color: #000
}

    .cx-about-us .about-right-panel .content hr {
        margin-bottom: 24px
    }

    .cx-about-us .about-right-panel .content img {
        border-radius: 20px;
        margin-bottom: 24px;
        width: 100%
    }

    .cx-about-us .about-right-panel .content h3 {
        color: #0d0d0d;
        display: inline-block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin-bottom: 12px
    }

    .cx-about-us .about-right-panel .content p {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 12px
    }

        .cx-about-us .about-right-panel .content p a {
            color: #e20a03
        }

    .cx-about-us .about-right-panel .content .product-wrap {
        display: grid;
        gap: 20px;
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr));
        margin-bottom: 24px
    }

@media (min-width:620px) {
    .cx-about-us .about-right-panel .content .product-wrap {
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }
}

@media (min-width:768px) {
    .cx-about-us .about-right-panel .content .product-wrap {
        grid-template-columns: repeat(auto-fill,minmax(130px,1fr))
    }
}

@media (min-width:992px) {
    .cx-about-us .about-right-panel .content .product-wrap {
        grid-template-columns: repeat(auto-fill,minmax(160px,1fr))
    }
}

.cx-about-us .about-right-panel .content .product-wrap a img {
    border-radius: 0;
    display: block;
    height: 100%;
    margin-bottom: 0;
    width: 100%
}

.cx-about-us .about-right-panel .content ul {
    margin: 0 0 16px 18px
}

    .cx-about-us .about-right-panel .content ul li {
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        list-style: disc
    }

        .cx-about-us .about-right-panel .content ul li a {
            color: #e20a03
        }

.cx-about-us .about-right-panel .content .all-phones-btn {
    background: #e20a03;
    border-radius: 24px;
    color: #fff;
    display: inline-block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: 0;
    padding: 12px;
    text-align: center;
    width: 100%
}

.cx-about-us .about-right-panel .content .app-users-text {
    border-top: 1px solid #ccc;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    line-height: 20px;
    margin-top: 40px;
    padding-bottom: 8px;
    padding-top: 16px;
    text-align: center
}

.cx-about-us .about-right-panel .content .app-store {
    margin-bottom: 0;
    text-align: center
}

    .cx-about-us .about-right-panel .content .app-store a img {
        margin: 0;
        width: 150px
    }

.cx-about-us .about-right-panel .vertical-line {
    border-left: 2px solid #e20a03;
    box-sizing: border-box;
    padding-left: 16px
}

.cx-about-us .about-right-panel .content-list {
    list-style: disc;
    margin-bottom: 12px;
    margin-left: 25px
}

    .cx-about-us .about-right-panel .content-list li {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }

.cx-about-us .about-right-panel .back-next-btn {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin: 24px 0 48px
}

    .cx-about-us .about-right-panel .back-next-btn a {
        color: #000;
        cursor: pointer;
        font-size: 14px;
        font-weight: 500
    }

@media (min-width:768px) {
    .table-content-btn {
        display: none
    }

    .cx-about-us {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: unset
    }

        .cx-about-us .about-left-panel {
            border: 1px solid #e6e6e6;
            border-radius: 24px;
            display: block;
            flex: 0 0 278px;
            margin-right: 64px;
            position: static
        }

            .cx-about-us .about-left-panel .about-title {
                margin-top: 12px
            }

                .cx-about-us .about-left-panel .about-title i {
                    display: none
                }

            .cx-about-us .about-left-panel .about-us-list {
                margin: 12px 0
            }

                .cx-about-us .about-left-panel .about-us-list li {
                    margin: 0 -24px
                }

                    .cx-about-us .about-left-panel .about-us-list li a {
                        display: block;
                        font-size: 16px;
                        padding: 16px 24px
                    }

        .cx-about-us .about-right-panel .banner {
            border-radius: 40px;
            height: 475px;
            margin-bottom: 40px
        }

        .cx-about-us .about-right-panel .vertical-line {
            margin: 24px 0 40px
        }

        .cx-about-us .about-right-panel .content img {
            margin-bottom: 16px
        }

        .cx-about-us .about-right-panel .content h3 {
            font-size: 28px;
            line-height: 36px;
            margin-bottom: 24px
        }

        .cx-about-us .about-right-panel .content p {
            font-size: 16px;
            line-height: 23px;
            margin-bottom: 24px
        }

        .cx-about-us .about-right-panel .content ul {
            margin: 0 0 24px 24px
        }

            .cx-about-us .about-right-panel .content ul li {
                font-size: 16px;
                line-height: 24px
            }

        .cx-about-us .about-right-panel .content .all-phones-btn {
            border-radius: 200px;
            margin-bottom: 24px;
            padding: 16px 24px;
            width: auto
        }

        .cx-about-us .about-right-panel .content .app-users-text {
            font-size: 28px;
            margin: 0;
            padding: 24px 0;
            text-align: left
        }

        .cx-about-us .about-right-panel .content .product-wrap a img {
            display: block
        }

        .cx-about-us .about-right-panel .content .app-store {
            text-align: left
        }

            .cx-about-us .about-right-panel .content .app-store a img {
                width: auto
            }
}

.cx-press-clipping .back-next-block {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

    .cx-press-clipping .back-next-block .old-posts {
        margin-left: auto
    }

.cx-press-clipping .press-content {
    margin-bottom: 20px;
    padding: 20px
}

.cx-press-clipping .separator img {
    border-radius: 20px;
    height: auto;
    width: 100%
}

.cx-press-clipping .separator div {
    text-align: left
}

.cx-press-clipping .separator a {
    color: #e20a03
}

.cx-press-clipping .content .press-content div img {
    max-height: 100%;
    max-width: 100%
}

.cx-about-us .about-right-panel .cx-press-clipping h3.press-heading {
    font-size: 22px;
    font-weight: 600;
    line-height: 28px;
    margin-bottom: 18px
}

    .cx-about-us .about-right-panel .cx-press-clipping h3.press-heading a {
        color: #0d0d0d;
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

.press-content .press-date {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .cx-press-clipping .back-next-block .back-next-btn {
        border-radius: 30px;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 12px 24px
    }

        .cx-press-clipping .back-next-block .back-next-btn:first-child i {
            padding-right: 6px
        }

        .cx-press-clipping .back-next-block .back-next-btn:last-child i {
            padding-left: 6px
        }

    .cx-press-clipping .press-content {
        padding: 20px 12px
    }

        .cx-press-clipping .press-content .press-date {
            margin-bottom: 18px
        }

    .cx-about-us .about-right-panel .cx-press-clipping h3.press-heading {
        font-size: 22px;
        font-weight: 600;
        line-height: 26px;
        margin-bottom: 18px
    }

        .cx-about-us .about-right-panel .cx-press-clipping h3.press-heading a {
            color: #0d0d0d;
            font-size: 22px;
            font-weight: 600;
            line-height: 26px
        }
}

@media (min-width:992px) {
    .press-content .press-clipping-img {
        flex: 0 0 300px;
        height: 200px;
        width: 300px
    }
}

.find-store h2 {
    color: #000
}

.find-store .store-address .store-search-field {
    align-items: center;
    background: #fff;
    border: 1px solid #000;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    padding: 6px 12px
}

    .find-store .store-address .store-search-field input {
        border: 0;
        font-size: 14px;
        font-weight: 400;
        outline: none;
        padding: 6px;
        width: 100%
    }

    .find-store .store-address .store-search-field .search-icn {
        color: gray;
        cursor: pointer;
        font-size: 16px
    }

    .find-store .store-address .store-search-field .close-icn {
        cursor: pointer;
        display: none
    }

.find-store .store-address .use-map {
    align-items: center;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.find-store .store-address .find-store-address {
    margin-top: 16px
}

    .find-store .store-address .find-store-address ul li {
        border-top: 1px solid #ccc;
        padding: 24px 0
    }

        .find-store .store-address .find-store-address ul li:last-child {
            padding-bottom: 0
        }

        .find-store .store-address .find-store-address ul li .store-address-title {
            color: #000;
            display: flex;
            font-size: 16px;
            font-weight: 600;
            line-height: 22px;
            margin-bottom: 8px
        }

            .find-store .store-address .find-store-address ul li .store-address-title i {
                align-items: center;
                display: flex;
                flex: auto;
                flex-direction: unset;
                flex-wrap: unset;
                justify-content: right
            }

        .find-store .store-address .find-store-address ul li .store-address-time {
            color: #000;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            margin-bottom: 8px
        }

        .find-store .store-address .find-store-address ul li .store-address-default {
            color: #000;
            font-size: 14px;
            font-weight: 600;
            line-height: 20px;
            margin-bottom: 8px
        }

        .find-store .store-address .find-store-address ul li iframe {
            margin-top: 24px
        }

        .find-store .store-address .find-store-address ul li button {
            display: none
        }

.find-store .border-bot-radius {
    position: relative
}

    .find-store .border-bot-radius .store-search-field {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0;
        border-color: #ccc;
        padding: 12px
    }

    .find-store .border-bot-radius .desktop-store-search-predictive-results {
        background: #fff;
        border: 1px solid #ccc;
        border-bottom-left-radius: 22px;
        border-bottom-right-radius: 22px;
        overflow: hidden;
        position: absolute;
        top: 50px;
        width: 100%;
        z-index: 10
    }

        .find-store .border-bot-radius .desktop-store-search-predictive-results ul {
            max-height: 192px;
            overflow-y: auto;
            padding: 12px 12px 0
        }

            .find-store .border-bot-radius .desktop-store-search-predictive-results ul::-webkit-scrollbar {
                width: 5px
            }

            .find-store .border-bot-radius .desktop-store-search-predictive-results ul::-webkit-scrollbar-track {
                background-color: #f2f2f2
            }

            .find-store .border-bot-radius .desktop-store-search-predictive-results ul::-webkit-scrollbar-thumb,
            .find-store .border-bot-radius .desktop-store-search-predictive-results ul::-webkit-scrollbar-thumb:hover {
                background-color: #ccc
            }

            .find-store .border-bot-radius .desktop-store-search-predictive-results ul li {
                padding-bottom: 24px
            }

                .find-store .border-bot-radius .desktop-store-search-predictive-results ul li a {
                    color: #0d0d0d;
                    display: block;
                    font-size: 14px
                }

@media (min-width:768px) {
    .find-store .border-bot-radius .desktop-store-search-predictive-results {
        top: 75px
    }
}

.find-store .store-address-map {
    display: block
}

    .find-store .store-address-map img {
        display: block;
        width: 100%
    }

.store-worldwide-list ul {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 8px
}

    .store-worldwide-list ul li {
        margin-bottom: 24px;
        text-align: center;
        width: 33.3333%
    }

        .store-worldwide-list ul li img {
            height: 40px;
            margin-bottom: 8px;
            -o-object-fit: cover;
            object-fit: cover;
            width: 60px
        }

        .store-worldwide-list ul li span {
            color: #000
        }

.local-store-list h2 {
    border-bottom: 1px solid #e6e6e6
}

.local-store-list a {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 24px
}

.grey-divider {
    border-bottom: 16px solid #f2f2f2;
    display: block;
    height: 16px;
    margin: 32px -24px 52px
}

.store-information-list {
    padding: 32px 0
}

@media (min-width:768px) {
    .store-information-list {
        padding: 40px 0
    }

    .find-store {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: unset
    }

        .find-store .store-address {
            margin-right: 20px;
            width: 50%
        }

            .find-store .store-address .store-search-field input {
                width: 100%
            }

            .find-store .store-address .store-search-field .close-icn {
                color: #0d0d0d;
                display: block;
                font-size: 20px
            }

            .find-store .store-address .store-search-field .search-icn {
                border-left: 1px solid grey;
                color: #000;
                font-size: 20px;
                margin-left: 12px;
                margin-right: 0;
                order: 2;
                padding-left: 12px
            }

            .find-store .store-address .find-store-address ul li iframe {
                display: none
            }

            .find-store .store-address .find-store-address ul li button {
                display: block
            }

        .find-store .store-address-map {
            display: block;
            margin-left: 20px;
            margin-top: 24px;
            width: 50%
        }

    .local-store-list {
        width: 75%
    }

        .local-store-list a {
            color: #000;
            font-size: 18px;
            font-weight: 600;
            line-height: 24px
        }

    .store-worldwide-list ul {
        justify-content: left;
        margin: 0 auto 40px;
        width: 90%
    }

        .store-worldwide-list ul li {
            margin-bottom: 24px;
            width: 20%
        }

            .store-worldwide-list ul li img {
                height: 80px;
                width: 120px
            }

            .store-worldwide-list ul li span {
                color: #000
            }

    .grey-divider {
        border-bottom: 24px solid #f2f2f2;
        height: 24px;
        margin: 0 -40px;
        width: calc(100% + 80px)
    }
}

.terms-container {
    margin-bottom: 40px
}

    .terms-container .content {
        width: 100%
    }

        .terms-container .content h2 {
            font-size: 20px;
            font-weight: 600;
            line-height: 24px;
            margin-top: 24px
        }

        .terms-container .content h3 {
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            margin-top: 24px
        }

        .terms-container .content p {
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            margin-top: 12px
        }

            .terms-container .content p a {
                color: #e20a03
            }

                .terms-container .content p a:hover {
                    text-decoration: underline
                }

        .terms-container .content ul {
            margin: 0 0 0 18px
        }

            .terms-container .content ul li {
                font-size: 14px;
                font-weight: 400;
                line-height: 20px;
                list-style: disc
            }

                .terms-container .content ul li a {
                    color: #e20a03
                }

                    .terms-container .content ul li a:hover {
                        text-decoration: underline
                    }

@media (min-width:768px) {
    .terms-container .content {
        width: 92%
    }

        .terms-container .content h2 {
            font-size: 28px;
            line-height: 28px
        }

        .terms-container .content h3 {
            font-size: 22px;
            line-height: 24px
        }

        .terms-container .content p {
            font-size: 16px;
            line-height: 23px
        }

        .terms-container .content ul {
            margin: 0 0 0 24px
        }

            .terms-container .content ul li {
                font-size: 16px;
                line-height: 24px
            }
}

.cx-card-basket.buy .wrapper-box .card-content .card-caption {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .cx-card-basket.buy .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
        color: #0d0d0d;
        display: -webkit-box;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        overflow: hidden;
        text-align: left;
        text-overflow: ellipsis;
        word-break: break-word;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

@media (min-width:768px) {
    .cx-card-basket.buy .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

.cx-card-basket.buy .wrapper-box .card-content .card-metadata .prices .price-tag {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-card-basket.buy .wrapper-box .card-content .card-metadata .prices .price-tag {
        font-size: 18px;
        line-height: 24px
    }
}

.cx-card-basket.buyConfirm .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
    color: #0d0d0d;
    display: -webkit-box;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    overflow: hidden;
    text-align: left;
    text-overflow: ellipsis;
    word-break: break-word;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .cx-card-basket.buyConfirm .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }
}

.cx-card-basket.buyConfirm .wrapper-box .card-content .card-metadata .prices .price-tag {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-card-basket.buyConfirm .wrapper-box .card-content .card-metadata .prices .price-tag {
        font-size: 18px;
        line-height: 24px
    }
}

.cx-card-basket.sell .compact-card .wrapper-box .card-content .card-metadata .prices {
    width: 100%
}

    .cx-card-basket.sell .compact-card .wrapper-box .card-content .card-metadata .prices .price-tag span {
        padding-right: 10px
    }

.cx-card-basket.sell .thumbnail {
    padding: 20px
}

.cx-card-basket.catalogue .wrapper-box {
    display: block
}

    .cx-card-basket.catalogue .wrapper-box .thumbnail {
        max-width: 100%
    }

        .cx-card-basket.catalogue .wrapper-box .thumbnail .card-img {
            height: 187px
        }

            .cx-card-basket.catalogue .wrapper-box .thumbnail .card-img img {
                max-height: 187px
            }

.cx-card-basket .wrapper-box {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 24px;
    display: flex;
    overflow: hidden;
    position: relative;
    width: 100%
}

    .cx-card-basket .wrapper-box .wrapper-box-overlay {
        height: 100%;
        position: absolute;
        width: 100%;
        z-index: 100
    }

    .cx-card-basket .wrapper-box .thumbnail {
        background-color: #fff;
        border-bottom-right-radius: 20px;
        border-top-right-radius: 20px;
        flex: 0 0 40%;
        max-width: 224px;
        padding: 20px;
        position: relative
    }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .thumbnail {
        flex: 0 0 27%;
        padding: 16px
    }
}

.cx-card-basket .wrapper-box .thumbnail .card-img {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 116px;
    justify-content: center
}

    .cx-card-basket .wrapper-box .thumbnail .card-img img {
        display: block;
        height: auto;
        max-height: 116px;
        max-width: 100%
    }

.cx-card-basket .wrapper-box .thumbnail .ico-box .del-ico {
    height: 40px;
    width: 40px
}

.cx-card-basket .wrapper-box .thumbnail .ico-box .count-ico,
.cx-card-basket .wrapper-box .thumbnail .ico-box .del-ico {
    align-items: center;
    background: hsla(0,0%,100%,.75);
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    padding: 8px;
    position: absolute;
    right: 16px;
    top: 16px
}

.cx-card-basket .wrapper-box .thumbnail .ico-box .count-ico {
    font-size: 12px;
    height: 28px;
    width: 28px
}

.cx-card-basket .wrapper-box .card-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: flex-start;
    padding: 16px 12px;
    text-align: left;
    width: 100%
}

    .cx-card-basket .wrapper-box .card-content .card-caption {
        display: flex;
        justify-content: space-between;
        margin-bottom: 12px;
        width: 100%
    }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-caption {
        margin-bottom: 16px
    }
}

.cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link {
    flex: auto
}

    .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title {
        color: #0d0d0d;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        margin-right: 16px;
        text-align: left;
        word-break: break-word
    }

        .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
            color: #0d0d0d;
            display: -webkit-box;
            font-size: 12px;
            font-weight: 600;
            height: 32px;
            line-height: 16px;
            overflow: hidden;
            text-overflow: ellipsis;
            -webkit-line-clamp: 2;
            line-clamp: 2;
            -webkit-box-orient: vertical
        }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
        font-size: 14px;
        height: 40px;
        line-height: 20px
    }
}

.cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-subtitle {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    margin-bottom: 5px;
    margin-top: 8px
}

    .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-subtitle a {
        color: #4d4d4d;
        font-size: 10px;
        font-weight: 300;
        line-height: 12px
    }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-subtitle,
    .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-subtitle a {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
}

.cx-card-basket .wrapper-box .card-content .card-caption .ico-box .del-ico {
    align-items: center;
    background-color: #0d0d0d;
    border: none;
    border-radius: 100%;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 28px;
    justify-content: center;
    outline: none;
    width: 28px
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-caption .ico-box .del-ico {
        height: 32px;
        width: 32px
    }
}

.cx-card-basket .wrapper-box .card-content .card-caption .ico-box .del-ico i {
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-caption .ico-box .del-ico i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-card-basket .wrapper-box .card-content .card-caption {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between;
        width: 100%
    }
}

.cx-card-basket .wrapper-box .card-content .card-metadata {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start;
    margin-bottom: 10px;
    min-height: 22px
}

@media (min-width:620px) {
    .cx-card-basket .wrapper-box .card-content .card-metadata {
        display: block
    }
}

.cx-card-basket .wrapper-box .card-content .card-metadata .prices {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start
}

    .cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag {
        align-items: center;
        color: #000;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        font-weight: 500;
        justify-content: space-between;
        line-height: 20px;
        width: 100%
    }

        .cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag span:first-child {
            flex: 0 0 65px;
            margin-right: 16px;
            text-transform: uppercase;
            white-space: nowrap
        }

        .cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag.cash-price {
            margin-bottom: 4px
        }

@media (min-width:620px) {
    .cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-start
    }
}

.cx-card-basket .wrapper-box .card-content .card-metadata .card-info .card-desc {
    color: #4d4d4d;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-metadata .card-info .card-desc {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card-basket .wrapper-box .card-content .card-option {
    width: 100%
}

    .cx-card-basket .wrapper-box .card-content .card-option .sfl-link a {
        font-size: 12px;
        line-height: 16px;
        text-decoration: underline
    }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-option .sfl-link a {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-card-basket .wrapper-box .card-content .card-option .catalogue-link {
    color: #000;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    text-decoration: underline
}

.cx-card-basket .wrapper-box .card-content .card-option .card-stepper .btn-stepper .content {
    padding: 6px 8px
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-option .card-stepper .btn-stepper .content {
        padding: 6px 14px
    }
}

.cx-card-basket .wrapper-box .card-content .card-option .collect-store-link a {
    color: #4d4d4d;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .card-option .collect-store-link a {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
}

.cx-card-basket .wrapper-box .card-content .prices {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-end;
    margin-top: 0
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .prices {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-end
    }
}

.cx-card-basket .wrapper-box .card-content .prices .price {
    text-align: left;
    width: 80%
}

    .cx-card-basket .wrapper-box .card-content .prices .price .product-main-price {
        color: #0d0d0d;
        font-size: 18px;
        font-weight: 600;
        line-height: 24px
    }

    .cx-card-basket .wrapper-box .card-content .prices .price .product-cash {
        align-items: center;
        color: #000;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        font-weight: 500;
        justify-content: space-between;
        line-height: 16px
    }

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .prices .price .product-cash {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

.cx-card-basket .wrapper-box .card-content .prices .price .product-cash span {
    font-size: 10px;
    line-height: 12px;
    margin-right: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .cx-card-basket .wrapper-box .card-content .prices .price .product-cash span {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-card-basket.product-vertical.product-card-alert .wrapper-box .thumbnail .card-img .fav-ico {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    right: 8px;
    top: 8px;
    width: 28px
}

.cx-card-basket.product-vertical.product-card-alert .wrapper-box .content .product-price-wrapper .price {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    width: 100%
}

.cx-card-basket.product-vertical.product-card-sell .wrapper-box .content .product-price-wrapper .price {
    width: 80%
}

.cx-card-basket.product-vertical.product-card-blog .wrapper-box .thumbnail {
    padding: 0
}

    .cx-card-basket.product-vertical.product-card-blog .wrapper-box .thumbnail .card-img {
        height: auto
    }

@media (min-width:768px) {
    .cx-card-basket.product-vertical.product-card-blog .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-transform: uppercase
    }
}

.cx-card-basket.product-vertical.product-card-blog .wrapper-box .content .card-subtitle a {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-basket.product-vertical .content .card-subtitle,
    .cx-card-basket.product-vertical.product-card-blog .wrapper-box .content .card-subtitle a {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        text-transform: uppercase
    }

    .cx-card-basket.product-vertical .content .card-subtitle {
        text-align: left
    }
}

.cx-card-basket.product-horizontal .wrapper-box {
    align-items: space-between;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-card-basket.product-horizontal .wrapper-box .thumbnail {
        align-items: center;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 20px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }

        .cx-card-basket.product-horizontal .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            height: 112px;
            justify-content: center
        }

@media (min-width:768px) {
    .cx-card-basket.product-horizontal .wrapper-box .thumbnail .card-img {
        height: 160px
    }
}

.cx-card-basket.product-horizontal .wrapper-box .content .card-title {
    font-size: 12px;
    font-weight: 600;
    height: 32px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal .wrapper-box .content .card-title {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-card-basket.product-horizontal .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card-basket.product-horizontal .wrapper-box .content .product-price-wrapper {
    margin-top: 12px
}

.cx-card-basket.product-horizontal .wrapper-box .content .product-basket-bottom-content {
    margin-top: 5px
}

    .cx-card-basket.product-horizontal .wrapper-box .content .product-basket-bottom-content .linked-text {
        color: #000;
        font-size: 14px;
        font-weight: 500;
        line-height: 20px;
        text-decoration: underline
    }

    .cx-card-basket.product-horizontal .wrapper-box .content .product-basket-bottom-content .order-received {
        font-size: 10px;
        line-height: 12px
    }

@media (min-width:768px) {
    .cx-card-basket.product-horizontal .wrapper-box .content .product-basket-bottom-content .order-received {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card-basket.product-horizontal .wrapper-box .content .collect-in-store {
    color: #4d4d4d;
    font-size: 10px;
    line-height: 12px
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal .wrapper-box .content .collect-in-store {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }

    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box {
        max-width: 702px
    }
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .thumbnail {
    width: auto
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .thumbnail {
        width: 32%
    }
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .thumbnail .card-img {
    height: 116px
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .thumbnail .fav-ico {
    align-items: center;
    background-color: #000;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    height: 28px;
    justify-content: center;
    line-height: 16px;
    right: 8px;
    top: 8px;
    width: 28px
}

    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .thumbnail .fav-ico .cx-icon-delete {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        padding: 8px
    }

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content {
    padding: 12px;
    width: 100%
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content {
        padding: 16px 16px 16px 40px
    }
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .card-title {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 600;
    height: 28px;
    justify-content: space-between;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .card-title {
        font-size: 16px;
        height: auto;
        line-height: 20px
    }
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .card-title .del-ico {
    align-items: center;
    background-color: #000;
    border-radius: 200px;
    color: #fff;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 8px;
    width: 40px
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-price-wrapper {
    height: 72px;
    margin-top: 5px
}

    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-price-wrapper .price {
        width: 100%
    }

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-price-wrapper .price {
        width: auto
    }
}

.cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content {
    align-items: space-between;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content div {
        width: 50%
    }

    .cx-card-basket.product-horizontal.product-basket-card .wrapper-box .content .product-basket-bottom-content .btn-stepper {
        text-align: right
    }

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-order-received .wrapper-box {
        max-width: 296px
    }
}

.cx-card-basket.product-horizontal.product-order-received .wrapper-box .thumbnail {
    padding: 12px
}

    .cx-card-basket.product-horizontal.product-order-received .wrapper-box .thumbnail .card-img {
        height: 52px
    }

.cx-card-basket.product-horizontal.product-order-received .wrapper-box .content {
    padding: 16px 12px
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-order-received .wrapper-box .content {
        padding: 12px 20px
    }
}

.cx-card-basket.product-horizontal.product-order-received .wrapper-box .content .card-title {
    font-size: 12px;
    height: 32px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-card-basket.product-horizontal.product-order-received .wrapper-box .content .card-title {
        font-size: 16px;
        height: 40px;
        line-height: 20px
    }
}

.cx-card-basket.product-horizontal.product-order-received .wrapper-box .content .product-basket-bottom-content {
    margin-top: 6px
}

.cx-card-basket.orderConfirm .account-wrapper-box {
    flex-wrap: wrap
}

    .cx-card-basket.orderConfirm .account-wrapper-box .thumbnail {
        border-bottom-left-radius: 20px
    }

.cx-card-basket.orderConfirm .wrapper-box .card-content .card-caption {
    display: block
}

@media (min-width:768px) {
    .cx-card-basket.orderConfirm .wrapper-box .card-content .card-caption {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }
}

.cx-card-basket.orderConfirm .wrapper-box .card-content .card-caption .price-tag {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-top: 8px;
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-card-basket.orderConfirm .wrapper-box .card-content .card-caption .price-tag {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-top: 0
    }
}

.cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata {
    display: block
}

    .cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .card-info {
        margin-top: 10px
    }

    .cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .prices .price-tag {
        align-items: baseline;
        font-size: 10px;
        font-weight: 300;
        justify-content: flex-start;
        line-height: 14px
    }

@media (min-width:768px) {
    .cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .prices .price-tag {
        font-size: 12px;
        line-height: 16px;
        margin-top: 0
    }
}

.cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .prices span:first-child {
    flex: inherit;
    margin-right: 0
}

.cx-card-basket.sellConfirm .wrapper-box .card-content .card-metadata .prices .price-tag span {
    padding-right: 10px
}

.cx-card-basket .ordered-products-carousel .orderDetail .wrapper-box .card-content .card-title {
    height: 40px
}

.complete-sale-cards {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .complete-sale-cards .cx-card-basket .wrapper-box .thumbnail .card-img,
    .complete-sale-cards .cx-card-basket .wrapper-box .thumbnail .card-img img {
        height: 84px
    }

    .complete-sale-cards .cx-card-basket .wrapper-box .card-content .card-caption-link .card-title a {
        display: -webkit-box;
        font-size: 12px;
        height: 32px;
        line-height: 16px;
        overflow: hidden;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
        line-clamp: 2;
        -webkit-box-orient: vertical
    }

    .complete-sale-cards .cx-card {
        width: auto
    }

@media (min-width:768px) {
    .complete-sale-cards .cx-card {
        width: 255px
    }
}

.complete-sale-cards .cx-card .thumbnail {
    align-items: center;
    display: flex;
    flex: 0 0 108px;
    justify-content: center
}

.complete-sale-cards .cx-card:hover {
    box-shadow: none;
    transform: none
}

.account-product-list .cx-card {
    width: 100%
}

    .account-product-list .cx-card.cx-card-basket:last-child {
        margin-bottom: 0
    }

    .account-product-list .cx-card:hover {
        box-shadow: none;
        transform: none
    }

.account-product-list .cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .prices .price-tag.delivery span {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

@media (min-width:768px) {
    .account-product-list .cx-card-basket.orderConfirm .wrapper-box .card-content .card-metadata .prices .price-tag.delivery span {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px;
        text-transform: none
    }
}

.account-product-list .delivery span {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

@media (min-width:768px) {
    .account-product-list .delivery span {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
}

.account-product-list .delivery.notes .item-notes {
    color: #0d0d0d;
    display: block;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px
}

@media (min-width:768px) {
    .account-product-list .delivery.notes .item-notes {
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }
}

.account-product-list .delivery.notes span {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

@media (min-width:768px) {
    .account-product-list .delivery.notes span {
        font-size: 12px;
        font-weight: 300;
        line-height: 16px
    }
}

.account-product-list .order-detail-content {
    text-align: left
}

@media (min-width:768px) {
    .account-product-list .order-detail-content {
        text-align: right
    }
}

.ordered-products-carousel .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title {
    height: unset
}

.ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title {
    height: 32px
}

@media (min-width:768px) {
    .ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title {
        height: 40px
    }
}

.ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .thumbnail .card-img {
    height: 80px
}

@media (min-width:768px) {
    .ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .thumbnail .card-img {
        height: 80px
    }
}

.ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .thumbnail .card-img img {
    height: 80px
}

@media (min-width:768px) {
    .ordered-products-carousel .orderDetail.cx-card-basket .wrapper-box .thumbnail .card-img img {
        max-height: 80px
    }
}

.ordered-products-carousel .cx-card-basket .wrapper-box .thumbnail .card-img {
    height: unset
}

.ordered-products-carousel .cx-card-basket .wrapper-box .thumbnail {
    flex: 0 0 84px
}

.buyConfirm.cx-card-basket .wrapper-box .card-content {
    justify-content: space-between
}

.basket-orders-container .cx-card.cx-card-basket .thumbnail {
    align-items: center;
    display: flex;
    justify-content: center
}

.ordered-products .cx-card-basket .wrapper-box .thumbnail .card-img {
    height: 100%
}

.ordered-products .cx-card-basket .wrapper-box .card-content .card-metadata {
    margin-bottom: 0
}

.order-details-small-headings {
    color: #000;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

@media (min-width:768px) {
    .order-details-small-headings {
        font-size: 14px;
        font-weight: 600;
        line-height: 18px
    }
}

.order-details-information {
    color: #000;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media (min-width:768px) {
    .order-details-information {
        font-size: 14px;
        font-weight: 400;
        line-height: 18px
    }
}

.my-account-tab-right .cx-card-basket .wrapper-box .card-content .card-caption .card-caption-link .card-title a {
    display: -webkit-box;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media only screen and (width <= 480px) {
    .sellConfirm.cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag {
        display: block
    }

        .sellConfirm.cx-card-basket .wrapper-box .card-content .card-metadata .prices .price-tag span:first-child {
            display: block;
            margin-bottom: 4px;
            margin-right: 0;
            padding-right: 0
        }
}

.cx-card-sell .wrapper-box {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    overflow: hidden
}

    .cx-card-sell .wrapper-box .thumbnail {
        background-color: #fff;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        padding: 20px;
        position: relative
    }

        .cx-card-sell .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            height: 180px;
            justify-content: center
        }

            .cx-card-sell .wrapper-box .thumbnail .card-img a {
                align-items: center;
                display: flex;
                height: 100%
            }

            .cx-card-sell .wrapper-box .thumbnail .card-img img {
                max-height: 100%;
                max-width: 100%
            }

    .cx-card-sell .wrapper-box .content {
        padding: 20px;
        text-align: left;
        width: 100%
    }

        .cx-card-sell .wrapper-box .content .card-subtitle {
            color: #4d4d4d;
            font-size: 10px;
            font-weight: 300;
            line-height: 12px;
            margin-bottom: 5px
        }

@media (min-width:768px) {
    .cx-card-sell .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        line-height: 16px
    }
}

.cx-card-sell .wrapper-box .content .card-title {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 12px;
    text-align: left
}

    .cx-card-sell .wrapper-box .content .card-title a {
        color: #0d0d0d;
        font-size: 12px;
        font-weight: 600;
        height: 48px;
        line-height: 16px
    }

@media (min-width:768px) {
    .cx-card-sell .wrapper-box .content .card-title a {
        font-size: 14px;
        height: 60px;
        line-height: 20px
    }
}

.cx-card-sell .wrapper-box .content .product-prices {
    align-items: flex-end;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-top: 12px
}

    .cx-card-sell .wrapper-box .content .product-prices .price-wrapper {
        text-align: left
    }

        .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag {
            color: #000;
            font-size: 14px;
            font-weight: 500;
            line-height: 16px
        }

@media (min-width:768px) {
    .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag {
        font-size: 16px;
        font-weight: 500;
        line-height: 20px
    }
}

.cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag span {
    font-size: 10px;
    line-height: 12px;
    margin-right: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag span {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px
    }
}

.cx-card-sell .wrapper-box .content .product-prices .sell-btn {
    margin-left: 8px
}

.cx-card-sell.vertical.product-card-sell .wrapper-box .content .product-prices .price-wrapper {
    width: 80%
}

.cx-card-sell.vertical .content .card-subtitle {
    color: #4d4d4d;
    display: -webkit-box;
    font-size: 10px;
    font-weight: 300;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .cx-card-sell.vertical .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px;
        text-align: left
    }
}

.cx-card-sell.vertical .content .card-subtitle a {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px
}

.cx-card-sell.horizontal .wrapper-box {
    align-items: stretch;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-card-sell.horizontal .wrapper-box .thumbnail {
        align-items: center;
        border-bottom-left-radius: 20px;
        border-top-right-radius: 20px;
        display: flex;
        flex: 0 0 112px;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        padding: 12px;
        width: 112px
    }

        .cx-card-sell.horizontal .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            height: 112px;
            justify-content: center
        }

@media (min-width:768px) {
    .cx-card-sell.horizontal .wrapper-box .thumbnail .card-img {
        height: 160px
    }
}

.cx-card-sell.horizontal .wrapper-box .content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}

    .cx-card-sell.horizontal .wrapper-box .content .card-title {
        font-size: 12px;
        font-weight: 600;
        line-height: 16px;
        width: 100%
    }

@media (min-width:768px) {
    .cx-card-sell.horizontal .wrapper-box .content .card-title {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }
}

.cx-card-sell.horizontal .wrapper-box .content .card-subtitle {
    color: #4d4d4d;
    display: -webkit-box;
    font-size: 10px;
    font-weight: 300;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 1;
    line-clamp: 1;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .cx-card-sell.horizontal .wrapper-box .content .card-subtitle {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 300;
        height: 16px;
        line-height: 16px
    }
}

.cx-card-sell.horizontal .wrapper-box .content .product-prices {
    align-items: flex-end;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-top: 12px;
    width: 100%
}

.cx-card-sell.horizontal .wrapper-box .content .sell-btn {
    text-align: right;
    width: 100%
}

.search-result-base.search-result-grid .cx-card-sell.horizontal .wrapper-box .thumbnail .card-img {
    height: 94px
}

.wizard-products-container .cx-card-sell.horizontal {
    margin-bottom: 16px;
    width: auto
}

.wizard-products-container .cx-card-sell .wrapper-box .content .product-prices .sell-btn {
    margin-left: 0
}

.wizard-products-container .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag {
    font-size: 14px
}

    .wizard-products-container .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag span {
        font-size: 10px
    }

.wizard-products-container .cx-card-sell.horizontal .wrapper-box .card-title {
    height: 32px
}

@media (min-width:768px) {
    .wizard-products-container .cx-card-sell.horizontal .wrapper-box .card-title {
        height: 40px
    }
}

.wizard-products-container .cx-card-sell.horizontal .wrapper-box .thumbnail {
    flex: 0 0 120px;
    width: 120px
}

@media (min-width:768px) {
    .wizard-products-container .cx-card-sell.horizontal .wrapper-box .thumbnail {
        flex: 0 0 165px;
        width: 165px
    }
}

.wizard-products-container .cx-card-sell.horizontal .wrapper-box .thumbnail .card-img {
    height: 132px
}

@media (min-width:768px) {
    .wizard-products-container .cx-card-sell.horizontal .wrapper-box .thumbnail .card-img {
        height: 132px
    }
}

.wizard-products-container .cx-card-sell.horizontal .wrapper-box .content .product-prices .price-wrapper {
    padding-right: 0
}

@media (min-width:768px) {
    .wizard-products-container .cx-card-sell.horizontal .wrapper-box .content .product-prices .price-wrapper {
        padding-right: 20px
    }
}

@media only screen and (max-width:767px) {
    .cx-wizard .cx-card-sell.horizontal .wrapper-box .content .product-prices {
        display: block
    }

    .cx-wizard .wizard-products-container .cx-card-sell .wrapper-box .content .product-prices .price-wrapper .price-tag {
        display: flex;
        justify-content: space-between
    }

    .cx-wizard .wizard-products-container .cx-card-sell .wrapper-box .content .product-prices .sell-btn {
        margin-top: 8px
    }
}

.wizard-products-container .cx-card-sell .wrapper-box .content .card-title a {
    display: -webkit-box;
    height: 32px;
    overflow: hidden;
    text-overflow: ellipsis;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    -webkit-box-orient: vertical
}

@media (min-width:768px) {
    .wizard-products-container .cx-card-sell .wrapper-box .content .card-title a {
        height: 40px
    }
}

.cx-repair {
    display: inline-block;
    position: relative
}

    .cx-repair br,
    .cx-repair pre {
        display: none
    }

    .cx-repair .repair-wrap {
        margin-bottom: 40px;
        width: 100%
    }

        .cx-repair .repair-wrap img {
            border: 1px solid #e20a03;
            border-radius: 20px;
            width: 100%
        }

    .cx-repair .no-border img {
        border: 0;
        border-radius: 0
    }

    .cx-repair h3 {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 24px;
        margin-top: 24px
    }

    .cx-repair p {
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        margin-bottom: 16px
    }

        .cx-repair p br {
            display: none
        }

    .cx-repair ul {
        margin: 0 0 40px 20px
    }

        .cx-repair ul li {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            list-style-type: disc
        }

    .cx-repair ol {
        margin: 0 0 16px 20px
    }

        .cx-repair ol li {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            list-style-type: decimal
        }

    .cx-repair .repair-quote-btn {
        background: #e20a03;
        border-radius: 24px;
        color: #fff;
        display: inline-block;
        margin: 0;
        padding: 12px;
        width: 100%
    }

    .cx-repair .app-users-text,
    .cx-repair .repair-quote-btn {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-align: center
    }

    .cx-repair .app-users-text {
        border-top: 1px solid #ccc;
        font-style: normal;
        margin-top: 40px;
        padding-bottom: 8px;
        padding-top: 16px
    }

    .cx-repair .app-store {
        margin-bottom: 72px;
        text-align: center
    }

        .cx-repair .app-store a img {
            width: 150px
        }

@media (min-width:768px) {
    .cx-repair {
        padding-top: 14px;
        width: 70%
    }

        .cx-repair h3 {
            font-size: 28px;
            line-height: 36px
        }

        .cx-repair p,
        .cx-repair ul li {
            font-size: 16px;
            line-height: 20px
        }

        .cx-repair ol {
            margin: 0 0 40px 16px
        }

            .cx-repair ol li {
                font-size: 16px;
                line-height: 20px
            }

        .cx-repair .repair-quote-btn {
            border-radius: 28px;
            padding: 16px 24px;
            width: auto
        }

        .cx-repair .app-users-text {
            font-size: 28px;
            padding: 24px 0;
            text-align: left
        }

        .cx-repair .app-store {
            text-align: left
        }

            .cx-repair .app-store a img {
                width: auto
            }
}

.cx-dropdown-list {
    font-size: 12px;
    line-height: 16px;
    margin: 20px 0;
    position: relative;
    width: auto
}

    .cx-dropdown-list .dropdown-title {
        color: #0d0d0d;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-dropdown-list .must-text {
        color: gray;
        font-weight: 400;
        margin-top: 8px
    }

    .cx-dropdown-list .dropdown-list {
        background: #f9f9f9;
        border: 1px solid #f2f2f2;
        border-radius: 20px
    }

        .cx-dropdown-list .dropdown-list.xdropdown-visible {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }

        .cx-dropdown-list .dropdown-list button {
            align-items: center;
            background-color: transparent;
            border: 0;
            color: #0d0d0d;
            cursor: pointer;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            font-size: 14px;
            justify-content: space-between;
            padding: 12px;
            width: 100%
        }

            .cx-dropdown-list .dropdown-list button span {
                padding-left: 7px
            }

            .cx-dropdown-list .dropdown-list button i.mobile {
                font-size: 16px
            }

            .cx-dropdown-list .dropdown-list button i.arrow {
                align-items: center;
                display: flex;
                flex-direction: unset;
                flex-wrap: unset;
                font-size: 18px;
                justify-content: right;
                transition-duration: .8s;
                transition-property: all;
                transition-timing-function: cubic-bezier(.78,.13,.15,.86);
                transition: all .5s ease-in
            }

            .cx-dropdown-list .dropdown-list button .aria-expanded,
            .cx-dropdown-list .dropdown-list button .expanded {
                margin-top: 0;
                transform: rotate(-180deg) translateY(0)
            }

        .cx-dropdown-list .dropdown-list ul {
            background: #f9f9f9;
            border: 1px solid #f2f2f2;
            border-bottom-left-radius: 20px;
            border-bottom-right-radius: 20px;
            left: 0;
            position: absolute;
            width: 100%;
            z-index: 2
        }

            .cx-dropdown-list .dropdown-list ul li {
                align-items: center;
                border-bottom: 1px solid #f2f2f2;
                color: #0d0d0d;
                cursor: pointer;
                display: flex;
                flex-direction: unset;
                flex-wrap: unset;
                justify-content: flex-start;
                padding: 12px;
                width: 100%
            }

                .cx-dropdown-list .dropdown-list ul li:hover {
                    background: #f9f9f9;
                    color: #0d0d0d
                }

                .cx-dropdown-list .dropdown-list ul li:last-child {
                    border-bottom: 0;
                    border-bottom-left-radius: 20px;
                    border-bottom-right-radius: 20px
                }

                .cx-dropdown-list .dropdown-list ul li i.mobile {
                    font-size: 14px;
                    margin-right: 7px
                }

                .cx-dropdown-list .dropdown-list ul li p {
                    align-items: center;
                    display: flex;
                    flex: auto;
                    flex-direction: unset;
                    flex-wrap: unset;
                    font-size: 10px;
                    font-weight: 500;
                    justify-content: right;
                    line-height: 12px
                }

        .cx-dropdown-list .dropdown-list .current {
            background: #f9f9f9
        }

        .cx-dropdown-list .dropdown-list .hidden,
        .cx-dropdown-list .dropdown-list .xdropdown-menu {
            visibility: hidden
        }

        .cx-dropdown-list .dropdown-list .list-visible,
        .cx-dropdown-list .dropdown-list .xdropdown-show {
            visibility: visible
        }

    .cx-dropdown-list .no-bot-radius {
        border-bottom-left-radius: 0;
        border-bottom-right-radius: 0
    }

    .cx-dropdown-list .disabled-div {
        background: #e6e6e6;
        border: 1px solid #e6e6e6;
        pointer-events: none
    }

        .cx-dropdown-list .disabled-div button i.arrow,
        .cx-dropdown-list .disabled-div button i.mobile,
        .cx-dropdown-list .disabled-div button span,
        .cx-dropdown-list .disabled-div ~ .must-text {
            color: #b3b3b3
        }

@media (min-width:768px) {
    .cx-dropdown-list {
        font-size: 14px;
        line-height: 20px
    }

        .cx-dropdown-list .dropdown-list {
            border-radius: 24px
        }

            .cx-dropdown-list .dropdown-list button {
                font-size: 16px;
                outline: none;
                padding: 14px
            }

                .cx-dropdown-list .dropdown-list button span {
                    padding-left: 8px
                }

                .cx-dropdown-list .dropdown-list button i.mobile {
                    font-size: 18px
                }

                .cx-dropdown-list .dropdown-list button i.arrow {
                    font-size: 20px
                }

            .cx-dropdown-list .dropdown-list ul {
                border-bottom-left-radius: 24px;
                border-bottom-right-radius: 24px
            }

                .cx-dropdown-list .dropdown-list ul li {
                    padding: 14px
                }

                    .cx-dropdown-list .dropdown-list ul li:last-child {
                        border-bottom-left-radius: 24px;
                        border-bottom-right-radius: 24px
                    }

                    .cx-dropdown-list .dropdown-list ul li i.mobile {
                        font-size: 16px
                    }

                    .cx-dropdown-list .dropdown-list ul li p {
                        font-size: 12px;
                        line-height: 16px
                    }

        .cx-dropdown-list .no-bot-radius {
            border-bottom-left-radius: 0;
            border-bottom-right-radius: 0
        }
}

.cx-wizard-question .cx-dropdown-list {
    margin: 0
}

    .cx-wizard-question .cx-dropdown-list .dropdown-list .hidden {
        display: none
    }

.tout-card-container {
    align-items: flex-start;
    display: block;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

    .tout-card-container .tout-img-container {
        flex: 0 0 100%;
        margin-bottom: 24px
    }

        .tout-card-container .tout-img-container img {
            border-radius: 20px;
            width: 100%
        }

@media (min-width:768px) {
    .tout-card-container .tout-img-container {
        flex: 0 0 612px
    }

        .tout-card-container .tout-img-container img {
            border-radius: 24px;
            width: auto
        }
}

.tout-card-container .tout-description-container {
    margin-left: 0
}

    .tout-card-container .tout-description-container .tout-title {
        color: #0d0d0d;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 24px
    }

@media (min-width:768px) {
    .tout-card-container .tout-description-container .tout-title {
        font-size: 28px;
        line-height: 36px;
        margin-bottom: 24px
    }
}

.tout-card-container .tout-description-container .tout-description {
    margin-bottom: 20px
}

@media (min-width:768px) {
    .tout-card-container .tout-description-container .tout-description {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: center;
        margin-bottom: 24px
    }

        .tout-card-container .tout-description-container .tout-description i {
            margin-right: 10px
        }
}

.tout-card-container .tout-description-container .tout-sub-description-container .tout-sub-title {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 10px
}

@media (min-width:768px) {
    .tout-card-container .tout-description-container .tout-sub-description-container .tout-sub-title {
        color: #0d0d0d;
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    .tout-card-container .tout-description-container {
        margin-left: 40px
    }
}

.tout-card-container.image-right-content-left {
    flex-direction: row-reverse;
    justify-content: space-between
}

    .tout-card-container.image-right-content-left .tout-description-container {
        margin-left: 0;
        margin-right: 0
    }

@media (min-width:768px) {
    .tout-card-container.image-right-content-left .tout-description-container {
        margin-right: 40px
    }

    .tout-card-container {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-start
    }
}

.wizard-thank-you .tout-img-container {
    background: url(./base-pattern.c04bf9d7.svg);
    background-position: 0;
    border-radius: 24px;
    padding: 8px
}

.careers-type .tout-card-container .tout-img-container img,
.cx-franchise-container.cx-coming-soon .tout-card-container .tout-img-container img {
    width: 100%
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    .careers-type .tout-card-container {
        display: block
    }
}

.career-home-page .tout-card-container .tout-description-container .tout-description {
    justify-content: flex-start
}

.cx-checklist li {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 24px
}

    .cx-checklist li i {
        font-size: 12px;
        margin-right: 10px
    }

@media (min-width:768px) {
    .cx-checklist li i {
        font-size: 15px
    }
}

.cx-quote {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    padding-left: 16px;
    position: relative
}

    .cx-quote:before {
        background-color: #e20a03;
        content: "";
        display: block;
        height: 100%;
        left: 0;
        position: absolute;
        top: 0;
        width: 2px
    }

@media (min-width:768px) {
    .cx-quote {
        color: #0d0d0d;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }
}

.cx-paragraph-bold-text {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    text-decoration: underline
}

@media (min-width:768px) {
    .cx-paragraph-bold-text {
        color: #0d0d0d;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        text-decoration: underline
    }
}

.cx-blog-header .heading-l-semibold {
    margin-bottom: 15px;
    margin-top: 20px
}

.cx-blog-header .cx-blog-timestamp {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media (min-width:768px) {
    .cx-blog-header .cx-blog-timestamp {
        color: #4d4d4d;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px
    }
}

.cx-blog-header .cx-timestamp-social-sharing,
.cx-blog-header .cx-timestamp-social-sharing .btn-text {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

h2 {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

.cx-testimonial {
    align-items: unset;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left;
    overflow-x: auto
}

    .cx-testimonial li {
        align-items: baseline;
        border: 1px solid #e6e6e6;
        border-radius: 24px;
        display: flex;
        flex: 0 0 65%;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: space-between;
        margin: 24px 12px;
        padding: 24px
    }

        .cx-testimonial li .content {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            margin-bottom: 24px
        }

        .cx-testimonial li .subtitle {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            margin-top: auto
        }

        .cx-testimonial li:last-child {
            margin-right: 0
        }

.cx-testimonial-1 {
    padding-left: 20px
}

    .cx-testimonial-1 .cx-testimonial-content {
        border: 1px solid #e6e6e6;
        border-radius: 24px;
        padding: 24px;
        text-align: left
    }

        .cx-testimonial-1 .cx-testimonial-content .content {
            font-size: 14px;
            font-weight: 400;
            line-height: 16px;
            margin-bottom: 24px
        }

        .cx-testimonial-1 .cx-testimonial-content .subtitle {
            color: #000;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            margin-top: auto
        }

@media (min-width:768px) {
    .cx-testimonial li {
        flex: 1 0 calc(33.3333% - 60px)
    }

        .cx-testimonial li .content {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

    .cx-testimonial::-webkit-scrollbar {
        height: 8px
    }

    .cx-testimonial::-webkit-scrollbar-track {
        background: #f2f2f2
    }

    .cx-testimonial::-webkit-scrollbar-thumb {
        background: #b3b3b3
    }

        .cx-testimonial::-webkit-scrollbar-thumb:hover {
            background: #999
        }

    .cx-testimonial-1 {
        padding-left: 0
    }

        .cx-testimonial-1 .cx-testimonial-content .content {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }
}

.career-testimonials .cx-testimonial {
    overflow: hidden
}

.cx-card {
    border-radius: 24px;
    width: 254px
}

    .cx-card.horizontal {
        width: 100%
    }

@media (min-width:768px) {
    .cx-card {
        width: 302px
    }

        .cx-card:hover {
            box-shadow: 0 16px 48px #00000014;
            transform: scale(1.05);
            transform-origin: center
        }

    .cx-card {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }
}

.cx-card-blog .wrapper-box {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 24px;
    overflow: hidden
}

    .cx-card-blog .wrapper-box .thumbnail {
        background-color: #fff;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        position: relative
    }

        .cx-card-blog .wrapper-box .thumbnail .card-img {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            height: 145px;
            justify-content: center
        }

@media (min-width:768px) {
    .cx-card-blog .wrapper-box .thumbnail .card-img {
        height: 170px
    }
}

.cx-card-blog .wrapper-box .thumbnail .card-img img {
    border-radius: 20px;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cx-card-blog .wrapper-box .thumbnail .card-img a {
    display: contents;
    height: 100%;
    width: 100%
}

    .cx-card-blog .wrapper-box .thumbnail .card-img a img {
        border-radius: 20px;
        width: 100%
    }

.cx-card-blog .wrapper-box .content {
    padding: 16px;
    text-align: left
}

@media (min-width:768px) {
    .cx-card-blog .wrapper-box .content {
        padding: 24px
    }
}

.cx-card-blog .wrapper-box .content .card-title {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 16px;
    margin-bottom: 8px;
    text-align: left
}

    .cx-card-blog .wrapper-box .content .card-title a {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        height: 32px;
        line-height: 16px
    }

@media (min-width:768px) {
    .cx-card-blog .wrapper-box .content .card-title a {
        font-size: 16px;
        height: 42px;
        line-height: 20px
    }
}

.cx-card-blog .wrapper-box .content .card-subtitle {
    color: #4d4d4d;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    margin-bottom: 5px
}

@media (min-width:768px) {
    .cx-card-blog .wrapper-box .content .card-subtitle {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-card-blog .wrapper-box .content .card-date p {
    color: #4d4d4d;
    font-size: 14px;
    font-weight: 300;
    line-height: 20px;
    text-align: left
}

.cx-blog-list .cx-card-blog .wrapper-box .thumbnail .card-img {
    height: 193px
}

@media (min-width:768px) {
    .cx-blog-list .cx-card-blog .wrapper-box .thumbnail .card-img {
        height: 230px
    }
}

.cx-blog-lg {
    width: 100%
}

.recomended-blog .cx-card-blog .wrapper-box .content .card-title {
    margin-bottom: 0
}

.basket-orders-container .cx-card-basket .cx-card.cx-card-basket.buy {
    width: 100%
}

.cx-radio-button {
    align-items: center;
    cursor: pointer;
    display: inline-flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    justify-content: left;
    line-height: 16px;
    margin-bottom: 16px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .cx-radio-button > input {
        cursor: pointer;
        display: none;
        opacity: 0
    }

        .cx-radio-button > input:checked ~ .checkmark {
            border: 1.25px solid #e20a03
        }

        .cx-radio-button > input:disabled ~ .checkmark {
            border: 1.5px solid #ccc
        }

        .cx-radio-button > input:checked ~ .checkmark:after {
            display: block
        }

        .cx-radio-button > input:disabled ~ .checkmark:after {
            background: #ccc
        }

    .cx-radio-button > .checkmark {
        align-items: center;
        border: 1.5px solid #4d4d4d;
        border-radius: 100%;
        box-sizing: border-box;
        display: flex;
        flex: 0 0 24px;
        flex-direction: unset;
        flex-wrap: unset;
        height: 24px;
        justify-content: center;
        width: 24px
    }

        .cx-radio-button > .checkmark:after {
            background: #e20a03;
            border-radius: 50%;
            content: "";
            display: none;
            height: 100%;
            transform: scale(.5);
            width: 100%
        }

    .cx-radio-button .radio-text {
        padding-left: 8px
    }

        .cx-radio-button .radio-text span {
            color: gray;
            font-weight: 400;
            padding-left: 8px
        }

    .cx-radio-button .radio-sub-text {
        font-size: 10px;
        font-weight: 400;
        line-height: 12px;
        margin-left: 28px;
        width: 100%
    }

    .cx-radio-button.align-items-start {
        align-items: flex-start
    }

@media (min-width:768px) {
    .radio-button-div {
        font-size: 14px;
        line-height: 20px
    }

        .radio-button-div input:disabled ~ .checkmark {
            border: 1.8px solid #ccc
        }

        .radio-button-div .checkmark {
            border: 1.8px solid #4d4d4d;
            border-radius: 12px;
            height: 24px;
            width: 24px
        }

        .radio-button-div .radio-sub-text {
            font-size: 12px;
            line-height: 16px
        }

    .radio-text {
        padding-left: 8px
    }

        .radio-text span {
            color: gray;
            font-weight: 400;
            padding-left: 8px
        }
}

.cx-wizard-question .cx-radio-button {
    margin-bottom: 8px
}

.payment-method-radio label {
    width: 100%
}

.pagination {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: center
}

    .pagination li.pagination-item {
        cursor: pointer;
        margin: 0 4px
    }

        .pagination li.pagination-item .page-link {
            align-items: center;
            border-radius: 50%;
            color: #0d0d0d;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            font-size: 12px;
            font-weight: 500;
            height: 21px;
            justify-content: center;
            letter-spacing: -.32px;
            line-height: 15px;
            width: 21px
        }

            .pagination li.pagination-item .page-link:hover {
                color: #0d0d0d
            }

            .pagination li.pagination-item .page-link.active {
                border: 1.125px solid #0d0d0d;
                color: #0d0d0d
            }

    .pagination li.prev-next {
        align-items: center;
        background-color: #0d0d0d;
        border-radius: 50%;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 30px;
        justify-content: center;
        margin: 5px;
        width: 30px
    }

        .pagination li.prev-next .arrows,
        .pagination li.prev-next .arrows:hover {
            color: #fff
        }

@media (min-width:768px) {
    .pagination li.prev-next {
        height: 40px;
        margin: 17px;
        width: 40px
    }
}

.cx-image-card {
    align-items: unset;
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    justify-content: unset
}

.cx-image-card-img-wrap {
    border: 2px solid #e6e6e6;
    border-radius: 16px;
    margin: 0;
    overflow: hidden
}

    .cx-image-card-img-wrap.pattern-bordered {
        background: url(./base-pattern.c04bf9d7.svg);
        background-position: 0;
        background-size: cover;
        border: 0;
        padding: 2px;
        position: relative
    }

    .cx-image-card-img-wrap.bordered {
        border: 1px solid #e6e6e6;
        padding: 10px
    }

.cx-image-card-img {
    align-items: center;
    background-color: #fff;
    border-radius: inherit;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 100%;
    justify-content: center;
    width: 100%
}

    .cx-image-card-img a,
    .cx-image-card-img a img,
    .cx-image-card-img img {
        display: block;
        width: 100%
    }

.cx-image-card-title {
    margin-top: 10px;
    text-align: center
}

    .cx-image-card-title,
    .cx-image-card-title a {
        color: #333;
        font-size: 12px;
        font-weight: 600;
        line-height: 16px
    }

@media (min-width:768px) {
    .cx-image-card-title {
        font-size: 14px;
        line-height: 18px;
        margin-top: 20px
    }
}

.sell-trending-category .cx-image-card .cx-image-card-title {
    color: #fff
}

.cx-banner-container {
    background-position: 50% !important;
    background-size: cover !important;
    border-radius: 24px;
    height: 100%;
    overflow: hidden;
    padding: 4px;
    width: 100%
}

@media (min-width:768px) {
    .cx-banner-container {
        padding: 8px
    }
}

.cx-banner-container .carousel,
.cx-banner-container .carousel .carousel__viewport,
.cx-banner-container .carousel .carousel__viewport .carousel__track,
.cx-banner-container .carousel .carousel__viewport .carousel__track .carousel__slide {
    height: 100%
}

.cx-banner-container .banner-with-column .banner-style-list {
    align-items: flex-end;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: space-between
}

    .cx-banner-container .banner-with-column .banner-style-list .banner-title-xl {
        margin-bottom: 32px;
        text-align: center;
        width: 100%
    }

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-title-xl {
        flex: 0 1 40%;
        margin-bottom: 0;
        margin-right: 5%;
        text-align: left
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    order: 3;
    width: 100%
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group {
        align-items: flex-start;
        display: flex;
        flex: 0 1 55%;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-end;
        order: unset
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group button {
    flex: 0 1 50%;
    max-width: 360px
}

    .cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group button:first-child {
        margin-right: 6px
    }

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group button:first-child:first-child {
        margin-right: 12px
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group button:last-child {
    margin-left: 6px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-2-buttons-group button:last-child:first-child {
        margin-left: 12px
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block {
    width: 100%
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-around;
        margin-left: 2%;
        margin-right: 2%;
        margin-top: 72px
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 32px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: unset;
        margin-bottom: 0;
        max-width: 345px;
        width: 30%
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .list-image-wrap {
    border-radius: 14px;
    height: 60px;
    margin-right: 12px;
    overflow: hidden;
    width: 60px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .list-image-wrap {
        margin-bottom: 12px
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .list-image-wrap img {
    border-radius: 14px;
    cursor: pointer;
    display: block;
    -o-object-fit: cover;
    object-fit: cover;
    overflow: hidden;
    width: 100%
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .banner-list-content strong {
    display: block;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 4px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .banner-list-content strong {
        font-size: 22px;
        line-height: 28px
    }
}

.cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .banner-list-content p {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-column .banner-style-list .banner-lists-3-block li .banner-list-content p {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-banner-container .banner-with-card {
    text-align: center
}

    .cx-banner-container .banner-with-card .banner-card-product-list {
        margin-top: 32px
    }

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li {
    align-items: unset;
    background-color: #fff;
    border-radius: 14px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 16px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list li {
        display: block;
        margin-bottom: 0;
        margin-right: 32px
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list li:last-child {
        margin-right: 0
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product {
    border-radius: 14px;
    height: 90px;
    margin-right: 12px;
    overflow: hidden;
    width: 90px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product {
        height: 128px;
        margin-bottom: 8px;
        margin-right: 0;
        width: 172px
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product img {
    border-radius: 14px;
    cursor: pointer;
    display: block;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    width: 100%
}

.cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 12px;
    margin-top: 12px;
    text-align: left
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content {
        display: block;
        margin: 0 16px 12px
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content .banner-product-title {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content .banner-product-title {
        margin-bottom: 8px
    }
}

.cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content .product-price {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

    .cx-banner-container .banner-with-card .banner-card-product-list li .banner-card-product-content .product-price span {
        color: #4d4d4d;
        display: block;
        font-size: 10px;
        font-weight: 300;
        line-height: 12px;
        margin-bottom: 4px
    }

.cx-banner-container .banner-with-number {
    text-align: center
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number {
        text-align: left
    }

        .cx-banner-container .banner-with-number .banner-title-xl {
            width: 40%
        }
}

.cx-banner-container .banner-with-number .cx-banner-text-content {
    width: 100%
}

.cx-banner-container .banner-with-number .banner-4-lists-block {
    margin: 32px 16px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number .banner-4-lists-block {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: unset;
        margin: 62px 16px 20px
    }
}

.cx-banner-container .banner-with-number .banner-4-lists-block li {
    margin-bottom: 40px;
    text-align: left
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number .banner-4-lists-block li {
        margin-bottom: 0;
        margin-right: 24px
    }
}

.cx-banner-container .banner-with-number .banner-4-lists-block li:last-child {
    margin-bottom: 0
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number .banner-4-lists-block li:last-child {
        margin-right: 0
    }
}

.cx-banner-container .banner-with-number .banner-4-lists-block li .ordered-list-number {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    font-weight: 600;
    height: 40px;
    justify-content: center;
    line-height: 20px;
    margin-bottom: 12px;
    width: 40px
}

.cx-banner-container .banner-with-number .banner-4-lists-block li strong {
    display: block;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 12px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number .banner-4-lists-block li strong {
        font-size: 20px;
        line-height: 26px
    }
}

.cx-banner-container .banner-with-number .banner-4-lists-block li p {
    font-size: 14px;
    font-weight: 400;
    line-height: 18px
}

@media (min-width:768px) {
    .cx-banner-container .banner-with-number .banner-4-lists-block li p {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-banner-container .cx-banner {
    border-radius: 20px;
    height: 100%;
    overflow: hidden;
    position: relative;
    width: 100%
}

@media (min-width:768px) {
    .cx-banner-container .cx-banner {
        border-radius: 16px
    }
}

.cx-banner-container .cx-banner .cx-banner-content {
    height: 100%;
    width: 100%
}

.cx-banner-container .cx-banner .cx-banner-text-content {
    color: #fff
}

    .cx-banner-container .cx-banner .cx-banner-text-content .banner-subtitle {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        text-transform: uppercase
    }

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .banner-subtitle {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

.cx-banner-container .cx-banner .cx-banner-text-content .banner-title-xl {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    text-transform: none
}

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .banner-title-xl {
        font-size: 52px;
        line-height: 64px
    }
}

.cx-banner-container .cx-banner .cx-banner-text-content .banner-title-l {
    font-size: 32px;
    font-weight: 600;
    line-height: 40px
}

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .banner-title-l {
        font-size: 40px;
        line-height: 48px
    }
}

.cx-banner-container .cx-banner .cx-banner-text-content .small-banner-title {
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .small-banner-title {
        font-size: 22px;
        line-height: 28px
    }
}

.cx-banner-container .cx-banner .cx-banner-text-content .small-banner-subtitle {
    font-size: 14px;
    font-weight: 500;
    line-height: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .small-banner-subtitle {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-banner-container .cx-banner .cx-banner-text-content .banner-caption {
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-top: 16px
}

.cx-banner-container .cx-banner .cx-banner-text-content .banner-button {
    margin-left: auto;
    margin-right: auto;
    margin-top: 32px;
    max-width: 330px;
    width: 100%
}

    .cx-banner-container .cx-banner .cx-banner-text-content .banner-button button {
        display: inline-block
    }

@media (min-width:768px) {
    .cx-banner-container .cx-banner .cx-banner-text-content .banner-button button {
        display: block;
        width: 100%
    }

    .cx-banner-container .cx-banner .cx-banner-text-content .banner-button {
        margin-top: 24px
    }
}

.cx-banner-container .cx-banner .banner-image-wrap {
    border-radius: 16px;
    height: 100%;
    -webkit-mask-image: radial-gradient(#fff,#000);
    mask-image: radial-gradient(#fff,#000);
    overflow: hidden;
    width: 100%
}

    .cx-banner-container .cx-banner .banner-image-wrap .enlarge-image {
        transform: scale(1.1);
        transform-origin: center
    }

    .cx-banner-container .cx-banner .banner-image-wrap .cx-slider-banner-img {
        display: block;
        height: 100%;
        -o-object-fit: cover;
        object-fit: cover;
        width: 100%
    }

@media (min-width:768px) {
    .cx-banner-container .cx-banner .banner-image-wrap .cx-slider-banner-img {
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }
}

.cx-banner-container .cx-banner .banner-image-wrap:before {
    border-radius: 24px;
    content: "";
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 1
}

.cx-banner-container .cx-banner .banner-image-wrap.banner-image-wrap-overlay:before {
    background: rgba(0,0,0,.6)
}

.cx-banner-container .cx-banner .cx-banner-content-block {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 100%;
    justify-content: center;
    left: 0;
    padding: 24px;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 2
}

.cx-banner-container .cx-banner .small-banner .cx-banner-content-block {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    text-align: left
}

.cx-banner-container .cx-banner .small-banner .cx-banner-text-content {
    align-items: flex-start;
    display: flex;
    flex-direction: column;
    flex-wrap: unset;
    height: 100%;
    justify-content: space-between
}

.cx-banner-container.base-pattern {
    background: url(../patterns/base-pattern.svg);
    position: relative
}

    .cx-banner-container.base-pattern .cx-banner {
        background-color: #e20a03;
        border: 1px solid #7e0602
    }

.cx-banner-container.red-pattern {
    background: url(../images/base-pattern.c04bf9d7.svg);
    position: relative
}

    .cx-banner-container.red-pattern .cx-banner {
        background-color: #e20a03;
        border: 1px solid #7e0602
    }

.cx-banner-container.sonic-pattern {
    background: url(../patterns/sonic-pattern.svg)
}

    .cx-banner-container.sonic-pattern .cx-banner {
        background-color: #51b8f5;
        border: 1px solid #175a82
    }

.cx-banner-container.frogger-pattern {
    background: url(../patterns/frogger-pattern.svg)
}

    .cx-banner-container.frogger-pattern .cx-banner {
        background-color: #c0f32f;
        border: 1px solid #5b7907
    }

.cx-banner-container.memento-pattern {
    background: url(../patterns/memento-pattern.svg)
}

    .cx-banner-container.memento-pattern .cx-banner {
        background-color: #2ef3cf;
        border: 1px solid #077e68
    }

.cx-banner-container.yellow-pattern {
    background: url(../patterns/yellow-pattern.svg)
}

    .cx-banner-container.yellow-pattern .cx-banner {
        background-color: #ffc700;
        border: 1px solid #8a6b00
    }

.cx-banner-container.pink-pattern {
    background: url(../patterns/pink-pattern.svg)
}

    .cx-banner-container.pink-pattern .cx-banner {
        background-color: #e867e3;
        border: 1px solid #851481
    }

.cx-banner-container.trainspotting-pattern {
    background: url(../patterns/trainspotting-pattern.svg)
}

    .cx-banner-container.trainspotting-pattern .cx-banner {
        background-color: #ff8311;
        border: 1px solid #a85100
    }

.carousel .carousel__prev {
    display: none
}

@media (min-width:768px) {
    .carousel .carousel__prev {
        background-color: #fff;
        border-radius: 100px;
        display: flex;
        height: 48px;
        width: 48px
    }
}

.carousel .carousel__next {
    display: none
}

@media (min-width:768px) {
    .carousel .carousel__next {
        background-color: #fff;
        border-radius: 100px;
        display: flex;
        height: 48px;
        width: 48px
    }
}

.carousel .carousel__pagination {
    bottom: 5px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%)
}

    .carousel .carousel__pagination .carousel__pagination-item {
        background-color: #fff;
        border-radius: 100px;
        height: 14px;
        margin-right: 16px;
        width: 14px
    }

        .carousel .carousel__pagination .carousel__pagination-item:last-child {
            margin-right: 0
        }

        .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button {
            padding: 3px
        }

            .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button:after {
                background-color: #fff;
                border-radius: 100px;
                height: 8px;
                width: 8px
            }

            .carousel .carousel__pagination .carousel__pagination-item .carousel__pagination-button.carousel__pagination-button--active:after {
                background-color: #000
            }

@media (min-width:1440px) {
    .products-result-small-banner .banner-content-bottom {
        margin-bottom: 50px
    }
}

.cx-supercat-banner {
    background-position: 50%;
    border-radius: 24px;
    display: flex;
    height: 283px
}

    .cx-supercat-banner.cx-supercat-img-banner .cx-supercat-banner-inner {
        align-items: center;
        background-color: transparent !important;
        border: 0 !important;
        display: flex;
        height: 100%;
        left: 0;
        margin: 0;
        position: absolute;
        top: 0;
        width: 100%;
        z-index: 2
    }

        .cx-supercat-banner.cx-supercat-img-banner .cx-supercat-banner-inner .supercat-banner-heading,
        .cx-supercat-banner.cx-supercat-img-banner .cx-supercat-banner-inner .supercat-banner-text {
            color: #000
        }

    .cx-supercat-banner.cx-supercat-img-banner.cx-career-supercat-banner .supercat-banner-heading,
    .cx-supercat-banner.cx-supercat-img-banner.cx-career-supercat-banner .supercat-banner-text {
        color: #fff;
        text-transform: inherit
    }

@media (min-width:768px) {
    .cx-supercat-banner {
        height: 260px
    }
}

.cx-supercat-banner.base-pattern {
    background: url(../patterns/base-pattern.svg)
}

.cx-supercat-banner.sonic-pattern {
    background: url(../patterns/sonic-pattern.svg)
}

    .cx-supercat-banner.sonic-pattern .cx-supercat-banner-inner {
        background-color: #51b8f5;
        border: 1px solid #175a82
    }

.cx-supercat-banner.frogger-pattern {
    background: url(../patterns/frogger-pattern.svg)
}

    .cx-supercat-banner.frogger-pattern .cx-supercat-banner-inner {
        background-color: #c0f32f;
        border: 1px solid #5b7907
    }

.cx-supercat-banner.memento-pattern {
    background: url(../patterns/memento-pattern.svg)
}

    .cx-supercat-banner.memento-pattern .cx-supercat-banner-inner {
        background-color: #2ef3cf;
        border: 1px solid #077e68
    }

.cx-supercat-banner.yellow-pattern {
    background: url(../patterns/yellow-pattern.svg)
}

    .cx-supercat-banner.yellow-pattern .cx-supercat-banner-inner {
        background-color: #ffc700;
        border: 1px solid #8a6b00
    }

.cx-supercat-banner.pink-pattern {
    background: url(../patterns/pink-pattern.svg)
}

    .cx-supercat-banner.pink-pattern .cx-supercat-banner-inner {
        background-color: #e867e3;
        border: 1px solid #851481
    }

.cx-supercat-banner.trainspotting-pattern {
    background: url(../patterns/trainspotting-pattern.svg)
}

    .cx-supercat-banner.trainspotting-pattern .cx-supercat-banner-inner {
        background-color: #ff8311;
        border: 1px solid #a85100
    }

.cx-supercat-banner .cx-supercat-banner-inner {
    align-items: center;
    border-radius: 24px;
    display: flex;
    height: auto;
    justify-content: center;
    margin: 4px;
    padding: 22px;
    width: 100%
}

@media (min-width:768px) {
    .cx-supercat-banner .cx-supercat-banner-inner {
        margin: 8px
    }
}

.cx-supercat-banner .cx-supercat-banner-content {
    text-align: center
}

.cx-supercat-banner .supercat-banner-heading {
    color: #000;
    font-size: 32px;
    font-weight: 600;
    line-height: 40px;
    margin-bottom: 16px;
    text-transform: uppercase
}

@media (min-width:768px) {
    .cx-supercat-banner .supercat-banner-heading {
        font-size: 40px;
        line-height: 44px
    }
}

.cx-supercat-banner .supercat-banner-text {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    margin: auto;
    width: 70%
}

@media (min-width:768px) {
    .cx-supercat-banner .supercat-banner-text {
        font-size: 18px;
        line-height: 24px
    }
}

.career-home-banner .cx-supercat-banner {
    height: 400px
}

    .career-home-banner .cx-supercat-banner.cx-supercat-img-banner .cx-supercat-banner-inner {
        flex-wrap: wrap;
        text-align: center;
        width: 100%
    }

    .career-home-banner .cx-supercat-banner.cx-supercat-img-banner .cx-supercat-banner-content {
        width: 100%
    }

@media (min-width:768px) {
    .career-home-banner .cx-supercat-banner {
        height: 260px
    }
}

.career-home-banner .cx-supercat-banner.cx-supercat-img-banner.cx-career-supercat-banner .supercat-banner-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

@media (min-width:768px) {
    .career-home-banner .cx-supercat-banner.cx-supercat-img-banner.cx-career-supercat-banner .supercat-banner-text {
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }
}

.refinement-search {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 24px;
    width: 100%
}

    .refinement-search .refinement-search-text {
        color: #000;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

    .refinement-search .reset-btn {
        color: #000;
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        text-align: right;
        text-decoration: underline
    }

@media (min-width:768px) {
    .refinement-search {
        width: 100%
    }

        .refinement-search .refinement-search-text {
            color: #000;
            font-size: 14px;
            font-weight: 600;
            line-height: 24px
        }

        .refinement-search .reset-btn {
            color: #000;
            font-size: 14px;
            font-weight: 400;
            line-height: 20px;
            text-align: right;
            text-decoration: underline;
            width: 30%
        }
}

.custom-refinement {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left;
    margin-bottom: 12px;
    overflow-x: auto;
    -ms-overflow-style: none;
    padding-bottom: 12px;
    scrollbar-width: none
}

    .custom-refinement::-webkit-scrollbar {
        display: none
    }

    .custom-refinement li {
        padding: 6px 0;
        white-space: nowrap
    }

        .custom-refinement li .refinement-availability {
            display: none
        }

        .custom-refinement li .custom-refinement-list {
            background-color: #0d0d0d;
            border-radius: 18px;
            cursor: pointer;
            display: inline-block;
            margin: 5px 8px 5px 0;
            padding: 0 12px
        }

            .custom-refinement li .custom-refinement-list span {
                color: #fff;
                font-size: 12px;
                font-weight: 500;
                line-height: 24px
            }

            .custom-refinement li .custom-refinement-list button {
                background: transparent;
                border: 0;
                color: #fff;
                font-size: 12px;
                font-weight: 600;
                margin: 0 12px
            }

.refinement-text-hide {
    display: none
}

@media (min-width:768px) {
    .custom-refinement {
        align-items: center;
        border-bottom: 1px solid #e6e6e6;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: left;
        overflow-x: unset;
        padding-bottom: 24px
    }

        .custom-refinement li {
            padding: 0;
            white-space: unset
        }
}

.item-label {
    font-size: 14px
}

.item-label,
.item-label-count {
    font-weight: 400;
    margin-left: 8px
}

.item-label-count {
    color: #666
}

.custom-search-store a {
    color: #666;
    display: block;
    font-size: 12px;
    margin-top: 5px
}

.custom-search-store .refinement-list-scroll {
    min-height: -webkit-fill-available;
    overflow-y: auto
}

    .custom-search-store .refinement-list-scroll::-webkit-scrollbar {
        margin-left: 5px;
        width: 5px
    }

    .custom-search-store .refinement-list-scroll::-webkit-scrollbar-thumb,
    .custom-search-store .refinement-list-scroll::-webkit-scrollbar-track {
        background-color: none
    }

        .custom-search-store .refinement-list-scroll::-webkit-scrollbar-thumb:hover {
            background-color: none
        }

.custom-search-store {
    overflow: scroll;
    padding-bottom: 20px
}

@media (min-width:768px) {
    .custom-search-store {
        height: auto;
        overflow: auto;
        padding-bottom: 0
    }

    .refinement-list-scroll {
        max-height: 220px;
        overflow-y: auto
    }
}

.refinement-list-scroll {
    height: 100%;
    overflow-y: auto
}

.custom-range-input {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: inherit;
    justify-content: left
}

    .custom-range-input label {
        flex: auto
    }

        .custom-range-input label input {
            background-color: #f9f9f9;
            border: 1px solid #f2f2f2;
            border-radius: 40px;
            color: #4d4d4d;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px;
            outline: none;
            padding: 14px;
            text-align: center;
            width: 100%
        }

            .custom-range-input label input::-webkit-inner-spin-button,
            .custom-range-input label input::-webkit-outer-spin-button {
                -webkit-appearance: none;
                appearance: none;
                margin: 0
            }

            .custom-range-input label input::-webkit-input-placeholder {
                color: #4d4d4d
            }

            .custom-range-input label input::-moz-placeholder {
                color: #4d4d4d
            }

            .custom-range-input label input:-ms-input-placeholder {
                color: #4d4d4d
            }

            .custom-range-input label input:-moz-placeholder {
                color: #4d4d4d
            }

    .custom-range-input span {
        color: #000;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px;
        margin: 0 12px;
        white-space: nowrap
    }

    .custom-range-input button {
        background-color: #0d0d0d;
        border: 0;
        border-radius: 50%;
        cursor: pointer;
        margin: 10px 0 10px 12px;
        padding: 4px 6px;
        width: 32px
    }

        .custom-range-input button i {
            color: #fff;
            font-size: 20px
        }

    .custom-range-input .error-message {
        flex-shrink: 0
    }

.sort-by-block {
    align-items: center;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    justify-content: left;
    margin-left: 8px
}

    .sort-by-block .sort-title {
        color: #0d0d0d;
        font-size: 16px;
        line-height: 20px;
        margin-right: 8px
    }

    .sort-by-block .cx-dropdown-list {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        justify-content: right;
        line-height: 20px;
        margin: 0;
        position: relative;
        width: auto
    }

@media (max-width:992px) {
    .sort-by-block .cx-dropdown-list {
        margin-top: 16px
    }
}

.sort-by-block .cx-dropdown-list .dropdown-list {
    background: #1a1a1a;
    border-radius: 200px
}

    .sort-by-block .cx-dropdown-list .dropdown-list button {
        align-items: center;
        background-color: transparent;
        border: 0;
        color: #fff;
        cursor: pointer;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        justify-content: left;
        padding: 7px 14px;
        width: 100%
    }

        .sort-by-block .cx-dropdown-list .dropdown-list button span {
            font-size: 14px;
            font-weight: 500;
            line-height: 18px;
            padding-right: 8px
        }

            .sort-by-block .cx-dropdown-list .dropdown-list button span i {
                align-items: center;
                display: flex;
                flex: auto;
                flex-direction: unset;
                flex-wrap: unset;
                justify-content: right;
                margin: 0 12px 0 0
            }

        .sort-by-block .cx-dropdown-list .dropdown-list button i.mobile {
            font-size: 16px
        }

        .sort-by-block .cx-dropdown-list .dropdown-list button i.arrow {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            font-size: 18px;
            justify-content: right;
            position: absolute;
            right: 17px;
            transition-duration: .8s;
            transition-property: all;
            transition-timing-function: cubic-bezier(.78,.13,.15,.86);
            transition: all .5s ease-in
        }

        .sort-by-block .cx-dropdown-list .dropdown-list button .expanded {
            margin-top: 0;
            transform: rotate(-180deg) translateY(0)
        }

    .sort-by-block .cx-dropdown-list .dropdown-list ul {
        background: #1a1a1a;
        border: 1px solid #1a1a1a;
        border-bottom-left-radius: 20px;
        border-bottom-right-radius: 20px;
        border-top-left-radius: 20px;
        min-width: 220px;
        overflow: hidden;
        position: absolute;
        right: 0;
        z-index: 4
    }

        .sort-by-block .cx-dropdown-list .dropdown-list ul li {
            align-items: center;
            border-bottom: 1px solid #1a1a1a;
            color: #fff;
            cursor: pointer;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: left;
            padding: 8px 22px;
            white-space: nowrap;
            width: 100%
        }

            .sort-by-block .cx-dropdown-list .dropdown-list ul li:hover {
                background: #f9f9f9;
                color: #0d0d0d
            }

            .sort-by-block .cx-dropdown-list .dropdown-list ul li:last-child {
                border-bottom: 0
            }

            .sort-by-block .cx-dropdown-list .dropdown-list ul li i.mobile {
                font-size: 14px;
                margin-right: 7px
            }

            .sort-by-block .cx-dropdown-list .dropdown-list ul li p {
                align-items: center;
                display: flex;
                flex: auto;
                flex-direction: unset;
                flex-wrap: unset;
                font-size: 10px;
                font-weight: 500;
                justify-content: right;
                line-height: 12px
            }

    .sort-by-block .cx-dropdown-list .dropdown-list .current {
        background: #f9f9f9;
        color: #000
    }

    .sort-by-block .cx-dropdown-list .dropdown-list .hidden {
        visibility: hidden
    }

    .sort-by-block .cx-dropdown-list .dropdown-list .list-visible {
        visibility: visible
    }

.sort-by-block .cx-dropdown-list .no-bot-radius {
    border-radius: 15px 15px 0 0
}

.sort-by-block .cx-dropdown-list .disabled-div {
    background: #e6e6e6;
    border: 1px solid #e6e6e6
}

    .sort-by-block .cx-dropdown-list .disabled-div button i.arrow,
    .sort-by-block .cx-dropdown-list .disabled-div button i.mobile,
    .sort-by-block .cx-dropdown-list .disabled-div button span,
    .sort-by-block .cx-dropdown-list .disabled-div ~ .must-text {
        color: #b3b3b3
    }

.sort-by-block .mob-sort-by {
    margin: 24px 0;
    width: 100%
}

    .sort-by-block .mob-sort-by label {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        font-size: 14px;
        font-weight: 400;
        justify-content: left;
        line-height: 16px;
        margin-bottom: 16px;
        -webkit-user-select: none;
        -moz-user-select: none;
        user-select: none
    }

        .sort-by-block .mob-sort-by label input {
            cursor: pointer;
            display: none;
            opacity: 0
        }

            .sort-by-block .mob-sort-by label input:checked ~ .checkmark {
                border: 1.25px solid #e20a03
            }

            .sort-by-block .mob-sort-by label input:disabled ~ .checkmark {
                border: 1.5px solid #ccc
            }

            .sort-by-block .mob-sort-by label input:checked ~ .checkmark:after {
                display: block
            }

            .sort-by-block .mob-sort-by label input:disabled ~ .checkmark:after {
                background: #ccc
            }

        .sort-by-block .mob-sort-by label .checkmark {
            align-items: center;
            border: 1.5px solid #4d4d4d;
            border-radius: 10px;
            box-sizing: border-box;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            height: 20px;
            justify-content: center;
            margin-right: 8px;
            width: 20px
        }

            .sort-by-block .mob-sort-by label .checkmark:after {
                background: #e20a03;
                border-radius: 50%;
                content: "";
                display: none;
                height: 100%;
                transform: scale(.5);
                width: 100%
            }

@media (min-width:768px) {
    .get-help-contact h6 {
        line-height: 32px
    }
}

.products-result-small-banner {
    flex: 0 0 302px;
    height: 200px;
    width: 302px
}

@media (min-width:1440px) {
    .products-result-small-banner {
        height: auto
    }
}

@media only screen and (max-width:480px) {
    .products-result-small-banner {
        width: 100%
    }
}

.result-product-card-dummy {
    display: none;
    overflow: hidden;
    position: relative;
    vertical-align: top;
    width: 302px
}

@media (min-width:992px) {
    .result-product-card-dummy {
        display: inline-block
    }
}

@media only screen and (min-width:1300px) {
    .products-result-2-cols {
        display: flex;
        justify-content: space-between
    }
}

.search-result-grid {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 16px;
    justify-content: space-between;
    width: 100%
}

    .search-result-grid .search-product-card {
        width: 100%
    }

    .search-result-grid .vertical.search-product-card {
        box-sizing: border-box;
        display: inline-block;
        overflow: hidden;
        position: relative;
        text-align: left;
        vertical-align: top;
        width: 240px
    }

        .search-result-grid .vertical.search-product-card:nth-child(2n) {
            margin: 0 10px 24px
        }

@media (min-width:768px) {
    .search-result-grid {
        gap: 24px
    }

        .search-result-grid .search-product-card {
            width: 240px
        }

        .search-result-grid .result-grid-empty {
            box-sizing: border-box;
            display: inline-block;
            overflow: hidden;
            position: relative;
            text-align: left;
            vertical-align: top;
            width: 240px
        }
}

.get-help-contact {
    width: 100%
}

@media (min-width:768px) {
    .get-help-contact {
        width: 240px
    }
}

.search-result-base {
    gap: 16px
}

@media (min-width:992px) {
    .search-result-base {
        gap: 24px
    }
}

.cx-algolia-pagination-list {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: center
}

    .cx-algolia-pagination-list li.cx-algolia-pagination-item {
        cursor: pointer;
        margin: 0 4px
    }

        .cx-algolia-pagination-list li.cx-algolia-pagination-item a {
            align-items: center;
            border-radius: 50%;
            color: #0d0d0d;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            font-size: 12px;
            font-weight: 500;
            height: 21px;
            justify-content: center;
            letter-spacing: -.32px;
            line-height: 15px;
            width: 21px
        }

            .cx-algolia-pagination-list li.cx-algolia-pagination-item a:hover {
                color: #0d0d0d
            }

    .cx-algolia-pagination-list li.cx-algolia-pagination-item-selected a {
        border: 1.13px solid #0d0d0d;
        color: #0d0d0d
    }

    .cx-algolia-pagination-list li.cx-algolia-pagination-item-next,
    .cx-algolia-pagination-list li.cx-algolia-pagination-item-prev {
        align-items: center;
        background-color: #0d0d0d;
        border-radius: 50%;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 40px;
        justify-content: center;
        margin: 0 12px;
        width: 40px
    }

        .cx-algolia-pagination-list li.cx-algolia-pagination-item-next a,
        .cx-algolia-pagination-list li.cx-algolia-pagination-item-next span,
        .cx-algolia-pagination-list li.cx-algolia-pagination-item-prev a,
        .cx-algolia-pagination-list li.cx-algolia-pagination-item-prev span {
            color: #fff;
            font-size: 20px
        }

            .cx-algolia-pagination-list li.cx-algolia-pagination-item-next a:hover,
            .cx-algolia-pagination-list li.cx-algolia-pagination-item-next span:hover,
            .cx-algolia-pagination-list li.cx-algolia-pagination-item-prev a:hover,
            .cx-algolia-pagination-list li.cx-algolia-pagination-item-prev span:hover {
                color: #fff
            }

.ais-Pagination {
    margin: 16px 0
}

@media (min-width:768px) {
    .ais-Pagination {
        margin-bottom: 40px;
        margin-top: 24px
    }

    .cx-algolia-pagination-list {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: right
    }
}

.cx-no-results .sorry-title {
    color: #000;
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

.cx-no-results .inner-text {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 22px;
    margin-top: 10px
}

.cx-no-results .no-results-list {
    border: 1px solid #b3b3b3;
    border-radius: 16px;
    margin: 24px 0;
    max-width: 845px;
    padding: 10px
}

    .cx-no-results .no-results-list .search-tips {
        font-size: 20px;
        font-weight: 600;
        line-height: 32px;
        margin-bottom: 10px;
        margin-left: 5px
    }

    .cx-no-results .no-results-list ul li {
        font-size: 14px;
        font-weight: 400;
        list-style-type: disc;
        margin-left: 20px
    }

.cx-no-results .get-help-contact,
.cx-no-results .get-help-contact-buttons,
.cx-no-results .get-help-contact-buttons a {
    width: 100%
}

@media (min-width:768px) {
    .cx-no-results .get-help-contact-buttons,
    .cx-no-results .get-help-contact-buttons a {
        width: unset
    }

    .cx-no-results .sorry-title {
        font-size: 32px;
        line-height: 46px
    }

    .cx-no-results .inner-text {
        font-size: 18px;
        line-height: 26px;
        margin-top: 10px
    }

    .cx-no-results .no-results-list {
        margin: 24px 0 40px;
        padding: 15px
    }

        .cx-no-results .no-results-list .search-tips {
            font-size: 24px;
            margin-bottom: 10px;
            margin-left: 10px
        }

        .cx-no-results .no-results-list ul li {
            font-size: 16px;
            margin-left: 25px
        }
}

.cx-switch-button {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center;
    margin-bottom: 15px;
    position: relative;
    width: 40px
}

    .cx-switch-button input {
        height: 0;
        opacity: 0;
        width: 0
    }

        .cx-switch-button input:checked + .slider {
            background-color: #e20a03
        }

        .cx-switch-button input:focus + .slider {
            box-shadow: 0 0 #e20a03
        }

        .cx-switch-button input:checked + .slider:before {
            transform: translate(20px)
        }

        .cx-switch-button input:disabled + .slider {
            background-color: #b3b3b3
        }

            .cx-switch-button input:disabled + .slider:before {
                background-color: #e6e6e6
            }

    .cx-switch-button .slider {
        background-color: #4d4d4d;
        border-radius: 10px;
        cursor: pointer;
        inset: 0;
        position: absolute;
        transition: .4s
    }

        .cx-switch-button .slider:before {
            background-color: #fff;
            border-radius: 50%;
            bottom: 2px;
            content: "";
            height: 16px;
            left: 2px;
            position: absolute;
            transition: .4s;
            width: 16px
        }

.toggle-switch .cx-switch-button {
    margin-bottom: 0;
    margin-left: 8px
}

@media (min-width:768px) {
    .cx-switch-button {
        height: 24px;
        margin-bottom: 15px;
        width: 48px
    }

        .cx-switch-button input:focus + .slider {
            box-shadow: 0 0 #e20a03
        }

        .cx-switch-button input:checked + .slider:before {
            transform: translate(24px)
        }

        .cx-switch-button .slider {
            border-radius: 12px
        }

            .cx-switch-button .slider:before {
                bottom: 2px;
                height: 19.2px;
                left: 2px;
                width: 19.2px
            }
}

.image-card-flex {
    display: flex;
    gap: 12px
}

@media (min-width:768px) {
    .image-card-flex {
        gap: 24px
    }
}

.product-title {
    display: block;
    margin-bottom: 8px;
    width: 100%
}

@media (min-width:768px) {
    .product-title {
        margin-bottom: 28px
    }
}

.mobile-filters-panel .filters-sort-btn {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .mobile-filters-panel .filters-sort-btn button {
        display: flex;
        justify-content: center;
        width: 48%
    }

.mobile-filters-panel .sort-overlay {
    background-color: #000;
    height: 100%;
    left: 0;
    opacity: .5;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

.mobile-filters-panel .mob-sort-by-popup {
    background: #fff;
    border-top-left-radius: 24px;
    border-top-right-radius: 24px;
    bottom: -500px;
    left: 0;
    padding: 64px 24px 16px;
    position: fixed;
    transition: bottom .8s ease-in-out;
    width: 100%;
    z-index: 10
}

    .mobile-filters-panel .mob-sort-by-popup i {
        cursor: pointer;
        font-size: 18px;
        font-weight: 700;
        position: absolute;
        right: 24px;
        top: 24px
    }

.mobile-filters-panel .show-sort-popup {
    bottom: 0
}

.mobile-filters-panel .mob-filters-block {
    background: #fff;
    height: 100%;
    left: 0;
    padding: 12px 24px;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10
}

    .mobile-filters-panel .mob-filters-block .filter-text {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 20px;
        font-weight: 600;
        justify-content: unset;
        line-height: 24px;
        padding: 0 0 32px;
        position: relative
    }

        .mobile-filters-panel .mob-filters-block .filter-text i {
            cursor: pointer;
            position: absolute;
            right: 0;
            top: 0
        }

    .mobile-filters-panel .mob-filters-block .mob-filter-list {
        height: 100%;
        margin-right: -15px;
        max-height: unset !important;
        overflow-y: auto;
        padding-bottom: 10px;
        padding-right: 15px;
        position: relative
    }

        .mobile-filters-panel .mob-filters-block .mob-filter-list li {
            align-items: center;
            border-top: 1px solid #e6e6e6;
            cursor: pointer;
            display: flex;
            flex-direction: unset;
            flex-wrap: wrap;
            font-size: 20px;
            font-weight: 600;
            justify-content: left;
            line-height: 24px;
            padding: 20px 0;
            width: 100%
        }

            .mobile-filters-panel .mob-filters-block .mob-filter-list li span {
                align-items: center;
                display: flex;
                flex-direction: unset;
                flex-wrap: unset;
                justify-content: left;
                padding: 0;
                width: 100%
            }

                .mobile-filters-panel .mob-filters-block .mob-filter-list li span i {
                    align-items: center;
                    display: flex;
                    flex: auto;
                    flex-direction: unset;
                    flex-wrap: unset;
                    justify-content: right
                }

    .mobile-filters-panel .mob-filters-block .mob-filter-popup {
        background: #fff;
        bottom: 0;
        height: 100%;
        left: 0;
        padding: 12px 24px;
        position: fixed;
        top: 0;
        width: 100%
    }

        .mobile-filters-panel .mob-filters-block .mob-filter-popup li .back-btn-block {
            align-items: center;
            display: flex;
            flex-direction: unset;
            flex-wrap: wrap;
            justify-content: left;
            margin-top: 10px
        }

            .mobile-filters-panel .mob-filters-block .mob-filter-popup li .back-btn-block span {
                cursor: pointer;
                font-size: 14px;
                font-weight: 500
            }

            .mobile-filters-panel .mob-filters-block .mob-filter-popup li .back-btn-block i {
                cursor: pointer;
                font-size: 26px;
                margin-left: -7px;
                margin-right: 5px
            }

                .mobile-filters-panel .mob-filters-block .mob-filter-popup li .back-btn-block i.cx-icon-close {
                    cursor: pointer;
                    font-size: 20px;
                    position: absolute;
                    right: 15px;
                    top: 22px
                }

            .mobile-filters-panel .mob-filters-block .mob-filter-popup li .back-btn-block h3 {
                font-size: 24px;
                margin: 35px 0 25px;
                width: 100%
            }

        .mobile-filters-panel .mob-filters-block .mob-filter-popup li.active {
            height: 100%
        }

    .mobile-filters-panel .mob-filters-block .cx-btn-primary {
        width: 100%
    }

.cxbutton-bottom {
    bottom: 0;
    margin: 10px auto 30px;
    position: fixed;
    text-align: center;
    width: 87%
}

.cxbutton-search {
    padding-bottom: 20px
}

@media (min-width:768px) {
    .cxbutton-search {
        padding-bottom: 0
    }
}

.products-listing-panel {
    margin: 0;
    width: 100%
}

.search-panel .search-result-text {
    font-size: 14px;
    font-weight: 400;
    line-height: 20px
}

.search-panel .search-product-title {
    font-size: 24px;
    font-weight: 600;
    line-height: 34px
}

@media (min-width:768px) {
    .custom-card-mlr {
        margin: 0 12px
    }

    .search-panel .search-product-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 56px
    }

    .results-sortby-panel {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: unset
    }

        .results-sortby-panel .stats-text {
            color: #0d0d0d;
            font-size: 16px
        }

    .filters-panel {
        float: left;
        margin: 0;
        padding-right: 20px;
        position: relative;
        width: 245px;
        z-index: 2
    }

        .filters-panel::-webkit-scrollbar {
            margin-left: 5px;
            width: 5px
        }

        .filters-panel::-webkit-scrollbar-track {
            background-color: #f2f2f2
        }

        .filters-panel::-webkit-scrollbar-thumb,
        .filters-panel::-webkit-scrollbar-thumb:hover {
            background-color: #ccc
        }

    .products-listing-panel {
        margin: 0 0 0 269px;
        width: auto
    }

        .products-listing-panel .image-card-grid.image-grid-read-more:before {
            bottom: -13px
        }
}

@media (min-width:768px) and (min-width:768px) {
    .products-listing-panel .image-card-grid.image-grid-read-more:before {
        bottom: -13px
    }
}

@media (min-width:992px) {
    .filters-panel {
        width: 302px
    }

    .products-listing-panel {
        margin: 0 0 0 326px;
        width: auto
    }
}

.product-listing-content-wrapper .products-listing-panel .image-card-grid.image-grid-read-more {
    height: 160px
}

@media (min-width:768px) {
    .product-listing-content-wrapper .products-listing-panel .image-card-grid.image-grid-read-more {
        height: 290px
    }
}

.product-listing-categories {
    position: relative
}

    .product-listing-categories .product-title {
        font-size: 24px;
        font-weight: 600;
        line-height: 28px
    }

@media (min-width:768px) {
    .product-listing-categories .product-title {
        font-size: 40px;
        font-weight: 600;
        line-height: 48px
    }
}

.toggle-trade-price {
    align-items: center;
    display: flex;
    justify-content: space-between;
    margin-top: 16px;
    width: 100%
}

@media (min-width:768px) {
    .toggle-trade-price {
        margin-top: 0
    }
}

@media (max-width:992px) {
    .toggle-trade-price {
        align-items: flex-start
    }
}

.toggle-switch {
    align-items: center;
    display: flex;
    justify-content: center;
    margin-left: auto
}

.trade-price-sort-panel {
    display: flex
}

@media (max-width:992px) {
    .trade-price-sort-panel {
        flex-wrap: wrap;
        justify-content: end;
        width: 70%
    }

    .search-panel[data-v-133bbf51] {
        padding-left: 0
    }
}

.cx-blog {
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    position: relative
}

    .cx-blog img {
        width: 100%
    }

    .cx-blog .blog-date {
        color: #666;
        font-size: 14px;
        font-weight: 400;
        padding: 0 16px 16px
    }

    .cx-blog .blog-title {
        color: #000;
        font-size: 16px;
        font-weight: 600;
        padding: 8px 16px
    }

    .cx-blog .blog-txt {
        color: #666;
        font-size: 12px;
        font-weight: 500;
        padding: 8px 16px 0
    }

.blog-pagination {
    padding: 0
}

    .blog-pagination ul li.prev-next {
        margin: 11px !important;
        padding: 0
    }

@media (min-width:768px) {
    .blog-txt {
        display: none
    }

    .blog-pagination ul {
        justify-content: right !important
    }

        .blog-pagination ul li.prev-next {
            margin: 12px !important
        }
}

@supports (-webkit-appearance:-apple-pay-button) {
    .apple-pay-button-with-text {
        -webkit-appearance: -apple-pay-button;
        -moz-appearance: -apple-pay-button;
        appearance: -apple-pay-button;
        display: inline-block;
        -apple-pay-button-type: buy
    }

        .apple-pay-button-with-text > * {
            display: none
        }

    .apple-pay-button-black-with-text {
        -apple-pay-button-style: #000
    }

    .apple-pay-button-white-with-text {
        -apple-pay-button-style: #fff
    }

    .apple-pay-button-white-with-line-with-text {
        -apple-pay-button-style: white-outline
    }
}

@supports not (-webkit-appearance:-apple-pay-button) {
    .apple-pay-button-with-text {
        --apple-pay-scale: 1;
        border-radius: 5px;
        box-sizing: border-box;
        display: inline-flex;
        font-size: 12px;
        justify-content: center;
        max-height: 64px;
        min-height: 32px;
        min-width: 200px;
        padding: 0
    }

    .apple-pay-button-black-with-text {
        background-color: #000;
        color: #fff
    }

    .apple-pay-button-white-with-text {
        background-color: #fff;
        color: #000
    }

    .apple-pay-button-white-with-line-with-text {
        background-color: #fff;
        border: .5px solid #000;
        color: #000
    }

    .apple-pay-button-with-text.apple-pay-button-black-with-text > .logo {
        background-color: #000;
        background-image: -webkit-named-image(apple-pay-logo-white)
    }

    .apple-pay-button-with-text.apple-pay-button-white-with-line-with-text > .logo,
    .apple-pay-button-with-text.apple-pay-button-white-with-text > .logo {
        background-color: #fff;
        background-image: -webkit-named-image(apple-pay-logo-black)
    }

    .apple-pay-button-with-text > .text {
        align-self: center;
        font-family: -apple-system,sans-serif;
        font-size: calc(1em*var(--apple-pay-scale));
        font-weight: 300;
        margin-right: calc(2px*var(--apple-pay-scale))
    }

    .apple-pay-button-with-text > .logo {
        background-position: 0 50%;
        background-repeat: no-repeat;
        background-size: 100% 60%;
        border: none;
        height: 100%;
        margin-left: calc(2px*var(--apple-pay-scale));
        width: calc(35px*var(--scale))
    }
}

.apple-pay-button {
    cursor: pointer;
    padding: 0 20px 10px
}

.apple-pay-set-up-button {
    -webkit-appearance: -apple-pay-button;
    -moz-appearance: -apple-pay-button;
    appearance: -apple-pay-button;
    display: inline-block;
    -apple-pay-button-type: set-up
}

.apple-pay-set-up-button-black {
    -apple-pay-button-style: #000
}

.apple-pay-set-up-button-white {
    -apple-pay-button-style: #fff
}

.apple-pay-setup-button-white-with-line {
    -apple-pay-button-style: white-outline
}

.apple-pay {
    height: 45px;
    width: 51px
}

.identity-details-edit-btn {
    position: absolute;
    right: 0;
    top: 0
}

@media (min-width:768px) {
    .order-summary-container {
        flex: 0 0 420px
    }

        .order-summary-container .order-summary {
            background: url(./base-pattern.c04bf9d7.svg);
            background-position: 50%;
            border-radius: 24px;
            padding: 4px
        }

            .order-summary-container .order-summary .order-summary-inner {
                background-color: #e20a03;
                border-radius: 24px;
                padding: 28px
            }

                .order-summary-container .order-summary .order-summary-inner .order-summary-heading {
                    color: #fff;
                    font-size: 22px;
                    line-height: 28px
                }
}

.order-summary-container .order-summary .order-summary-inner .order-summary-content {
    color: #000;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

@media (min-width:768px) {
    .order-summary-container .order-summary .order-summary-inner .order-summary-content {
        color: #fff;
        font-size: 14px;
        font-weight: 500;
        line-height: 18px
    }
}

.order-summary-container .order-summary .order-summary-inner .order-summary-content div span:first-child {
    font-weight: 600
}

@media (min-width:768px) {
    .order-summary-container .order-summary .order-summary-inner .order-summary-content div span:first-child {
        font-weight: 500
    }
}

.order-summary-container .order-summary .order-summary-inner .order-summary-content div span:last-child {
    font-weight: 600
}

@media (min-width:768px) {
    .order-summary-container .order-summary .order-summary-inner .order-summary-content div span:last-child {
        font-weight: 600
    }
}

.order-summary-container .order-summary .order-summary-inner .agree-terms {
    color: #0d0d0d
}

@media (min-width:768px) {
    .order-summary-container .order-summary .order-summary-inner .agree-terms {
        color: #fff
    }
}

.order-summary-container .order-summary .order-summary-inner .agree-terms a {
    color: #0d0d0d
}

@media (min-width:768px) {
    .order-summary-container .order-summary .order-summary-inner .agree-terms a {
        color: #fff
    }
}

.order-summary-container .order-summary .order-summary-button {
    text-align: center
}

    .order-summary-container .order-summary .order-summary-button a {
        display: block
    }

    .order-summary-container .order-summary .order-summary-button button {
        width: 100%
    }

.order-summary-container .order-summary .order-total {
    font-size: 20px;
    line-height: 24px
}

    .order-summary-container .order-summary .order-total span:first-child {
        font-weight: 600 !important
    }

.order-summary-container .order-summary .total-price {
    color: #3bb61c
}

@media (min-width:768px) {
    .order-summary-container .order-summary .total-price {
        color: #fff
    }
}

.cx-blog-detail .blog-warranty-card img {
    width: 100%
}

.cx-blog-detail .blog-btn {
    border: 2px solid #0d0d0d;
    border-radius: 20px;
    color: #0d0d0d;
    display: inline-block;
    font-size: 12px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 12px;
    padding: 4px 12px
}

.cx-blog-detail .blog-det-date {
    color: #666;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 24px
}

.cx-blog-detail .blog-det-txt {
    color: #0d0d0d;
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 16px
}

.cx-blog-detail .red-bord {
    border-left: 2px solid #e20a03;
    padding-left: 16px
}

    .cx-blog-detail .red-bord a {
        color: #e20a03;
        text-decoration: underline
    }

.cx-blog-detail .back-next-block {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin: 24px 0 40px
}

    .cx-blog-detail .back-next-block .back-next-btn {
        background-color: #0d0d0d;
        border: 0;
        border-radius: 20px;
        color: #fff;
        cursor: pointer;
        font-size: 12px;
        font-style: normal;
        font-weight: 400;
        line-height: 16px;
        padding: 6px 12px
    }

        .cx-blog-detail .back-next-block .back-next-btn:first-child i {
            padding-right: 4px
        }

        .cx-blog-detail .back-next-block .back-next-btn:last-child i {
            padding-left: 4px
        }

.hr-line {
    background-color: #f2f2f2;
    display: inline-block;
    height: 24px;
    width: 100%
}

.cx-blog-div {
    background-color: #f9f9f9;
    border: 1px solid #e6e6e6;
    border-radius: 18px;
    margin-bottom: 36px;
    position: relative
}

    .cx-blog-div img {
        width: 100%
    }

    .cx-blog-div .blog-date {
        color: #666;
        font-size: 12px;
        font-weight: 300;
        padding: 0 12px 12px
    }

    .cx-blog-div .blog-title {
        color: #000;
        font-size: 14px;
        font-weight: 600;
        padding: 8px 12px 18px
    }

    .cx-blog-div .blog-txt {
        color: #666;
        font-size: 12px;
        font-weight: 500;
        padding: 12px 12px 0
    }

@media (min-width:768px) {
    .cx-blog-detail {
        width: 70%
    }

        .cx-blog-detail .blog-btn {
            margin-bottom: 24px
        }

        .cx-blog-detail .blog-det-date {
            margin-bottom: 40px;
            margin-top: 16px
        }

        .cx-blog-detail .blog-det-txt {
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

        .cx-blog-detail .back-next-block .back-next-btn {
            border-radius: 30px;
            font-size: 16px;
            font-weight: 600;
            line-height: 20px;
            padding: 12px 24px
        }

            .cx-blog-detail .back-next-block .back-next-btn:first-child i {
                padding-right: 6px
            }

            .cx-blog-detail .back-next-block .back-next-btn:last-child i {
                padding-left: 6px
            }
}

.product-card-navigation {
    bottom: 26px;
    display: flex;
    position: absolute;
    right: 0;
    width: 120px
}

    .product-card-navigation .carousel__prev {
        margin: 0
    }

    .product-card-navigation .carousel__next,
    .product-card-navigation .carousel__prev {
        background-color: #000 !important;
        position: inherit;
        top: auto;
        transform: inherit
    }

        .product-card-navigation .carousel__next .carousel__icon,
        .product-card-navigation .carousel__prev .carousel__icon {
            color: #fff !important;
            font-size: 20px
        }

.cx-we-sell {
    background-color: #e20a03;
    color: #fff
}

    .cx-we-sell .cx-sell-search {
        width: 100%
    }

        .cx-we-sell .cx-sell-search .cx-search-content {
            text-align: center
        }

    .cx-we-sell .cx-we-sell-search {
        position: relative
    }

    .cx-we-sell .search-form {
        align-items: center;
        background-color: #fff;
        border-radius: 20px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: flex-start;
        padding-left: 15px;
        padding-right: 15px;
        position: relative
    }

        .cx-we-sell .search-form.search-result-list {
            border-radius: 22px 22px 0 0
        }

.complete-sale {
    background-color: #fff;
    border-radius: 24px;
    display: block;
    margin: 48px 0;
    padding: 24px
}

@media (min-width:768px) {
    .complete-sale {
        margin: 60px 0
    }
}

.complete-sale .proceed-button {
    margin: 18px 0 0;
    width: 100%
}

    .complete-sale .proceed-button button {
        width: 100%
    }

.complete-sale .complete-sale-head span {
    display: block;
    margin-bottom: 32px
}

.complete-sale .price-wrapper {
    flex-wrap: wrap
}

    .complete-sale .price-wrapper,
    .complete-sale .price-wrapper .price-tag {
        align-items: center;
        display: flex;
        flex-direction: unset;
        justify-content: space-between
    }

        .complete-sale .price-wrapper .price-tag {
            flex-wrap: unset;
            font-size: 14px;
            font-weight: 500;
            line-height: 20px;
            width: 100%
        }

            .complete-sale .price-wrapper .price-tag span {
                text-transform: uppercase
            }

.complete-sale .complete-sale-cards .compact-card .wrapper-box .thumbnail .card-img img {
    max-width: -moz-fit-content;
    max-width: fit-content
}

.complete-sale .complete-sale-description {
    max-width: 100%
}

.cx-catalogue-products h3 {
    padding-top: 0
}

.cx-faq .md-col-6 {
    margin: 0 auto
}

    .cx-faq .md-col-6 a {
        color: #000
    }

.find-your-item {
    margin: 40px 0
}

.wizard-label {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 16px
}

.radio-text {
    padding-left: 8px
}

.continue-btn button {
    width: 100%
}

.wizard-thank-you {
    background-color: #fff;
    margin-bottom: 50px;
    padding: 70px 0 50px
}

    .wizard-thank-you .tout-img-container {
        /*background: url(/assets/images/patterns/main-pattern.svg) no-repeat;*/
        background-size: cover
    }

.cx-wizard .cx-wizard-question,
.wizard-process {
    border-radius: 24px;
    padding: 32px
}

.cx-wizard .cx-wizard-question {
    background-color: #fff
}

    .cx-wizard .cx-wizard-question .cx-wizard-head {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

.yodel-button-block {
    border-top: 1px solid #e6e6e6
}

.complete-sell-price {
    width: 100%
}

@media (min-width:768px) {
    .complete-sell-price {
        width: 60%
    }

        .complete-sell-price .price-tag span:first-child {
            padding-right: 5px
        }

    .cx-we-sell .cx-sell-search {
        margin: 0 auto;
        width: 50%
    }

    .complete-sale {
        align-items: flex-end;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between;
        padding: 32px
    }

        .complete-sale .complete-sale-description {
            flex: 0 0 380px
        }

        .complete-sale .complete-sale-cards-container {
            flex: 0 0 calc(100% - 380px);
            overflow-x: auto;
            -ms-overflow-style: none;
            scrollbar-width: none
        }
}

@media (min-width:768px) {
    .complete-sale .complete-sale-cards-container::-webkit-scrollbar {
        display: none
    }

    .complete-sale .complete-sale-cards {
        overflow-x: auto;
        -ms-overflow-style: none;
        position: relative;
        scrollbar-width: none
    }

        .complete-sale .complete-sale-cards::-webkit-scrollbar {
            display: none
        }

    .complete-sale .proceed-button {
        margin-bottom: 0;
        margin-top: 16px;
        width: 100%
    }

    .cx-wizard .cx-wizard-question {
        background-color: #fff;
        border-radius: 24px;
        padding: 32px
    }

        .cx-wizard .cx-wizard-question .cx-dropdown-list {
            margin: 0
        }

    .find-your-item {
        margin: 40px 0
    }

    .continue-btn button {
        width: auto
    }
}

.faq-list ul li {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 24px;
    padding-bottom: 16px
}

@media (min-width:768px) {
    .faq-list ul li {
        margin-bottom: 40px;
        padding-bottom: 24px
    }
}

.faq-list ul li:first-child {
    border-top: 1px solid #e6e6e6;
    padding-top: 24px
}

@media (min-width:768px) {
    .faq-list ul li:first-child {
        padding-top: 40px
    }
}

.faq-list ul li:last-child {
    border-bottom: 0;
    margin-bottom: 0;
    padding-bottom: 0
}

.faq-list ul li h4 a {
    align-items: center;
    display: flex;
    font-size: 20px;
    font-weight: 600;
    justify-content: space-between;
    line-height: 24px
}

@media (min-width:768px) {
    .faq-list ul li h4 a {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }
}

.faq-list ul li h4 span {
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .faq-list ul li h4 span {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-franchise-container {
    word-break: break-word
}

    .cx-franchise-container h2 {
        text-align: center
    }

    .cx-franchise-container .auth-modal-body {
        height: calc(100vh - 170px);
        overflow-x: auto;
        padding-right: 20px
    }

    .cx-franchise-container .cx-franchise-thak-you {
        height: 100%;
        min-height: 650px
    }

    .cx-franchise-container .radio-text {
        margin-left: 10px
    }

    .cx-franchise-container .tout-card-container .tout-img-container {
        margin-bottom: 24px
    }

    .cx-franchise-container .franchise-banner {
        height: 420px
    }

        .cx-franchise-container .franchise-banner .cx-supercat-banner {
            height: 100%;
            overflow: inherit
        }

        .cx-franchise-container .franchise-banner .cx-banner {
            overflow: inherit
        }

            .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-title-xl {
                font-size: 28px;
                line-height: 36px
            }

                .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-title-xl span {
                    display: block
                }

            .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-subtitle {
                font-size: 14px;
                font-style: normal;
                font-weight: 400;
                line-height: 20px
            }

    .cx-franchise-container .franchies-dropdown {
        margin: 0 auto 16px
    }

        .cx-franchise-container .franchies-dropdown .cx-dropdown-list ul {
            height: 177px;
            overflow: scroll
        }

        .cx-franchise-container .franchies-dropdown .cx-dropdown-list .dropdown-title {
            color: #fff
        }

    .cx-franchise-container .franchise-points .franchise-point-list {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-around;
        text-align: left
    }

        .cx-franchise-container .franchise-points .franchise-point-list .franchise-block {
            margin-bottom: 24px;
            max-width: 100%;
            text-align: left;
            width: 45%
        }

            .cx-franchise-container .franchise-points .franchise-point-list .franchise-block img {
                height: 40px;
                margin-bottom: 16px;
                width: 40px
            }

            .cx-franchise-container .franchise-points .franchise-point-list .franchise-block p {
                padding: 0
            }

            .cx-franchise-container .franchise-points .franchise-point-list .franchise-block span {
                display: block
            }

    .cx-franchise-container .becoming-cex-franchise .swiper img {
        height: 106px;
        width: 106px
    }

    .cx-franchise-container .becoming-cex-franchise .intrested-heading {
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

    .cx-franchise-container .becoming-cex-franchise .becoming-cex-franchise-head {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-franchise-container .franchise-support {
        background-color: #f9f9f9;
        border-radius: 24px;
        padding: 24px
    }

        .cx-franchise-container .franchise-support .franchise-support-heading {
            font-size: 20px;
            font-weight: 600;
            line-height: 33px
        }

        .cx-franchise-container .franchise-support .franchise-support-list {
            display: flex;
            flex-wrap: wrap;
            gap: 20px 16px;
            justify-content: space-between;
            text-align: center
        }

            .cx-franchise-container .franchise-support .franchise-support-list .franchise-support-block {
                width: calc(50% - 20px)
            }

                .cx-franchise-container .franchise-support .franchise-support-list .franchise-support-block img {
                    height: 60px;
                    width: 60px
                }

    .cx-franchise-container .request-form-group {
        width: 100%
    }

        .cx-franchise-container .request-form-group .request-form {
            border: 1px solid #b3b3b3;
            border-radius: 16px;
            padding: 24px 16px
        }

            .cx-franchise-container .request-form-group .request-form .request-form-list .cx-dropdown-list {
                margin-bottom: 0;
                margin-top: 0
            }

            .cx-franchise-container .request-form-group .request-form .request-form-list a {
                color: #e20a03
            }

            .cx-franchise-container .request-form-group .request-form .agree {
                border-top: 1px solid #ccc
            }

                .cx-franchise-container .request-form-group .request-form .agree label {
                    align-items: flex-start;
                    display: flex
                }

                    .cx-franchise-container .request-form-group .request-form .agree label strong {
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 20px;
                        margin-left: 8px
                    }

    .cx-franchise-container .cx-gallery .card-carousel.swiper {
        margin-left: 0
    }

        .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide {
            margin-left: 0;
            width: 100%
        }

            .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .image {
                width: 100%
            }

                .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .image img {
                    border-radius: 24px;
                    width: 100%
                }

@media (min-width:768px) {
    .cx-franchise-container .cx-gallery .card-carousel.swiper {
        margin-left: -19px
    }

        .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide {
            margin-left: 20px;
            width: 628px
        }

            .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .image {
                width: 628px
            }

                .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .image img {
                    border-radius: 20px;
                    width: 100%
                }

            .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .cx-gallery-content {
                margin-top: 13px
            }

                .cx-franchise-container .cx-gallery .card-carousel.swiper .swiper-slide .cx-gallery-content span {
                    display: block;
                    font-size: 16px;
                    font-weight: 400;
                    line-height: 20px;
                    text-align: left
                }

    .cx-franchise-container .auth-modal-body {
        height: calc(100vh - 150px);
        overflow-x: auto;
        padding-right: 20px
    }

    .cx-franchise-container .tout-card-container .tout-img-container {
        margin-bottom: 0
    }

    .cx-franchise-container .franchies-dropdown {
        margin: 0 auto 24px
    }

    .cx-franchise-container .franchise-banner {
        height: 480px
    }

        .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-title-xl {
            font-size: 40px;
            line-height: 48px
        }

            .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-title-xl span {
                display: block
            }

        .cx-franchise-container .franchise-banner .cx-banner .cx-banner-text-content .banner-subtitle {
            font-size: 16px;
            font-style: normal;
            font-weight: 400;
            line-height: 20px
        }

    .cx-franchise-container .franchise-points .franchise-point-list {
        display: grid;
        gap: 15px;
        grid-template-columns: repeat(auto-fill,minmax(193px,1fr))
    }

        .cx-franchise-container .franchise-points .franchise-point-list .franchise-block {
            max-width: 193px;
            text-align: center;
            width: 193px
        }

            .cx-franchise-container .franchise-points .franchise-point-list .franchise-block img {
                height: 60px;
                margin-bottom: 12px;
                width: 60px
            }

            .cx-franchise-container .franchise-points .franchise-point-list .franchise-block p {
                padding: 0
            }

    .cx-franchise-container .becoming-cex-franchise .swiper img {
        height: 193px;
        width: 193px
    }

    .cx-franchise-container .becoming-cex-franchise .intrested-heading {
        font-size: 28px;
        font-weight: 600;
        line-height: 36px
    }

    .cx-franchise-container .becoming-cex-franchise .becoming-cex-franchise-head {
        font-size: 22px;
        font-weight: 600;
        line-height: 28px
    }

    .cx-franchise-container .franchise-support {
        background-color: #f9f9f9;
        border-radius: 40px;
        padding: 40px
    }

        .cx-franchise-container .franchise-support .franchise-support-heading {
            font-size: 24px;
            font-weight: 600;
            line-height: 28px
        }

        .cx-franchise-container .franchise-support .franchise-support-list {
            align-items: stretch;
            display: flex;
            flex-wrap: wrap;
            gap: 40px 80px;
            justify-content: flex-start;
            text-align: center
        }

            .cx-franchise-container .franchise-support .franchise-support-list .franchise-support-block {
                width: calc(34% - 80px)
            }

    .cx-franchise-container .request-form-group {
        width: 60%
    }

        .cx-franchise-container .request-form-group .request-form {
            border-radius: 24px;
            padding: 40px
        }

            .cx-franchise-container .request-form-group .request-form .request-form-list {
                width: 100%
            }

            .cx-franchise-container .request-form-group .request-form .agree {
                border-top: 1px solid #ccc
            }

                .cx-franchise-container .request-form-group .request-form .agree label {
                    align-items: flex-start;
                    display: flex
                }

                    .cx-franchise-container .request-form-group .request-form .agree label strong {
                        font-size: 16px;
                        font-weight: 400;
                        line-height: 20px;
                        margin-left: 8px
                    }
}

@media only screen and (max-width:1280px) {
    .cx-franchise-container .franchise-points .franchise-point-list {
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(180px,1fr))
    }
}

@media only screen and (max-width:767px) {
    .cx-franchise-container .franchise-points .franchise-point-list .franchise-block {
        padding-right: 5px;
        width: 100%
    }

    .cx-franchise-container .franchise-points .franchise-point-list {
        display: grid;
        grid-template-columns: repeat(auto-fill,minmax(130px,1fr))
    }
}

.cx-btn {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i {
    font-weight: 500
}

.cx-btn-left-align span {
    justify-content: left
}

    .cx-btn-left-align span .btn-text {
        justify-content: unset;
        text-align: left;
        width: 100%
    }

    .cx-btn-content,
    .cx-btn-left-align span .btn-text {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset
    }

.cx-btn-content {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block {
    display: block;
    width: 100%
}

    .cx-btn-block .btn-content {
        justify-content: center
    }

.cx-btn-xs {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

    .cx-btn-xs .cx-icon-plus {
        font-size: 12px;
        line-height: 12px
    }

    .cx-btn-xs .btn-text {
        margin-left: 9px
    }

    .cx-btn-xs i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-xs .cex-icon-close,
    .cx-btn-xs .cx-icon-arrow-right {
        font-size: 12px;
        line-height: 12px;
        margin-left: 9px
    }

    .cx-btn-xs.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 20px;
        justify-content: center;
        padding: 0;
        width: 20px
    }

.cx-btn-sm {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

    .cx-btn-sm .cx-icon-plus {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-sm .btn-text {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right,
    .cx-btn-sm .cx-icon-close {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-sm i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 28px;
        justify-content: center;
        padding: 0;
        width: 28px
    }

.cx-btn-md {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

    .cx-btn-md .cx-icon-plus {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-md .btn-text {
        margin-left: 10px
    }

    .cx-btn-md .cx-icon-arrow-right,
    .cx-btn-md .cx-icon-close {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-md i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 40px;
        justify-content: center;
        padding: 0;
        width: 40px
    }

.cx-btn-lg {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

    .cx-btn-lg .cx-icon-plus {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-lg .btn-text {
        margin-left: 12px
    }

    .cx-btn-lg .cx-icon-arrow-right,
    .cx-btn-lg .cx-icon-close {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-lg i {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-lg.btn-rounded {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 52px;
        justify-content: center;
        padding: 0;
        width: 52px
    }

.cx-btn:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn:disabled,
    .cx-btn:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-link {
    background-color: transparent;
    color: #000;
    text-decoration: underline
}

.cx-btn-primary {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary:hover {
        background-color: #b50802
    }
}

.cx-btn-primary:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-primary.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-primary {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-outlined-primary.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-secondary {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-secondary.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-gray {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-gray.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-secondary {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-outlined-secondary.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-white {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white,
.cx-btn-white.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-white {
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn-outlined-white.bg-transparent:not(:hover) {
    background-color: transparent
}

.cx-btn .btn-text:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

        .cx-btn-xs .cx-icon-plus {
            font-size: 16px;
            line-height: 16px
        }

        .cx-btn-xs .btn-text {
            margin-left: 10px
        }

        .cx-btn-xs .cx-icon-arrow-right,
        .cx-btn-xs .cx-icon-close {
            font-size: 16px;
            line-height: 16px;
            margin-left: 10px
        }

        .cx-btn-xs.btn-rounded {
            height: 24px;
            padding: 0;
            width: 24px
        }

    .cx-btn-sm {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

        .cx-btn-sm .cx-icon-plus {
            font-size: 20px;
            line-height: 20px
        }

        .cx-btn-sm .btn-text {
            margin-left: 10px
        }

        .cx-btn-sm .cx-icon-arrow-right,
        .cx-btn-sm .cx-icon-close {
            font-size: 20px;
            line-height: 20px;
            margin-left: 10px
        }

        .cx-btn-sm.btn-rounded {
            height: 32px;
            padding: 0;
            width: 32px
        }

    .cx-btn-md {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

        .cx-btn-md .cx-icon-plus {
            font-size: 20px;
            line-height: 20px
        }

        .cx-btn-md .btn-text {
            margin-left: 12px
        }

        .cx-btn-md .cx-icon-arrow-right,
        .cx-btn-md .cx-icon-close {
            font-size: 20px;
            line-height: 20px;
            margin-left: 12px
        }

        .cx-btn-md.btn-rounded {
            height: 48px;
            padding: 0;
            width: 48px
        }

    .cx-btn-lg {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

        .cx-btn-lg .cx-icon-plus {
            font-size: 24px;
            line-height: 24px
        }

        .cx-btn-lg .btn-text {
            margin-left: 13px
        }

        .cx-btn-lg .cx-icon-arrow-right,
        .cx-btn-lg .cx-icon-close {
            font-size: 24px;
            line-height: 24px;
            margin-left: 13px
        }

        .cx-btn-lg.btn-rounded {
            height: 56px;
            padding: 0;
            width: 56px
        }

    .cx-btn .btn-text:first-child {
        margin-left: 0
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button {
        display: inline-block;
        width: unset
    }
}

.cx-btn-transparent {
    background-color: transparent
}

@media only screen and (max-width:600px) {
    .change-store-button button {
        display: block;
        width: 100%
    }
}

.cx-drawer-right-wrapper.open-drawer .cx-drawer-right {
    bottom: 0;
    opacity: 1
}

@media (min-width:768px) {
    .cx-drawer-right-wrapper.open-drawer .cx-drawer-right {
        opacity: 1;
        transform: rotate(0) translate(0)
    }
}

.cx-drawer-right-wrapper.open-drawer .cx-overlay {
    opacity: 1;
    visibility: visible
}

.cx-drawer-right-wrapper .store-click-collect i {
    font-size: 24px;
    line-height: 24px
}

.cx-drawer-right-wrapper .related-products-container {
    overflow-x: hidden;
    overflow-y: auto;
    -ms-overflow-style: none;
    height: calc(100vh - 450px);
    position: relative;
    scrollbar-width: none
}

    .cx-drawer-right-wrapper .related-products-container::-webkit-scrollbar {
        display: none
    }

    .cx-drawer-right-wrapper .related-products-container .cx-card-product {
        margin-bottom: 16px;
        width: 100%
    }

.cx-drawer-right {
    background-color: #fff;
    bottom: -100%;
    height: 100%;
    left: 0;
    opacity: 0;
    padding: 24px;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    width: 100%;
    z-index: 1001
}

@media (min-width:768px) {
    .cx-drawer-right {
        border-radius: 40px 0 0 40px;
        inset: 0 0 0 auto;
        max-width: 406px;
        transform: rotate(10deg) translate(406px);
        transform-origin: bottom right
    }
}

.cx-drawer-right .drawer-scroll {
    height: calc(100vh - 120px);
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .cx-drawer-right .drawer-scroll::-webkit-scrollbar {
        display: none
    }

.cx-drawer-right .store-list-container {
    height: calc(100vh - 350px);
    overflow-x: auto;
    padding-right: 20px
}

.cx-drawer-right .click-and-collect-container {
    height: calc(100% - 100px);
    overflow: auto;
    padding-right: 20px
}

.cx-drawer-right .store-list .store-card {
    color: #0d0d0d;
    position: relative
}

    .cx-drawer-right .store-list .store-card .store-name {
        font-size: 18px;
        font-weight: 600;
        line-height: 24px;
        margin-bottom: 8px
    }

    .cx-drawer-right .store-list .store-card .timing {
        display: block;
        font-size: 16px;
        font-weight: 400;
        line-height: 20px
    }

    .cx-drawer-right .store-list .store-card .default-store {
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin-top: 14px
    }

    .cx-drawer-right .store-list .store-card .store-arrow-right i {
        font-size: 24px;
        line-height: 24px
    }

.cx-drawer-right .drawer-text {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.cx-drawer-right .form-group label {
    color: #0d0d0d;
    display: block;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px;
    margin-bottom: 8px
}

.cx-drawer-right .form-group .form-control {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-drawer-right .form-group .form-control:focus-visible {
        outline: none
    }

.cx-drawer-right .icon-text-button {
    align-items: center;
    background: transparent;
    border: none;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    outline: none
}

    .cx-drawer-right .icon-text-button i {
        color: #0d0d0d;
        font-size: 20px;
        line-height: 20px
    }

    .cx-drawer-right .icon-text-button span {
        color: #0d0d0d;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        margin-left: 8px
    }

.cx-drawer-right .search-form {
    align-items: center;
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 22px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px
}

    .cx-drawer-right .search-form .search-button {
        background-color: transparent;
        border: none;
        margin-right: 6px;
        outline: none;
        padding: 0
    }

        .cx-drawer-right .search-form .search-button i {
            color: #0d0d0d;
            font-size: 20px;
            line-height: 20px
        }

    .cx-drawer-right .search-form .search-input {
        background-color: transparent;
        border: none;
        color: gray;
        flex: auto;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px;
        outline: none;
        padding-bottom: 13px;
        padding-top: 13px
    }

.cx-drawer-right .drawer-divider {
    border-bottom: 1px solid #e6e6e6;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.cx-drawer-right .drawer-heading {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.cx-drawer-right .shopping-basket-items .shopping-basket-item strong {
    color: #0d0d0d;
    display: block;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px;
    margin-bottom: 6px
}

.cx-drawer-right .shopping-basket-items .shopping-basket-item span {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 300;
    line-height: 16px
}

.cx-drawer-right .cx-drawer-header {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 24px
}

    .cx-drawer-right .cx-drawer-header .drawer-close {
        background: none;
        border: none;
        cursor: pointer;
        margin-left: auto;
        outline: none
    }

        .cx-drawer-right .cx-drawer-header .drawer-close i {
            color: #0d0d0d;
            font-size: 32px;
            line-height: 36px
        }

    .cx-drawer-right .cx-drawer-header .drawer-back {
        background: none;
        border: none;
        cursor: pointer;
        outline: none
    }

        .cx-drawer-right .cx-drawer-header .drawer-back i {
            color: #0d0d0d;
            font-size: 32px;
            line-height: 36px
        }

@media only screen and (max-width:410px) {
    .cx-drawer-right {
        border-radius: 0
    }
}

#main {
    margin-top: 24px
}

@media (min-width:768px) {
    #main {
        margin-top: 40px
    }
}

.site-content {
    min-height: 650px
}

.checkout-continue-button button {
    width: 100%
}

@media (min-width:620px) {
    .checkout-continue-button button {
        width: unset
    }
}

.back-to-top {
    align-items: center;
    background-color: #fff;
    border: 2px solid #b3b3b3;
    border-radius: 100%;
    bottom: 24px;
    color: #b3b3b3;
    cursor: pointer;
    display: flex;
    font-size: 20px;
    height: 48px;
    justify-content: center;
    line-height: 20px;
    padding: 12px;
    position: fixed;
    right: 24px;
    width: 48px;
    z-index: 100
}

@media (min-width:768px) {
    .back-to-top {
        bottom: 40px;
        right: 40px
    }
}

@media (min-width:1440px) {
    .back-to-top {
        right: 80px
    }
}

.d-block-btn a.cx-btn {
    display: block
}

body .pca .pcaautocomplete {
    margin-right: 48px;
    max-width: auto !important;
    min-width: auto !important;
    overflow-y: auto !important;
    width: auto !important
}

@media (min-width:768px) {
    body .pca .pcaautocomplete {
        margin-right: 10px;
        max-width: 410px;
        min-width: 380px !important;
        overflow-y: auto !important;
        width: auto !important
    }
}

body .pca .pcaitem {
    padding: 8px 12px !important;
    white-space: normal !important
}

@media (min-width:620px) {
    body .pca .pcaitem {
        padding: 10px 15px !important
    }
}

.cx-container {
    padding-left: 24px;
    padding-right: 24px;
    position: relative
}

@media (min-width:992px) {
    .cx-container {
        padding-left: 40px;
        padding-right: 40px
    }
}

@media (min-width:1440px) {
    .cx-container {
        padding-left: 80px;
        padding-right: 80px
    }
}

.cx-carousel-container {
    padding-left: 24px
}

@media (min-width:992px) {
    .cx-carousel-container {
        padding-left: 40px
    }
}

@media (min-width:1440px) {
    .cx-carousel-container {
        padding-left: 80px
    }
}

.cx-btn.add-cart-anim-play {
    animation: button-fill-none 1s ease-in 1.8s forwards
}

@keyframes button-fill-none {
    0% {
        background-color: #e20a03
    }

    to {
        background-color: transparent
    }
}

@media (min-width:1920px) {
    .cx-carousel-container,
    .cx-container {
        margin-left: auto;
        margin-right: auto;
        max-width: 1920px
    }

    .cx-carousel-container {
        padding-right: 24px
    }
}

@media (min-width:1920px) and (min-width:992px) {
    .cx-carousel-container {
        padding-right: 80px
    }
}

.select-dropdown-list {
    position: relative;
    width: 100%
}

    .select-dropdown-list i {
        font-size: 22px;
        position: absolute;
        right: 20px;
        top: 16px;
        z-index: 1
    }

    .select-dropdown-list .select-dropdown {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background: #f9f9f9 url(../img/arrow-down.png) no-repeat 100%;
        background-position-x: 97%;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 16px;
        margin-top: 8px;
        outline: none;
        padding: 14px;
        width: 100%
    }

.cx-checkbox {
    cursor: pointer;
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    justify-content: left;
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .cx-checkbox,
    .cx-checkbox .checkmark {
        align-items: center;
        display: flex;
        flex-direction: unset
    }

        .cx-checkbox .checkmark {
            border: 1.5px solid #4d4d4d;
            border-radius: 4px;
            box-sizing: border-box;
            flex-wrap: unset;
            height: 20px;
            justify-content: center;
            width: 20px
        }

            .cx-checkbox .checkmark:after {
                content: "";
                display: none
            }

        .cx-checkbox input {
            cursor: pointer;
            display: none;
            opacity: 0
        }

            .cx-checkbox input:checked ~ .checkmark {
                background-color: #e20a03;
                border: 1.8px solid #e20a03
            }

            .cx-checkbox input:disabled ~ .checkmark {
                background-color: #fff;
                border: 1.8px solid #ccc
            }

            .cx-checkbox input:checked ~ .checkmark:after {
                border: solid #fff;
                border-width: 0 1.5px 1.5px 0;
                content: "";
                display: block;
                height: 10px;
                margin-top: -2px;
                transform: rotate(45deg);
                width: 5px
            }

            .cx-checkbox input:disabled ~ .checkmark:after {
                border: solid #b3b3b3;
                border-width: 0 1.8px 1.8px 0
            }

        .cx-checkbox .checkbox-text {
            padding-left: 8px
        }

            .cx-checkbox .checkbox-text span {
                color: gray;
                font-weight: 400;
                padding-left: 8px
            }

        .cx-checkbox .checkbox-sub-text {
            font-size: 12px;
            font-weight: 400;
            margin-left: 28px;
            width: 100%
        }

.row {
    display: flex;
    flex-flow: row wrap
}

.cx-overlay {
    background-color: #000000a3;
    height: 100vh;
    left: 0;
    opacity: 0;
    position: fixed;
    top: 0;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100vw;
    will-change: opacity;
    z-index: 999
}

.divider {
    border-bottom: 1px solid #e6e6e6;
    height: 1px
}

@media (min-width:768px) {
    .md-divider {
        border-bottom: 1px solid #e6e6e6;
        height: 1px
    }
}

@media (max-width:768px) {
    .sm-divider {
        border-bottom: 1px solid #e6e6e6;
        height: 1px
    }
}

.banner-height-1 {
    height: 282px
}

@media (min-width:768px) {
    .banner-height-1 {
        height: 480px
    }
}

.banner-height-1.full-banner-height {
    height: 320px
}

@media (min-width:768px) {
    .banner-height-1.full-banner-height {
        height: 344px
    }
}

.banner-height-2 {
    height: 480px
}

@media (min-width:768px) {
    .banner-height-2 {
        height: 500px
    }
}

@media (min-width:992px) {
    .banner-height-2 {
        height: 395px
    }
}

.banner-cards-height {
    height: 510px
}

@media (min-width:768px) {
    .banner-cards-height {
        height: 470px
    }
}

.small-banner-height {
    height: 230px;
    width: 302px
}

.banner-sell-steps {
    height: 720px
}

@media (min-width:768px) {
    .banner-sell-steps {
        height: 430px
    }
}

.blog-sec-height {
    height: 300px
}

.supercat-banner-height {
    height: 260px
}

.carousel-height {
    height: 515px
}

.card-placeholder-container {
    overflow: hidden
}

.search-result-grid-placeholder {
    display: grid;
    gap: 16px;
    grid-template-columns: repeat(auto-fill,minmax(300px,1fr))
}

@media (min-width:768px) {
    .search-result-grid-placeholder {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(250px,1fr))
    }
}

.card-placeholder {
    flex: 0 0 252px;
    margin-right: 16px
}

@media (min-width:768px) {
    .card-placeholder {
        flex: 0 0 302px;
        margin-right: 24px
    }
}

.card-placeholder .card-placeholder-img {
    height: 225px
}

.card-placeholder .card-placeholder-price {
    flex: auto;
    height: 40px
}

.card-placeholder .card-placeholder-btn {
    flex: 0 0 48px;
    height: 48px
}

.image-card-placeholder {
    flex: 0 0 90px;
    margin-right: 16px
}

    .image-card-placeholder:last-child {
        margin-right: 0
    }

@media (min-width:768px) {
    .image-card-placeholder {
        flex: 0 0 190px;
        margin-right: 24px
    }
}

.image-card-placeholder .image-card-placeholder-img {
    height: 90px
}

@media (min-width:768px) {
    .image-card-placeholder .image-card-placeholder-img {
        height: 160px
    }
}

.horizontal-card-placeholder .horizontal-card-placeholder-img {
    flex: 0 0 140px;
    height: 115px
}

@media (min-width:768px) {
    .horizontal-card-placeholder .horizontal-card-placeholder-img {
        flex: 0 0 224px;
        height: 148px
    }
}

.horizontal-card-placeholder .horizontal-card-placeholder-content {
    flex: auto
}

.sell-header-placeholder > div {
    margin-left: auto;
    margin-right: auto
}

.form-check .cx-checkbox-button .form-check-label a {
    color: #0d0d0d;
    text-decoration: underline
}

.error-message {
    color: #bb1313;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 18px;
    margin-top: 8px;
    word-break: break-word
}

.form-group.error .textfield {
    border: 1px solid #bb1313 !important
}

.form-group.error i.cx-icon-info {
    color: #bb1313 !important
}

.modal-in {
    overflow: hidden
}

.bank-details-confirm .cx-auth-modal {
    left: 0
}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait) {
    body .pca .pcaautocomplete {
        margin-right: 47px;
        max-width: 380px;
        min-width: 270px !important
    }
}

.cx-warranty-badge {
    left: 20px;
    position: absolute;
    top: 20px
}

    .cx-warranty-badge img {
        width: 48px
    }

@media (min-width:768px) {
    .cx-warranty-badge img {
        width: 56px
    }
}

.product-gallery-image-wrapper .cx-warranty-badge {
    left: 24px;
    top: 24px
}

    .product-gallery-image-wrapper .cx-warranty-badge img {
        width: 53px
    }

@media (min-width:768px) {
    .product-gallery-image-wrapper .cx-warranty-badge {
        left: 32px;
        top: 32px
    }

        .product-gallery-image-wrapper .cx-warranty-badge img {
            width: 94px
        }
}

.accordion-checkout .accordion-button > span {
    flex: 0 0 65%;
    width: 65%
}

.show-overlay {
    opacity: 1;
    visibility: visible
}

.small-banner-2 .cx-banner-container .cx-banner .small-banner .cx-banner-text-content {
    align-items: flex-start;
    display: flex;
    flex-direction: row;
    flex-wrap: unset;
    justify-content: space-between;
    width: 100%
}

@media (min-width:992px) {
    .small-banner-2 .cx-banner-container .cx-banner .small-banner .cx-banner-text-content {
        align-items: flex-start;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: space-between
    }
}

.home-main-banner {
    margin-bottom: 40px
}

@media (min-width:992px) {
    .home-main-banner {
        height: 477px
    }
}

.home-main-banner .slider-banner {
    flex: 1 1 auto;
    height: 504px;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .home-main-banner .slider-banner {
        height: auto;
        margin-bottom: 0;
        margin-right: 24px
    }

    .home-main-banner .small-banners-container {
        flex: 0 0 302px
    }
}

.home-main-banner .small-banners-container .small-banner-1 {
    height: 170px;
    margin-bottom: 24px
}

@media (min-width:992px) {
    .home-main-banner .small-banners-container .small-banner-1 {
        height: 50%;
        margin-bottom: 0;
        min-width: auto;
        padding-bottom: 12px
    }
}

.home-main-banner .small-banners-container .small-banner-2 {
    height: 100px
}

@media (min-width:768px) {
    .home-main-banner .small-banners-container .small-banner-2 {
        height: 118px
    }
}

@media (min-width:992px) {
    .home-main-banner .small-banners-container .small-banner-2 {
        height: 50%;
        padding-top: 12px
    }
}

.home-main-banner .small-banner:last-child {
    margin-bottom: 0
}

.basket-orders-container {
    border-bottom: 1px solid #e6e6e6
}

@media (min-width:768px) {
    .basket-orders-container {
        border-bottom: none;
        flex: auto
    }
}

.basket-orders-container .cx-card-basket {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .basket-orders-container .cx-card-basket {
        margin-bottom: 24px
    }
}

.basket-orders-container .cx-card-basket:last-child {
    margin-bottom: 0
}

.basket-recommended {
    margin-top: 40px
}

.basket-orders-container .cx-card.cx-card-basket,
.checkout-confirm-cards .cx-card-basket.sellConfirm,
.checkout-orders-container .cx-card.cx-card-basket.buyConfirm {
    width: 100%
}

    .basket-orders-container .cx-card:hover,
    .checkout-confirm-cards .cx-card-basket.sellConfirm:hover,
    .checkout-orders-container .cx-card.cx-card-basket.buyConfirm:hover {
        box-shadow: none;
        transform: none
    }

.image-card-grid {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    transition: all .5s ease-in
}

    .image-card-grid.image-grid-read-more {
        height: 160px;
        overflow: hidden;
        position: relative
    }

        .image-card-grid.image-grid-read-more:before {
            bottom: -29px;
            box-shadow: inset 0 -4rem 12px -1rem #fafafae6;
            content: "";
            height: 4rem;
            left: 0;
            pointer-events: none;
            position: absolute;
            transition: all .5s ease-in;
            width: 100%
        }

@media (min-width:620px) {
    .image-card-grid {
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
    }
}

@media (min-width:768px) {
    .image-card-grid {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }

        .image-card-grid.image-grid-read-more {
            height: 480px
        }
}

@media (min-width:992px) {
    .image-card-grid {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }
}

@media (min-width:1440px) {
    .image-card-grid {
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr))
    }
}

.btn-read-more {
    align-items: center;
    bottom: -44px;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

#super-cat .image-card-grid.image-grid-read-more:before {
    bottom: -13px
}

@media (min-width:768px) {
    #super-cat .image-card-grid.image-grid-read-more:before {
        bottom: -13px
    }
}

.single-product-wrapper .product-gallery .product-gallery-image {
    align-items: center;
    display: flex;
    height: 100%
}

    .single-product-wrapper .product-gallery .product-gallery-image img {
        display: block;
        max-height: 100%;
        max-width: 100%;
        -o-object-fit: contain;
        object-fit: contain
    }

.single-product-wrapper .product-gallery .product-gallery-image-wrapper {
    height: 300px;
    position: relative
}

@media (min-width:620px) {
    .single-product-wrapper .product-gallery .product-gallery-image-wrapper {
        height: 630px
    }
}

@media (min-width:992px) {
    .single-product-wrapper .product-gallery {
        padding-right: 30px;
        width: 50%
    }
}

.single-product-wrapper .product-detail .wrap-buttons {
    flex-wrap: wrap
}

    .single-product-wrapper .product-detail .wrap-buttons .accept-offer-button {
        margin-right: 0
    }

    .single-product-wrapper .product-detail .wrap-buttons .no-thanks-button {
        margin-top: 16px;
        width: 100%
    }

.single-product-wrapper .product-detail .notify-me-btn {
    width: 230px
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .notify-me-btn {
        width: 230px
    }
}

.single-product-wrapper .product-detail .notify-me-btn button {
    width: 100%
}

@media (min-width:992px) {
    .single-product-wrapper .product-detail {
        padding-left: 30px;
        width: 50%
    }
}

.single-product-wrapper .product-detail .stepper-container {
    margin-bottom: 16px;
    margin-right: 16px;
    width: 130px
}

@media only screen and (min-width:480px) {
    .single-product-wrapper .product-detail .stepper-container {
        margin-bottom: 0
    }
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .stepper-container {
        margin-right: 24px;
        width: 160px
    }
}

.single-product-wrapper .product-detail .stepper-container .btn-stepper .content {
    width: 130px
}

@media (min-width:768px) {
    .single-product-wrapper .product-detail .stepper-container .btn-stepper .content {
        width: 160px
    }
}

@media only screen and (min-width:480px) {
    .single-product-wrapper .product-detail .accept-offer-button {
        flex: auto
    }
}

.single-product-wrapper .product-detail .accept-offer-button button {
    width: 100%
}

@media (min-width:992px) {
    .single-product-wrapper .product-detail .accept-offer-button {
        flex: auto;
        margin-right: 24px
    }
}

.single-product-wrapper .product-detail .no-thanks-button {
    margin-top: 16px;
    width: 100%
}

@media (min-width:992px) {
    .single-product-wrapper .product-detail .no-thanks-button {
        flex: auto;
        margin-top: 0;
        width: auto
    }
}

.single-product-wrapper .product-detail .no-thanks-button button {
    width: 100%
}

.single-product-wrapper .accordion .accordion-item:first-child {
    border-top: none !important
}

.single-product-wrapper .products-list-container {
    margin-bottom: 32px
}

@media (min-width:768px) {
    .single-product-wrapper .products-list-container {
        margin-bottom: 40px
    }
}

.single-product-wrapper .price-block .price-variant {
    display: block;
    font-size: 12px;
    line-height: 16px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .price-variant {
        font-size: 14px;
        line-height: 18px
    }
}

.single-product-wrapper .price-block .sell-price {
    font-size: 24px;
    font-weight: 600;
    line-height: 28px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .sell-price {
        font-size: 40px;
        line-height: 48px
    }
}

.single-product-wrapper .price-block .offer-price {
    font-size: 18px;
    font-weight: 600;
    line-height: 22px
}

@media (min-width:768px) {
    .single-product-wrapper .price-block .offer-price {
        font-size: 24px;
        line-height: 28px
    }
}

.single-product-wrapper .price-block .trade-in-value div {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .single-product-wrapper .price-block .trade-in-value div strong {
        flex: 0 0 75px
    }

.single-product-wrapper .heading-block .product-category {
    display: block;
    font-size: 14px;
    line-height: 18px
}

@media (min-width:768px) {
    .single-product-wrapper .heading-block .product-category {
        font-size: 16px;
        line-height: 18px
    }
}

.single-product-wrapper .add-to-cart-btn {
    max-width: 416px
}

    .single-product-wrapper .add-to-cart-btn button {
        width: 100%
    }

@media (min-width:768px) {
    .single-product-wrapper .add-to-cart-btn button {
        width: auto
    }
}

@media (min-width:992px) {
    .single-product-wrapper .add-to-cart-btn button {
        width: 100%
    }
}

@media (min-width:1440px) {
    .single-product-wrapper .add-to-cart-btn button {
        padding-left: 60px;
        padding-right: 60px
    }
}

.cx-bottom-sticky-buttons {
    bottom: 0;
    box-shadow: 0 -4px 15px #00000040;
    left: 0;
    position: fixed;
    width: 100%;
    z-index: 1
}

@media (min-width:768px) {
    .cx-bottom-sticky-buttons {
        display: none
    }
}

.cx-bottom-sticky-buttons button {
    width: 100%
}

.cx-bottom-sticky-buttons .btn-stepper {
    height: 100%;
    margin-bottom: 0
}

@media (min-width:768px) {
    .cx-product-details-container {
        background-color: #fff
    }
}

.product-details-content h4 {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px
}

.product-details-content h4,
.product-details-content strong {
    display: block;
    margin-bottom: 12px
}

.product-details-content em strong,
.product-details-content p strong {
    display: inline
}

.product-details-content p {
    margin-bottom: 16px;
    word-wrap: break-word
}

.product-details-content ul > ul {
    list-style: disc;
    margin-bottom: 15px;
    padding-left: 24px
}

    .product-details-content ul > ul > li {
        margin-bottom: 5px
    }

    .product-details-content ul > ul > ul {
        padding-left: 0
    }

.product-details-content ul > li {
    margin-bottom: 12px
}

@media (min-width:768px) {
    .product-details-content ul > li {
        margin-bottom: 16px
    }
}

.product-details-content ul > li em {
    font-style: normal
}

.cx-product-details-container .accordion .accordion-content-inner a {
    color: #e20a03
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox {
    background-color: #fff !important;
    border-radius: 24px !important;
    overflow: hidden !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox-close {
    right: 18px !important;
    top: 15px !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox .bv-mbox-breadcrumb {
    margin-top: 25px !important
}

.bv-mboxzone.bv-mbox-opened .bv-mbox-lightbox .bv-mbox-wrapper .bv-mbox .bv-write-review:focus {
    outline: none !important
}

.sell-to-cex-text {
    display: block;
    letter-spacing: -.28px;
    line-height: 20px;
    padding-right: 45px
}

@media only screen and (max-width:1090px) {
    .pdp-button-block {
        flex-wrap: wrap
    }

    .accept-offer-button {
        flex: auto
    }

    .single-product-wrapper .product-detail .accept-offer-button {
        margin-right: 0
    }

    .single-product-wrapper .product-detail .no-thanks-button {
        margin-top: 16px
    }

    .single-product-wrapper .product-detail .stepper-container {
        margin-bottom: 0
    }
}

@media only screen and (max-width:767px) {
    .sell-to-cex-text {
        line-height: 16px
    }
}

@media only screen and (max-width:480px) {
    .single-product-wrapper .product-detail .accept-offer-button {
        flex: 100%;
        margin-top: 16px
    }
}

.career-testimonials .cx-testimonial-1 .swiper .swiper-wrapper {
    gap: 24px
}

#super-cat .cex-banner-text-content .cex-banner-info {
    margin-bottom: 0
}

#super-cat .cex-banner-container.cex-buy-and-sell-container .cex-banner-text-content .cex-banner-info {
    margin-bottom: 1.5625rem
}

@media only screen and (min-width:768px) {
    .specifications-2-cols {
        -moz-column-count: 2;
        column-count: 2
    }
}

.mb-accordion-header {
    margin-inline-end: auto
}

.cx-product-details-container h2 {
    text-align: left
}

.trending-product .cx-card.cx-card-product.horizontal {
    width: 100%
}

.cx-header[data-v-2e6a9405] {
    background-color: #e20a03
}

.cx-header .cx-logo[data-v-2e6a9405] {
    clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    width: 45px
}

.cx-header .cx-logo a[data-v-2e6a9405] {
    display: block
}

.cx-header .cx-logo a img[data-v-2e6a9405] {
    display: block;
    width: 100%
}

.cx-header .header-navigation[data-v-2e6a9405] {
    margin-bottom: -16px;
    margin-top: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    position: relative;
    scrollbar-width: none
}

.cx-header .header-navigation .nav-rollover[data-v-2e6a9405] {
    display: none
}

.cx-header .header-navigation[data-v-2e6a9405]::-webkit-scrollbar {
    display: none
}

.cx-header .header-navigation ul[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}

.cx-header .header-navigation ul li[data-v-2e6a9405]:first-child {
    margin-left: 14px
}

.cx-header .header-navigation ul li a[data-v-2e6a9405] {
    border-bottom: 4px solid transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 12px;
    position: relative;
    white-space: nowrap
}

    .cx-header .header-navigation ul li a[data-v-2e6a9405]:after {
        content: "";
        height: 4px;
        position: absolute;
        width: 0
    }

.cx-header .cx-header-row[data-v-2e6a9405] {
    padding-bottom: 16px;
    padding-top: 16px
}

.cx-header .cx-header-inner[data-v-2e6a9405] {
    flex-wrap: wrap;
    justify-content: space-between
}

.cx-header .cx-header-inner[data-v-2e6a9405],
.cx-header .header-left[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.cx-header .header-left[data-v-2e6a9405] {
    flex-wrap: unset;
    justify-content: center
}

.cx-header .header-left .hamburger-button[data-v-2e6a9405] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-left .hamburger-button[data-v-2e6a9405] {
        margin-right: 25px
    }
}

.cx-header .header-left .hamburger-button .hamburger-icon[data-v-2e6a9405] {
    display: block
}

.cx-header .header-left .hamburger-button .hamburger-icon i[data-v-2e6a9405] {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    position: relative
}

.cx-header .header-left .hamburger-button .hamburger-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-center[data-v-2e6a9405] {
    margin-top: 15px;
    order: 3;
    width: 100%
}

.cx-header .header-center .search-form[data-v-2e6a9405] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-header .header-center .search-form .search-button[data-v-2e6a9405] {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

.cx-header .header-center .search-form .search-button .icon-search[data-v-2e6a9405]:before {
    color: #0d0d0d;
    display: block;
    font-size: 13px;
    line-height: 13px
}

.cx-header .header-center .search-form .search-input[data-v-2e6a9405] {
    background-color: transparent;
    border: none;
    color: gray;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

.cx-header .header-center .search-form .search-input:focus .search-form[data-v-2e6a9405] {
    border: 110px solid #fff
}

.cx-header .header-center .search-form .clear-search[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.cx-header .header-center .search-form .clear-search a[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline
}

.cx-header .header-center .search-form.search-result-list[data-v-2e6a9405] {
    border-radius: 22px 22px 0 0
}

.cx-header .header-center .search-form .search-result[data-v-2e6a9405] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    max-height: 70vh;
    overflow-y: scroll;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

.cx-header .header-center .search-form .search-result .tag[data-v-2e6a9405] {
    margin-right: 8px
}

    .cx-header .header-center .search-form .search-result .tag[data-v-2e6a9405]:last-child {
        margin-right: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .popular-search-heading[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li p[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li img[data-v-2e6a9405] {
    height: 48px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-tag[data-v-2e6a9405] {
    margin-bottom: 25px;
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.cx-header .header-center .search-form .search-result .cex-search-product-list[data-v-2e6a9405] {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 32px;
    margin-top: 8px;
    padding-bottom: 32px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .cex-icon-search[data-v-2e6a9405] {
    color: #999;
    font-size: 15px;
    line-height: 15px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image[data-v-2e6a9405] {
    height: 12px;
    margin-right: 12px;
    width: 12px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text[data-v-2e6a9405],
.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result p[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name[data-v-2e6a9405] {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list[data-v-2e6a9405] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-header .header-right[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    order: 2
}

.cx-header .header-right .header-account-button[data-v-2e6a9405] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-right .header-account-button[data-v-2e6a9405] {
        margin-right: 25px
    }
}

.cx-header .header-right .header-account-button .account-button-icon[data-v-2e6a9405] {
    position: relative
}

.cx-header .header-right .header-account-button .account-button-icon i[data-v-2e6a9405] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-account-button .account-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-right .header-account-button .account-options-dropdown[data-v-2e6a9405] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
    margin-left: 20px
}

@media only screen and (width >= 480px) {
    .cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
        margin-left: 25px
    }
}

@media (min-width:992px) {
    .cx-header .header-right .cx-btn-white[data-v-2e6a9405] {
        margin-left: 40px
    }
}

.cx-header .header-right .header-cart-button .cart-button-icon[data-v-2e6a9405] {
    position: relative
}

.cx-header .header-right .header-cart-button .cart-button-icon i[data-v-2e6a9405] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-cart-button .cart-button-icon .basket-counter[data-v-2e6a9405] {
    background-color: #b50802;
    border-radius: 100%;
    bottom: 0;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px;
    z-index: 1
}

.cx-header .header-right .header-cart-button .cart-button-text[data-v-2e6a9405] {
    display: none
}

.cx-header .header-right .header-white-button[data-v-2e6a9405] {
    background-color: #fff;
    border-radius: 200px;
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center
}

.cx-we-sell[data-v-2e6a9405] {
    background-color: #e20a03;
    color: #fff;
    padding: 32px 0 16px
}

.cx-we-sell .cx-sell-search[data-v-2e6a9405] {
    width: 100%
}

.cx-we-sell .cx-sell-search .cx-search-content[data-v-2e6a9405] {
    text-align: center
}

.cx-we-sell .cx-we-sell-search[data-v-2e6a9405] {
    position: relative
}

.cx-we-sell .search-form[data-v-2e6a9405] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-we-sell .search-form.search-result-list[data-v-2e6a9405] {
    border-radius: 22px 22px 0 0
}

.cx-we-sell .image-card-grid[data-v-2e6a9405] {
    margin-bottom: 0
}

.cx-we-sell .image-card-grid .cx-image-card .cx-image-card-title[data-v-2e6a9405] {
    color: #fff
}

.cx-we-sell .sell-trending-category[data-v-2e6a9405] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-evenly
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category[data-v-2e6a9405] {
        gap: 24px;
        justify-content: center
    }
}

.cx-we-sell .sell-trending-category a[data-v-2e6a9405] {
    display: block;
    margin-bottom: 24px;
    width: 90px
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category a[data-v-2e6a9405] {
        width: 190px
    }

    .cx-header .header-navigation ul[data-v-2e6a9405] {
        justify-content: center
    }
}

@media (min-width:992px) {
    .cx-header .cx-header-row[data-v-2e6a9405] {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .cx-header .header-navigation[data-v-2e6a9405] {
        margin-bottom: -24px;
        margin-top: 20px;
        overflow-y: visible;
        padding-bottom: 9px
    }

    .cx-header .header-navigation .nav-rollover[data-v-2e6a9405] {
        border-bottom: 4px solid #e20a03;
        bottom: 0;
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 100px;
        z-index: 1
    }

    .cx-header .header-navigation ul[data-v-2e6a9405] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-navigation ul li[data-v-2e6a9405] {
        margin: 0 16px;
        position: relative
    }

    .cx-header .header-navigation ul li a[data-v-2e6a9405] {
        border: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 0;
        position: relative;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

        .cx-header .header-navigation ul li a[data-v-2e6a9405]:after {
            content: "";
            height: 4px;
            position: absolute;
            width: 0
        }

    .cx-header .header-navigation ul li[data-v-2e6a9405]:first-child {
        margin-left: 0
    }

    .cx-header .cx-header-inner[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-header .header-left[data-v-2e6a9405] {
        margin-right: 40px
    }

    .cx-header .header-left .hamburger-button[data-v-2e6a9405] {
        margin-right: 40px;
        margin-top: 5px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon[data-v-2e6a9405] {
        margin-bottom: 8px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon i[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 24px;
        justify-content: center;
        line-height: 24px;
        position: relative
    }

    .cx-header .header-left .hamburger-button .hamburger-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-header .header-left .cx-logo[data-v-2e6a9405] {
        width: 65px
    }

    .cx-header .header-center[data-v-2e6a9405] {
        margin-right: 40px;
        margin-top: 0;
        order: unset
    }

    .cx-header .header-center .search-form[data-v-2e6a9405] {
        border-radius: 24px
    }

    .cx-header .header-center .search-form .search-button i[data-v-2e6a9405] {
        font-size: 20px;
        line-height: 24px
    }

    .cx-header .header-center .search-form .search-input[data-v-2e6a9405] {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .cx-header .header-right[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        order: unset
    }

    .cx-header .header-right .header-account-button[data-v-2e6a9405] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center;
        margin-right: 40px;
        position: relative
    }

    .cx-header .header-right .header-account-button.show-account-dropdown .account-options-dropdown[data-v-2e6a9405] {
        opacity: 1;
        visibility: visible
    }

    .cx-header .header-right .header-account-button .account-button-icon[data-v-2e6a9405] {
        margin-bottom: 5px
    }

    .cx-header .header-right .header-account-button .account-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header .header-right .header-account-button .account-options-dropdown[data-v-2e6a9405] {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 24px 0 24px 24px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 60px;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        visibility: hidden;
        width: 278px;
        z-index: 10
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-2e6a9405] {
        border-top: 1px solid #e6e6e6;
        color: #0d0d0d;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-2e6a9405]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-2e6a9405] {
        align-items: center;
        color: #0d0d0d;
        cursor: pointer;
        display: flex;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-2e6a9405]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon[data-v-2e6a9405] {
        align-items: center;
        background-color: #000;
        border-radius: 8px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 24px;
        justify-content: center;
        width: 24px
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon i[data-v-2e6a9405] {
        color: #fff;
        font-size: 16px;
        line-height: 16px
    }

    .cx-header .header-right .header-account-button.sell-header-account-button .account-options-dropdown[data-v-2e6a9405] {
        top: 60px
    }

    .cx-header .header-right .header-white-button[data-v-2e6a9405] {
        background-color: #fff;
        border-radius: 24px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 14px;
        padding-top: 14px;
        text-align: center;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 84px
    }

        .cx-header .header-right .header-white-button[data-v-2e6a9405]:hover {
            background-color: #0d0d0d;
            color: #fff
        }

    .cx-header .header-right .header-cart-button[data-v-2e6a9405] {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-right .header-cart-button .cart-button-icon[data-v-2e6a9405] {
        margin-bottom: 7px
    }

    .cx-header .header-right .header-cart-button .cart-button-text[data-v-2e6a9405] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header.header-without-nav .header-account-button .account-options-dropdown[data-v-2e6a9405] {
        top: 93px
    }

    .cx-we-sell .cx-sell-search[data-v-2e6a9405] {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .cx-header .cx-container[data-v-2e6a9405] {
        padding-left: 40px;
        padding-right: 40px
    }
}

.image-card-grid[data-v-2e6a9405] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    transition: all .5s ease-in
}

.image-card-grid.image-grid-read-more[data-v-2e6a9405] {
    height: 160px;
    overflow: hidden;
    position: relative
}

    .image-card-grid.image-grid-read-more[data-v-2e6a9405]:before {
        bottom: -29px;
        box-shadow: inset 0 -4rem 12px -1rem #fafafae6;
        content: "";
        height: 4rem;
        left: 0;
        pointer-events: none;
        position: absolute;
        transition: all .5s ease-in;
        width: 100%
    }

@media (min-width:620px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
    }
}

@media (min-width:768px) {
    .image-card-grid[data-v-2e6a9405] {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }

    .image-card-grid.image-grid-read-more[data-v-2e6a9405] {
        height: 250px
    }
}

@media (min-width:992px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }
}

@media (min-width:1440px) {
    .image-card-grid[data-v-2e6a9405] {
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr))
    }
}

.btn-read-more[data-v-2e6a9405] {
    align-items: center;
    bottom: -44px;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.listing-categories[data-v-2e6a9405] {
    position: relative
}

.cx-drawer[data-v-2e6a9405] {
    background-color: #fff;
    border-radius: 0 40px 40px 0;
    height: 100%;
    left: 0;
    max-width: 406px;
    opacity: 0;
    padding: 42px 40px;
    position: fixed;
    top: 0;
    transform: rotate(-10deg) translate(-406px);
    transform-origin: bottom right;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1001
}

.cx-drawer.open-drawer[data-v-2e6a9405] {
    opacity: 1;
    transform: rotate(0) translate(0);
    visibility: visible
}

.cx-drawer .drawer-scroll[data-v-2e6a9405] {
    height: calc(100vh - 120px);
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .cx-drawer .drawer-scroll[data-v-2e6a9405]::-webkit-scrollbar {
        display: none
    }

.cx-drawer .drawer-divider[data-v-2e6a9405] {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.cx-drawer .drawer-heading[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.cx-drawer .cx-drawer-header[data-v-2e6a9405] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 26px
}

.cx-drawer .cx-drawer-header .drawer-close[data-v-2e6a9405] {
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-drawer .cx-drawer-header .drawer-close i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-header .drawer-back[data-v-2e6a9405] {
    align-items: center;
    background: none;
    border: none;
    color: #0d0d0d;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 14px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    outline: none;
    text-transform: uppercase
}

.cx-drawer .cx-drawer-header .drawer-back i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-body .drawer-heading[data-v-2e6a9405],
.cx-drawer .cx-drawer-body .drawer-menu li[data-v-2e6a9405] {
    margin-bottom: 20px
}

    .cx-drawer .cx-drawer-body .drawer-menu li[data-v-2e6a9405]:last-child {
        margin-bottom: 0
    }

.cx-drawer .cx-drawer-body .drawer-menu li a[data-v-2e6a9405] {
    align-items: center;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    justify-content: space-between;
    line-height: 20px
}

.cx-drawer .cx-drawer-body .drawer-menu li a i[data-v-2e6a9405] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:410px) {
    .cx-drawer[data-v-2e6a9405] {
        border-radius: 0
    }
}

.offline-container i[data-v-4f244a26] {
    font-size: 20px;
    line-height: 20px
}

.offline-bullete-dot[data-v-4f244a26] {
    display: none
}

.offline-copy[data-v-4f244a26] {
    width: 100%
}

.oflline-close[data-v-4f244a26] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.oflline-close i[data-v-4f244a26] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .offline-container i[data-v-4f244a26] {
        font-size: 24px;
        line-height: 24px
    }

    .offline-bullete-dot[data-v-4f244a26] {
        display: inline-block;
        height: 5px;
        margin: 0 4px;
        width: 5px
    }

    .offline-bullete-dot[data-v-4f244a26],
    .oflline-close[data-v-4f244a26] {
        background-color: #000;
        border-radius: 100px
    }

    .oflline-close[data-v-4f244a26] {
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .oflline-close i[data-v-4f244a26] {
        font-size: 16px;
        line-height: 16px
    }

    .offline-copy[data-v-4f244a26] {
        width: auto
    }
}

.app-update-container i[data-v-a73f370f] {
    font-size: 20px;
    line-height: 20px
}

.app-update-copy[data-v-a73f370f] {
    width: 100%
}

.app-update-close[data-v-a73f370f] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.app-update-close i[data-v-a73f370f] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .app-update-container i[data-v-a73f370f] {
        font-size: 24px;
        line-height: 24px
    }

    .app-update-close[data-v-a73f370f] {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .app-update-close i[data-v-a73f370f] {
        font-size: 16px;
        line-height: 16px
    }

    .app-update-copy[data-v-a73f370f] {
        width: auto
    }
}

a[data-v-9d224ed2] {
    color: inherit;
    text-decoration: underline
}

.offline-container i[data-v-9d224ed2] {
    font-size: 20px;
    line-height: 20px
}

.offline-container p[data-v-9d224ed2] a {
    color: inherit;
    text-decoration: underline
}

.offline-bullete-dot[data-v-9d224ed2] {
    display: none
}

.offline-copy[data-v-9d224ed2] {
    margin-top: 2px;
    width: 100%
}

.oflline-close[data-v-9d224ed2] {
    background-color: #fff;
    border-radius: 100px;
    color: #000;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.oflline-close i[data-v-9d224ed2] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .offline-container i[data-v-9d224ed2] {
        font-size: 24px;
        line-height: 24px
    }

    .offline-container p a[data-v-9d224ed2] {
        color: inherit;
        text-decoration: underline
    }

    .offline-bullete-dot[data-v-9d224ed2] {
        display: inline-block;
        flex: 0 0 5px;
        height: 5px;
        margin: 9px 4px;
        width: 5px
    }

    .offline-bullete-dot[data-v-9d224ed2],
    .oflline-close[data-v-9d224ed2] {
        background-color: #fff;
        border-radius: 100px
    }

    .oflline-close[data-v-9d224ed2] {
        color: #000;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .oflline-close i[data-v-9d224ed2] {
        font-size: 16px;
        line-height: 16px
    }

    .offline-copy[data-v-9d224ed2] {
        width: auto
    }
}

.cx-announcement-banner .announcement-banner-row .announcement-banner-inner[data-v-7e72c166] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-announcement-banner .announcement-message[data-v-7e72c166] {
    color: #fff;
    display: none;
    font-size: 14px;
    font-weight: 500;
    line-height: 20px
}

.cx-announcement-banner .announcement-banner-link[data-v-7e72c166] {
    align-items: center;
    color: #fff;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    justify-content: unset;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-link[data-v-7e72c166] {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-announcement-banner .announcement-banner-link strong[data-v-7e72c166] {
    font-weight: 600;
    margin-right: 4px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-link strong[data-v-7e72c166] {
        font-weight: 500
    }
}

.cx-announcement-banner .announcement-banner-link span[data-v-7e72c166] {
    font-weight: 400
}

.cx-announcement-banner .announcement-banner-link .cx-icon-store[data-v-7e72c166] {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    margin-right: 13px
}

.cx-announcement-banner .announcement-banner-link .cx-icon-arrow-right[data-v-7e72c166] {
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-left: 6px
}

@media (min-width:768px) {
    .cx-announcement-banner .announcement-banner-row[data-v-7e72c166] {
        padding: 10px 0;
        position: relative
    }

    .cx-announcement-banner .announcement-banner-row .announcement-banner-inner[data-v-7e72c166] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-announcement-banner .announcement-message[data-v-7e72c166] {
        display: block
    }
}

.tag[data-v-18015ae1] {
    align-items: center;
    background-color: #0d0d0d;
    display: inline-flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    padding: 6px 18px 6px 16px
}

.tag span[data-v-18015ae1] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.tag .cx-icon-search[data-v-18015ae1] {
    margin-right: 8px
}

.tag .cx-icon-close[data-v-18015ae1],
.tag .cx-icon-search[data-v-18015ae1] {
    color: #fff;
    font-size: 16px;
    line-height: 16px
}

.tag .cx-icon-close[data-v-18015ae1] {
    cursor: pointer;
    margin-left: 8px
}

.tag a[data-v-18015ae1] {
    color: #fff;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px
}

.tag .tag-content[data-v-18015ae1] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.search-form .search-button {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

    .search-form .search-button i {
        color: #0d0d0d;
        display: block;
        font-size: 20px;
        line-height: 20px
    }

.search-form .search-input {
    background-color: transparent;
    border: none;
    color: #0d0d0d;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

@media (min-width:768px) {
    .search-form .search-input {
        font-size: 16px;
        line-height: 20px
    }
}

.search-form .clear-search {
    margin-bottom: 16px
}

    .search-form .clear-search,
    .search-form .clear-search span {
        color: #0d0d0d;
        font-size: 12px;
        font-weight: 400;
        line-height: 16px
    }

        .search-form .clear-search span {
            cursor: pointer;
            text-decoration: underline
        }

.search-form .search-result {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

    .search-form .search-result .search-result-scroll {
        max-height: 300px;
        overflow-x: auto
    }

@media (min-width:768px) {
    .search-form .search-result {
        top: 44px
    }
}

.search-form .search-result .tag {
    margin-bottom: 8px;
    margin-right: 8px
}

    .search-form .search-result .tag:last-child {
        margin-right: 0
    }

.search-form .search-result .cex-popular-search .popular-search-heading {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.search-form .search-result .cex-popular-search .cex-search-list li {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .search-form .search-result .cex-popular-search .cex-search-list li:last-child {
        margin-bottom: 0
    }

    .search-form .search-result .cex-popular-search .cex-search-list li p {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .search-form .search-result .cex-popular-search .cex-search-list li img {
        height: 48px;
        margin-right: 15px
    }

.search-form .search-result .cex-search-tag {
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap;
    -ms-overflow-style: none;
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start;
    scrollbar-width: none
}

    .search-form .search-result .cex-search-tag::-webkit-scrollbar {
        display: none
    }

    .search-form .search-result .cex-search-tag .tag .tag-content {
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap
    }

.search-form .search-result .cex-search-product-list {
    margin-top: 8px;
    padding-bottom: 15px
}

    .search-form .search-result .cex-search-product-list ul li {
        margin-bottom: 28px
    }

        .search-form .search-result .cex-search-product-list ul li a {
            align-items: flex-start;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: unset
        }

            .search-form .search-result .cex-search-product-list ul li a .cx-icon-search {
                color: #999;
                font-size: 20px;
                line-height: 20px;
                margin-right: 12px
            }

        .search-form .search-result .cex-search-product-list ul li:last-child {
            margin-bottom: 0
        }

        .search-form .search-result .cex-search-product-list ul li .cex-icon-search {
            color: #999;
            font-size: 20px;
            line-height: 20px;
            margin-right: 15px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image {
            height: 12px;
            margin-right: 12px;
            width: 12px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result p {
            color: #0d0d0d;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

            .search-form .search-result .cex-search-product-list ul li .search-product-result p .search-product-category {
                font-weight: 600
            }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text {
            color: #0d0d0d;
            font-size: 16px;
            font-weight: 400;
            line-height: 20px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name {
            color: #4d4d4d;
            font-size: 16px;
            font-weight: 500;
            line-height: 20px;
            margin-top: 10px
        }

        .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list {
            align-items: flex-start;
            display: flex;
            flex-direction: unset;
            flex-wrap: unset;
            justify-content: unset
        }

.search-form .search-form-input-block {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    width: 100%
}

    .search-form .search-form-input-block .search-input input {
        background-color: transparent
    }

        .search-form .search-form-input-block .search-input input ::-moz-placeholder {
            color: gray
        }

        .search-form .search-form-input-block .search-input input ::placeholder {
            color: gray
        }

.cx-btn[data-v-d8632c69] {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn[data-v-d8632c69]:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i[data-v-d8632c69] {
    font-weight: 500
}

.cx-btn-left-align span[data-v-d8632c69] {
    justify-content: left
}

.cx-btn-left-align span .btn-text[data-v-d8632c69] {
    justify-content: unset;
    text-align: left;
    width: 100%
}

.cx-btn-content[data-v-d8632c69],
.cx-btn-left-align span .btn-text[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset
}

.cx-btn-content[data-v-d8632c69] {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block[data-v-d8632c69] {
    display: block;
    width: 100%
}

.cx-btn-block .btn-content[data-v-d8632c69] {
    justify-content: center
}

.cx-btn-xs[data-v-d8632c69] {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

.cx-btn-xs .cx-icon-plus[data-v-d8632c69] {
    font-size: 12px;
    line-height: 12px
}

.cx-btn-xs .btn-text[data-v-d8632c69] {
    margin-left: 9px
}

.cx-btn-xs i[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-xs .cex-icon-close[data-v-d8632c69],
.cx-btn-xs .cx-icon-arrow-right[data-v-d8632c69] {
    font-size: 12px;
    line-height: 12px;
    margin-left: 9px
}

.cx-btn-xs.btn-rounded[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px
}

.cx-btn-sm[data-v-d8632c69] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

.cx-btn-sm .cx-icon-plus[data-v-d8632c69] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-sm .btn-text[data-v-d8632c69] {
    margin-left: 10px
}

.cx-btn-sm .cx-icon-arrow-right[data-v-d8632c69],
.cx-btn-sm .cx-icon-close[data-v-d8632c69] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-sm i[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-sm.btn-rounded[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px
}

.cx-btn-md[data-v-d8632c69] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

.cx-btn-md .cx-icon-plus[data-v-d8632c69] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-md .btn-text[data-v-d8632c69] {
    margin-left: 10px
}

.cx-btn-md .cx-icon-arrow-right[data-v-d8632c69],
.cx-btn-md .cx-icon-close[data-v-d8632c69] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-md i[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-md.btn-rounded[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.cx-btn-lg[data-v-d8632c69] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

.cx-btn-lg .cx-icon-plus[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg .btn-text[data-v-d8632c69] {
    margin-left: 12px
}

.cx-btn-lg .cx-icon-arrow-right[data-v-d8632c69],
.cx-btn-lg .cx-icon-close[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px;
    margin-left: 10px
}

.cx-btn-lg i[data-v-d8632c69] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg.btn-rounded[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 52px;
    justify-content: center;
    padding: 0;
    width: 52px
}

.cx-btn[data-v-d8632c69]:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn[data-v-d8632c69]:disabled,
    .cx-btn[data-v-d8632c69]:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-link[data-v-d8632c69] {
    background-color: transparent;
    color: #000;
    text-decoration: underline
}

.cx-btn-primary[data-v-d8632c69] {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary[data-v-d8632c69]:hover {
        background-color: #b50802
    }
}

.cx-btn-primary[data-v-d8632c69]:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-primary.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-primary[data-v-d8632c69] {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary[data-v-d8632c69]:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary[data-v-d8632c69]:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-outlined-primary.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-secondary[data-v-d8632c69] {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary[data-v-d8632c69]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary[data-v-d8632c69]:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-secondary.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-gray[data-v-d8632c69] {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray[data-v-d8632c69]:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray[data-v-d8632c69]:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-gray.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-secondary[data-v-d8632c69] {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary[data-v-d8632c69]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary[data-v-d8632c69]:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-outlined-secondary.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-white[data-v-d8632c69] {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white[data-v-d8632c69]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white[data-v-d8632c69]:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white[data-v-d8632c69],
.cx-btn-white.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-white[data-v-d8632c69] {
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white[data-v-d8632c69]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white[data-v-d8632c69]:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn-outlined-white.bg-transparent[data-v-d8632c69]:not(:hover) {
    background-color: transparent
}

.cx-btn .btn-text[data-v-d8632c69]:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs[data-v-d8632c69] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

    .cx-btn-xs .cx-icon-plus[data-v-d8632c69] {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-xs .btn-text[data-v-d8632c69] {
        margin-left: 10px
    }

    .cx-btn-xs .cx-icon-arrow-right[data-v-d8632c69],
    .cx-btn-xs .cx-icon-close[data-v-d8632c69] {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-xs.btn-rounded[data-v-d8632c69] {
        height: 24px;
        padding: 0;
        width: 24px
    }

    .cx-btn-sm[data-v-d8632c69] {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

    .cx-btn-sm .cx-icon-plus[data-v-d8632c69] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm .btn-text[data-v-d8632c69] {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right[data-v-d8632c69],
    .cx-btn-sm .cx-icon-close[data-v-d8632c69] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-sm.btn-rounded[data-v-d8632c69] {
        height: 32px;
        padding: 0;
        width: 32px
    }

    .cx-btn-md[data-v-d8632c69] {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

    .cx-btn-md .cx-icon-plus[data-v-d8632c69] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md .btn-text[data-v-d8632c69] {
        margin-left: 12px
    }

    .cx-btn-md .cx-icon-arrow-right[data-v-d8632c69],
    .cx-btn-md .cx-icon-close[data-v-d8632c69] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 12px
    }

    .cx-btn-md.btn-rounded[data-v-d8632c69] {
        height: 48px;
        padding: 0;
        width: 48px
    }

    .cx-btn-lg[data-v-d8632c69] {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

    .cx-btn-lg .cx-icon-plus[data-v-d8632c69] {
        font-size: 24px;
        line-height: 24px
    }

    .cx-btn-lg .btn-text[data-v-d8632c69] {
        margin-left: 13px
    }

    .cx-btn-lg .cx-icon-arrow-right[data-v-d8632c69],
    .cx-btn-lg .cx-icon-close[data-v-d8632c69] {
        font-size: 24px;
        line-height: 24px;
        margin-left: 13px
    }

    .cx-btn-lg.btn-rounded[data-v-d8632c69] {
        height: 56px;
        padding: 0;
        width: 56px
    }

    .cx-btn .btn-text[data-v-d8632c69]:first-child {
        margin-left: 0;
        color: #e20a03;
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content[data-v-d8632c69] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a[data-v-d8632c69] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a[data-v-d8632c69] {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button[data-v-d8632c69] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button[data-v-d8632c69] {
        display: inline-block;
        width: unset
    }
}

.cx-btn-transparent[data-v-d8632c69] {
    background-color: transparent
}

@media only screen and (max-width:600px) {
    .change-store-button button[data-v-d8632c69] {
        display: block;
        width: 100%
    }
}

.breadcrumb[data-v-a226a43d] {
    flex-wrap: wrap;
    font-size: 12px;
    font-weight: 500;
    justify-content: left;
    letter-spacing: -.32px;
    line-height: 16px;
    margin-top: 16px
}

.breadcrumb[data-v-a226a43d],
.breadcrumb .breadcrumb-item[data-v-a226a43d] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.breadcrumb .breadcrumb-item[data-v-a226a43d] {
    color: #b3b3b3;
    cursor: pointer;
    flex-wrap: unset;
    justify-content: unset
}

.breadcrumb .breadcrumb-item i[data-v-a226a43d] {
    display: inline-block;
    font-size: 12px;
    padding: 0 4px
}

.breadcrumb .breadcrumb-item[data-v-a226a43d]:last-child:after {
    display: none
}

.breadcrumb .breadcrumb-item a[data-v-a226a43d] {
    color: #666;
    text-transform: capitalize
}

.breadcrumb .breadcrumb-item a.cx-link-exact-active[data-v-a226a43d] {
    color: #0d0d0d;
    cursor: default
}

    .breadcrumb .breadcrumb-item a.cx-link-exact-active[data-v-a226a43d]:hover {
        color: #0d0d0d
    }

.breadcrumb .breadcrumb-item a[data-v-a226a43d]:hover {
    color: #b3b3b3
}

.breadcrumb .breadcrumb-item + .breadcrumb-item[data-v-a226a43d]:before {
    color: #b3b3b3;
    content: ">";
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin: 0 4px
}

@media (min-width:768px) {
    .breadcrumb[data-v-a226a43d] {
        margin-top: 24px
    }

    .breadcrumb[data-v-a226a43d],
    .breadcrumb .breadcrumb-item + .breadcrumb-item[data-v-a226a43d]:before {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-header[data-v-bcbbe0b2] {
    background-color: #e20a03
}

.cx-header .cx-logo[data-v-bcbbe0b2] {
    clip-path: polygon(70% 10%,84% 17%,97% 17%,98% 19%,98% 36%,100% 47%,99% 62%,99% 81%,99% 82%,86% 81%,78% 85%,69% 90%,58% 99%,42% 98%,28% 94%,16% 86%,6% 74%,0 58%,0 35%,9% 20%,18% 11%,30% 4%,43% 0,56% 0,65% 4%);
    width: 45px
}

.cx-header .cx-logo a[data-v-bcbbe0b2] {
    display: block
}

.cx-header .cx-logo a img[data-v-bcbbe0b2] {
    display: block;
    width: 100%
}

.cx-header .header-navigation[data-v-bcbbe0b2] {
    margin-bottom: -16px;
    margin-top: 20px;
    overflow-x: scroll;
    -ms-overflow-style: none;
    position: relative;
    scrollbar-width: none
}

.cx-header .header-navigation .nav-rollover[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-navigation[data-v-bcbbe0b2]::-webkit-scrollbar {
    display: none
}

.cx-header .header-navigation ul[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}


.cx-header .header-navigation ul li a[data-v-bcbbe0b2] {
    border-bottom: 4px solid transparent;
    color: #fff;
    display: block;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    padding: 4px 12px;
    position: relative;
    white-space: nowrap
}

    .cx-header .header-navigation ul li a[data-v-bcbbe0b2]:after {
        content: "";
        height: 4px;
        position: absolute;
        width: 0
    }

.cx-header .cx-header-row[data-v-bcbbe0b2] {
    padding-bottom: 16px;
    padding-top: 16px
}

.cx-header .cx-header-inner[data-v-bcbbe0b2] {
    flex-wrap: wrap;
    justify-content: space-between
}

.cx-header .cx-header-inner[data-v-bcbbe0b2],
.cx-header .header-left[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset
}

.cx-header .header-left[data-v-bcbbe0b2] {
    flex-wrap: unset;
    justify-content: center
}

.cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
        margin-right: 25px
    }
}

.cx-header .header-left .hamburger-button .hamburger-icon[data-v-bcbbe0b2] {
    display: block
}

.cx-header .header-left .hamburger-button .hamburger-icon i[data-v-bcbbe0b2] {
    color: #fff;
    font-size: 32px;
    line-height: 32px;
    position: relative
}

.cx-header .header-left .hamburger-button .hamburger-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-center[data-v-bcbbe0b2] {
    margin-top: 15px;
    order: 3;
    width: 100%
}

.cx-header .header-center .search-form[data-v-bcbbe0b2] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-header .header-center .search-form .search-button[data-v-bcbbe0b2] {
    background-color: transparent;
    border: none;
    margin-right: 6px;
    outline: none;
    padding: 0
}

.cx-header .header-center .search-form .search-button .icon-search[data-v-bcbbe0b2]:before {
    color: #0d0d0d;
    display: block;
    font-size: 13px;
    line-height: 13px
}

.cx-header .header-center .search-form .search-input[data-v-bcbbe0b2] {
    background-color: transparent;
    border: none;
    color: gray;
    flex: auto;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    outline: none;
    padding-bottom: 12px;
    padding-top: 12px
}

.cx-header .header-center .search-form .search-input:focus .search-form[data-v-bcbbe0b2] {
    border: 110px solid #fff
}

.cx-header .header-center .search-form .clear-search[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    margin-bottom: 16px
}

.cx-header .header-center .search-form .clear-search a[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: underline
}

.cx-header .header-center .search-form.search-result-list[data-v-bcbbe0b2] {
    border-radius: 22px 22px 0 0
}

.cx-header .header-center .search-form .search-result[data-v-bcbbe0b2] {
    background-color: #fff;
    border: 1px solid #e6e6e6;
    border-radius: 0 0 22px 22px;
    left: 0;
    max-height: 70vh;
    overflow-y: scroll;
    padding: 12px;
    position: absolute;
    top: 40px;
    transition: all .3s ease-in;
    width: 100%;
    z-index: 99
}

.cx-header .header-center .search-form .search-result .tag[data-v-bcbbe0b2] {
    margin-right: 8px
}

    .cx-header .header-center .search-form .search-result .tag[data-v-bcbbe0b2]:last-child {
        margin-right: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .popular-search-heading[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 18px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li p[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 600;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-popular-search .cex-search-list li img[data-v-bcbbe0b2] {
    height: 48px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-tag[data-v-bcbbe0b2] {
    margin-bottom: 25px;
    min-width: 100%;
    overflow-x: scroll;
    white-space: nowrap
}

.cx-header .header-center .search-form .search-result .cex-search-product-list[data-v-bcbbe0b2] {
    border-bottom: 1px solid #e6e6e6;
    margin-bottom: 32px;
    margin-top: 8px;
    padding-bottom: 32px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset;
    margin-bottom: 28px
}

    .cx-header .header-center .search-form .search-result .cex-search-product-list ul li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .cex-icon-search[data-v-bcbbe0b2] {
    color: #999;
    font-size: 15px;
    line-height: 15px;
    margin-right: 15px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-image[data-v-bcbbe0b2] {
    height: 12px;
    margin-right: 12px;
    width: 12px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .in-text[data-v-bcbbe0b2],
.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result p[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 400;
    line-height: 20px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product .search-product-name[data-v-bcbbe0b2] {
    color: #4d4d4d;
    font-size: 16px;
    font-weight: 500;
    line-height: 20px;
    margin-top: 10px
}

.cx-header .header-center .search-form .search-result .cex-search-product-list ul li .search-product-result .search-product-only-list[data-v-bcbbe0b2] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-header .header-right[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center;
    order: 2
}

.cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
    cursor: pointer;
    margin-right: 20px
}

@media only screen and (min-width:480px) {
    .cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
        margin-right: 25px
    }
}

.cx-header .header-right .header-account-button .account-button-icon[data-v-bcbbe0b2] {
    position: relative
}

.cx-header .header-right .header-account-button .account-button-icon i[data-v-bcbbe0b2] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-account-button .account-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-right .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
    opacity: 0;
    position: absolute;
    visibility: hidden
}

.cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
    margin-left: 20px
}

@media only screen and (width >= 480px) {
    .cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
        margin-left: 25px
    }
}

@media (min-width:992px) {
    .cx-header .header-right .cx-btn-white[data-v-bcbbe0b2] {
        margin-left: 40px
    }
}

.cx-header .header-right .header-cart-button .cart-button-icon[data-v-bcbbe0b2] {
    position: relative
}

.cx-header .header-right .header-cart-button .cart-button-icon i[data-v-bcbbe0b2] {
    color: #fff;
    display: block;
    font-size: 24px;
    line-height: 28px
}

.cx-header .header-right .header-cart-button .cart-button-icon .basket-counter[data-v-bcbbe0b2] {
    background-color: #b50802;
    border-radius: 100%;
    bottom: 0;
    height: 12px;
    position: absolute;
    right: 0;
    width: 12px;
    z-index: 1
}

.cx-header .header-right .header-cart-button .cart-button-text[data-v-bcbbe0b2] {
    display: none
}

.cx-header .header-right .header-white-button[data-v-bcbbe0b2] {
    background-color: #fff;
    border-radius: 200px;
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 6px 12px;
    text-align: center
}

.cx-we-sell[data-v-bcbbe0b2] {
    background-color: #e20a03;
    color: #fff;
    padding: 32px 0 16px
}

.cx-we-sell .cx-sell-search[data-v-bcbbe0b2] {
    width: 100%
}

.cx-we-sell .cx-sell-search .cx-search-content[data-v-bcbbe0b2] {
    text-align: center
}

.cx-we-sell .cx-we-sell-search[data-v-bcbbe0b2] {
    position: relative
}

.cx-we-sell .search-form[data-v-bcbbe0b2] {
    align-items: center;
    background-color: #fff;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start;
    padding-left: 15px;
    padding-right: 15px;
    position: relative
}

.cx-we-sell .search-form.search-result-list[data-v-bcbbe0b2] {
    border-radius: 22px 22px 0 0
}

.cx-we-sell .image-card-grid[data-v-bcbbe0b2] {
    margin-bottom: 0
}

.cx-we-sell .image-card-grid .cx-image-card .cx-image-card-title[data-v-bcbbe0b2] {
    color: #fff
}

.cx-we-sell .sell-trending-category[data-v-bcbbe0b2] {
    display: flex;
    flex-wrap: wrap;
    gap: 12px;
    justify-content: space-evenly
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category[data-v-bcbbe0b2] {
        gap: 24px;
        justify-content: center
    }
}

.cx-we-sell .sell-trending-category a[data-v-bcbbe0b2] {
    display: block;
    margin-bottom: 24px;
    width: 90px
}

@media (min-width:768px) {
    .cx-we-sell .sell-trending-category a[data-v-bcbbe0b2] {
        width: 190px
    }

    .cx-header .header-navigation ul[data-v-bcbbe0b2] {
        justify-content: center
    }
}

@media (min-width:992px) {
    .cx-header .cx-header-row[data-v-bcbbe0b2] {
        padding-bottom: 24px;
        padding-top: 24px
    }

    .cx-header .header-navigation[data-v-bcbbe0b2] {
        margin-bottom: -24px;
        margin-top: 20px;
        overflow-y: visible;
        padding-bottom: 9px
    }

    .cx-header .header-navigation .nav-rollover[data-v-bcbbe0b2] {
        border-bottom: 4px solid #e20a03;
        bottom: 0;
        display: block;
        height: 4px;
        left: 0;
        position: absolute;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 100px;
        z-index: 1
    }

    .cx-header .header-navigation ul[data-v-bcbbe0b2] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-navigation ul li[data-v-bcbbe0b2] {
        margin: 0 16px;
        position: relative
    }

    .cx-header .header-navigation ul li a[data-v-bcbbe0b2] {
        border: none;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        padding: 0;
        position: relative;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86)
    }

        .cx-header .header-navigation ul li a[data-v-bcbbe0b2]:after {
            content: "";
            height: 4px;
            position: absolute;
            width: 0
        }

    .cx-header .header-navigation ul li[data-v-bcbbe0b2]:first-child {
        margin-left: 0
    }

    .cx-header .cx-header-inner[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between
    }

    .cx-header .header-left[data-v-bcbbe0b2] {
        margin-right: 40px
    }

    .cx-header .header-left .hamburger-button[data-v-bcbbe0b2] {
        margin-right: 40px;
        margin-top: 5px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon[data-v-bcbbe0b2] {
        margin-bottom: 8px
    }

    .cx-header .header-left .hamburger-button .hamburger-icon i[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 24px;
        justify-content: center;
        line-height: 24px;
        position: relative
    }

    .cx-header .header-left .hamburger-button .hamburger-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px
    }

    .cx-header .header-left .cx-logo[data-v-bcbbe0b2] {
        width: 65px
    }

    .cx-header .header-center[data-v-bcbbe0b2] {
        margin-right: 40px;
        margin-top: 0;
        order: unset
    }

    .cx-header .header-center .search-form[data-v-bcbbe0b2] {
        border-radius: 24px
    }

    .cx-header .header-center .search-form .search-button i[data-v-bcbbe0b2] {
        font-size: 20px;
        line-height: 24px
    }

    .cx-header .header-center .search-form .search-input[data-v-bcbbe0b2] {
        padding-bottom: 16px;
        padding-top: 16px
    }

    .cx-header .header-right[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: center;
        order: unset
    }

    .cx-header .header-right .header-account-button[data-v-bcbbe0b2] {
        align-items: center;
        cursor: pointer;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center;
        margin-right: 40px;
        position: relative
    }

    .cx-header .header-right .header-account-button.show-account-dropdown .account-options-dropdown[data-v-bcbbe0b2] {
        opacity: 1;
        visibility: visible
    }

    .cx-header .header-right .header-account-button .account-button-icon[data-v-bcbbe0b2] {
        margin-bottom: 5px
    }

    .cx-header .header-right .header-account-button .account-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header .header-right .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        background-color: #fff;
        border: 1px solid #e6e6e6;
        border-radius: 24px 0 24px 24px;
        opacity: 0;
        overflow: hidden;
        position: absolute;
        right: 0;
        top: 60px;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        visibility: hidden;
        width: 278px;
        z-index: 10
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-bcbbe0b2] {
        border-top: 1px solid #e6e6e6;
        color: #0d0d0d;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li.log-out[data-v-bcbbe0b2]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-bcbbe0b2] {
        align-items: center;
        color: #0d0d0d;
        cursor: pointer;
        display: flex;
        padding: 16px 24px
    }

        .cx-header .header-right .header-account-button .account-options-dropdown ul li a[data-v-bcbbe0b2]:hover {
            background-color: #e20a03;
            color: #fff
        }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon[data-v-bcbbe0b2] {
        align-items: center;
        background-color: #000;
        border-radius: 8px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        height: 24px;
        justify-content: center;
        width: 24px
    }

    .cx-header .header-right .header-account-button .account-options-dropdown ul li .account-option-icon i[data-v-bcbbe0b2] {
        color: #fff;
        font-size: 16px;
        line-height: 16px
    }

    .cx-header .header-right .header-account-button.sell-header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        top: 60px
    }

    .cx-header .header-right .header-white-button[data-v-bcbbe0b2] {
        background-color: #fff;
        border-radius: 24px;
        display: block;
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding-bottom: 14px;
        padding-top: 14px;
        text-align: center;
        transition-duration: .8s;
        transition-property: all;
        transition-timing-function: cubic-bezier(.78,.13,.15,.86);
        width: 84px
    }

        .cx-header .header-right .header-white-button[data-v-bcbbe0b2]:hover {
            background-color: #0d0d0d;
            color: #fff
        }

    .cx-header .header-right .header-cart-button[data-v-bcbbe0b2] {
        align-items: center;
        display: flex;
        flex-direction: column;
        flex-wrap: unset;
        justify-content: center
    }

    .cx-header .header-right .header-cart-button .cart-button-icon[data-v-bcbbe0b2] {
        margin-bottom: 7px
    }

    .cx-header .header-right .header-cart-button .cart-button-text[data-v-bcbbe0b2] {
        color: #fff;
        display: block;
        font-size: 14px;
        font-weight: 600;
        line-height: 20px;
        white-space: nowrap
    }

    .cx-header.header-without-nav .header-account-button .account-options-dropdown[data-v-bcbbe0b2] {
        top: 93px
    }

    .cx-we-sell .cx-sell-search[data-v-bcbbe0b2] {
        margin: 0 auto;
        width: 50%
    }
}

@media only screen and (max-width:992px) and (min-width:768px) {
    .cx-header .cx-container[data-v-bcbbe0b2] {
        padding-left: 40px;
        padding-right: 40px
    }
}

.image-card-grid[data-v-bcbbe0b2] {
    display: grid;
    gap: 12px;
    grid-template-columns: repeat(auto-fill,minmax(100px,1fr));
    transition: all .5s ease-in
}

.image-card-grid.image-grid-read-more[data-v-bcbbe0b2] {
    height: 160px;
    overflow: hidden;
    position: relative
}

    .image-card-grid.image-grid-read-more[data-v-bcbbe0b2]:before {
        bottom: -29px;
        box-shadow: inset 0 -4rem 12px -1rem #fafafae6;
        content: "";
        height: 4rem;
        left: 0;
        pointer-events: none;
        position: absolute;
        transition: all .5s ease-in;
        width: 100%
    }

@media (min-width:620px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(120px,1fr))
    }
}

@media (min-width:768px) {
    .image-card-grid[data-v-bcbbe0b2] {
        gap: 24px;
        grid-template-columns: repeat(auto-fill,minmax(150px,1fr))
    }

    .image-card-grid.image-grid-read-more[data-v-bcbbe0b2] {
        height: 250px
    }
}

@media (min-width:992px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(170px,1fr))
    }
}

@media (min-width:1440px) {
    .image-card-grid[data-v-bcbbe0b2] {
        grid-template-columns: repeat(auto-fill,minmax(190px,1fr))
    }
}

.btn-read-more[data-v-bcbbe0b2] {
    align-items: center;
    bottom: -44px;
    display: flex;
    height: 6rem;
    justify-content: center;
    left: 0;
    position: absolute;
    text-align: center;
    width: 100%
}

.listing-categories[data-v-bcbbe0b2] {
    position: relative
}

.cx-drawer[data-v-bcbbe0b2] {
    background-color: #fff;
    border-radius: 0 40px 40px 0;
    height: 100%;
    left: 0;
    max-width: 406px;
    opacity: 0;
    padding: 42px 40px;
    position: fixed;
    top: 0;
    transform: rotate(-10deg) translate(-406px);
    transform-origin: bottom right;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1001
}

.cx-drawer.open-drawer[data-v-bcbbe0b2] {
    opacity: 1;
    transform: rotate(0) translate(0);
    visibility: visible
}

.cx-drawer .drawer-scroll[data-v-bcbbe0b2] {
    height: calc(100vh - 120px);
    overflow-x: auto;
    position: relative;
    -ms-overflow-style: none;
    scrollbar-width: none
}

    .cx-drawer .drawer-scroll[data-v-bcbbe0b2]::-webkit-scrollbar {
        display: none
    }

.cx-drawer .drawer-divider[data-v-bcbbe0b2] {
    border-bottom: 1px solid #ccc;
    height: 1px;
    margin: 24px 0;
    width: 100%
}

.cx-drawer .drawer-heading[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 22px;
    font-weight: 600;
    line-height: 28px
}

.cx-drawer .cx-drawer-header[data-v-bcbbe0b2] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between;
    margin-bottom: 26px
}

.cx-drawer .cx-drawer-header .drawer-close[data-v-bcbbe0b2] {
    background: none;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-drawer .cx-drawer-header .drawer-close i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-header .drawer-back[data-v-bcbbe0b2] {
    align-items: center;
    background: none;
    border: none;
    color: #0d0d0d;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 14px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    outline: none;
    text-transform: uppercase
}

.cx-drawer .cx-drawer-header .drawer-back i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 32px;
    line-height: 36px
}

.cx-drawer .cx-drawer-body .drawer-heading[data-v-bcbbe0b2],
.cx-drawer .cx-drawer-body .drawer-menu li[data-v-bcbbe0b2] {
    margin-bottom: 20px
}

    .cx-drawer .cx-drawer-body .drawer-menu li[data-v-bcbbe0b2]:last-child {
        margin-bottom: 0
    }

.cx-drawer .cx-drawer-body .drawer-menu li a[data-v-bcbbe0b2] {
    align-items: center;
    color: #0d0d0d;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 16px;
    justify-content: space-between;
    line-height: 20px
}

.cx-drawer .cx-drawer-body .drawer-menu li a i[data-v-bcbbe0b2] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 24px
}

@media only screen and (max-width:410px) {
    .cx-drawer[data-v-bcbbe0b2] {
        border-radius: 0
    }
}

.error-img img[data-v-81cd9f1e] {
    display: block;
    margin: 0 auto;
    max-width: 180px;
    width: 100%
}

@media (min-width:768px) {
    .error-img img[data-v-81cd9f1e] {
        margin: 0 auto;
        max-width: 360px
    }
}

.country-select-drop-down[data-v-562803d7] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-562803d7] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-562803d7] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-562803d7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-562803d7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-562803d7] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-562803d7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-562803d7] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-562803d7] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-562803d7] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-562803d7] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-562803d7] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-562803d7] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-562803d7] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-562803d7] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-centered[data-v-562803d7] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-centered[data-v-562803d7] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-562803d7] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-562803d7] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-562803d7] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-562803d7] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-562803d7] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-562803d7] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-562803d7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-562803d7] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-562803d7] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-562803d7] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-562803d7] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-562803d7] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-562803d7] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-562803d7] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-562803d7] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-562803d7] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-562803d7]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-562803d7]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-562803d7] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-562803d7] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-562803d7] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-562803d7]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-562803d7] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-562803d7] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-562803d7] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-562803d7] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-562803d7] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-562803d7] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-562803d7] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-562803d7] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-562803d7] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-562803d7] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.cx-btn[data-v-562803d7] {
    align-self: center;
    border: 1px solid transparent;
    border-radius: 200px;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    outline: none;
    overflow: hidden;
    position: relative;
    text-align: center;
    text-decoration: none;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    white-space: nowrap
}

@media (min-width:768px) {
    .cx-btn[data-v-562803d7]:not(.no-scale):hover {
        transform: scale(1.05);
        transform-origin: center
    }
}

.cx-btn i[data-v-562803d7] {
    font-weight: 500
}

.cx-btn-left-align span[data-v-562803d7] {
    justify-content: left
}

.cx-btn-left-align span .btn-text[data-v-562803d7] {
    justify-content: unset;
    text-align: left;
    width: 100%
}

.cx-btn-content[data-v-562803d7],
.cx-btn-left-align span .btn-text[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset
}

.cx-btn-content[data-v-562803d7] {
    color: inherit;
    flex: 1 0 auto;
    justify-content: center;
    line-height: normal;
    position: relative;
    transition: inherit;
    transition-property: opacity
}

.cx-btn-block[data-v-562803d7] {
    display: block;
    width: 100%
}

.cx-btn-block .btn-content[data-v-562803d7] {
    justify-content: center
}

.cx-btn-xs[data-v-562803d7] {
    font-size: 10px;
    font-weight: 500;
    line-height: 14px;
    padding: 1.5px 14px
}

.cx-btn-xs .cx-icon-plus[data-v-562803d7] {
    font-size: 12px;
    line-height: 12px
}

.cx-btn-xs .btn-text[data-v-562803d7] {
    margin-left: 9px
}

.cx-btn-xs i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-xs .cex-icon-close[data-v-562803d7],
.cx-btn-xs .cx-icon-arrow-right[data-v-562803d7] {
    font-size: 12px;
    line-height: 12px;
    margin-left: 9px
}

.cx-btn-xs.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 20px;
    justify-content: center;
    padding: 0;
    width: 20px
}

.cx-btn-sm[data-v-562803d7] {
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    padding: 4.5px 15px
}

.cx-btn-sm .cx-icon-plus[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-sm .btn-text[data-v-562803d7] {
    margin-left: 10px
}

.cx-btn-sm .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-sm .cx-icon-close[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-sm i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-sm.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 28px;
    justify-content: center;
    padding: 0;
    width: 28px
}

.cx-btn-md[data-v-562803d7] {
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
    padding: 8.5px 15px
}

.cx-btn-md .cx-icon-plus[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px
}

.cx-btn-md .btn-text[data-v-562803d7] {
    margin-left: 10px
}

.cx-btn-md .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-md .cx-icon-close[data-v-562803d7] {
    font-size: 16px;
    line-height: 16px;
    margin-left: 10px
}

.cx-btn-md i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-md.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 40px;
    justify-content: center;
    padding: 0;
    width: 40px
}

.cx-btn-lg[data-v-562803d7] {
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    padding: 13px 28px
}

.cx-btn-lg .cx-icon-plus[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg .btn-text[data-v-562803d7] {
    margin-left: 12px
}

.cx-btn-lg .cx-icon-arrow-right[data-v-562803d7],
.cx-btn-lg .cx-icon-close[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px;
    margin-left: 10px
}

.cx-btn-lg i[data-v-562803d7] {
    font-size: 20px;
    line-height: 20px
}

.cx-btn-lg.btn-rounded[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 52px;
    justify-content: center;
    padding: 0;
    width: 52px
}

.cx-btn[data-v-562803d7]:disabled {
    border-color: #e6e6e6;
    cursor: default
}

    .cx-btn[data-v-562803d7]:disabled,
    .cx-btn[data-v-562803d7]:disabled:hover {
        background-color: #e6e6e6;
        color: #b3b3b3
    }

.cx-btn-link[data-v-562803d7] {
    background-color: transparent;
    color: #000;
    text-decoration: underline
}

.cx-btn-primary[data-v-562803d7] {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-primary[data-v-562803d7]:hover {
        background-color: #b50802
    }
}

.cx-btn-primary[data-v-562803d7]:active {
    background-color: #e20a03;
    border-color: #e20a03;
    color: #fff
}

.cx-btn-primary.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-primary[data-v-562803d7] {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

@media (min-width:768px) {
    .cx-btn-outlined-primary[data-v-562803d7]:hover {
        background-color: #e20a03;
        color: #fff
    }
}

.cx-btn-outlined-primary[data-v-562803d7]:active {
    background-color: #fff;
    border: 1px solid #e20a03;
    color: #e20a03
}

.cx-btn-outlined-primary.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-secondary[data-v-562803d7] {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-secondary[data-v-562803d7]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-secondary[data-v-562803d7]:active {
    background-color: #1a1a1a;
    border-color: #1a1a1a;
    color: #fff
}

.cx-btn-secondary.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-gray[data-v-562803d7] {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

@media (min-width:768px) {
    .cx-btn-gray[data-v-562803d7]:hover {
        background-color: #f2f2f2;
        color: #000
    }
}

.cx-btn-gray[data-v-562803d7]:active {
    background-color: #f2f2f2;
    border-color: #f2f2f2;
    color: #000
}

.cx-btn-gray.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-secondary[data-v-562803d7] {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

@media (min-width:768px) {
    .cx-btn-outlined-secondary[data-v-562803d7]:hover {
        background-color: #000;
        color: #fff
    }
}

.cx-btn-outlined-secondary[data-v-562803d7]:active {
    background-color: #fff;
    border: 1px solid #1a1a1a;
    color: #1a1a1a
}

.cx-btn-outlined-secondary.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-white[data-v-562803d7] {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

@media (min-width:768px) {
    .cx-btn-white[data-v-562803d7]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-white[data-v-562803d7]:active {
    background-color: #fff;
    border-color: #fff;
    color: #0d0d0d
}

.cx-btn-outlined-white[data-v-562803d7],
.cx-btn-white.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn-outlined-white[data-v-562803d7] {
    border-color: #fff;
    color: #fff
}

@media (min-width:768px) {
    .cx-btn-outlined-white[data-v-562803d7]:hover {
        background-color: #f9f9f9;
        color: #0d0d0d
    }
}

.cx-btn-outlined-white[data-v-562803d7]:active {
    background-color: transparent;
    border-color: #fff;
    color: #fff
}

.cx-btn-outlined-white.bg-transparent[data-v-562803d7]:not(:hover) {
    background-color: transparent
}

.cx-btn .btn-text[data-v-562803d7]:first-child {
    margin-left: 0
}

@media (min-width:768px) {
    .cx-btn-xs[data-v-562803d7] {
        font-size: 12px;
        font-weight: 500;
        line-height: 16px;
        padding: 2.5px 14px
    }

    .cx-btn-xs .cx-icon-plus[data-v-562803d7] {
        font-size: 16px;
        line-height: 16px
    }

    .cx-btn-xs .btn-text[data-v-562803d7] {
        margin-left: 10px
    }

    .cx-btn-xs .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-xs .cx-icon-close[data-v-562803d7] {
        font-size: 16px;
        line-height: 16px;
        margin-left: 10px
    }

    .cx-btn-xs.btn-rounded[data-v-562803d7] {
        height: 24px;
        padding: 0;
        width: 24px
    }

    .cx-btn-sm[data-v-562803d7] {
        font-size: 14px;
        font-weight: 500;
        line-height: 16px;
        padding: 4.5px 14px
    }

    .cx-btn-sm .cx-icon-plus[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-sm .btn-text[data-v-562803d7] {
        margin-left: 10px
    }

    .cx-btn-sm .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-sm .cx-icon-close[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 10px
    }

    .cx-btn-sm.btn-rounded[data-v-562803d7] {
        height: 32px;
        padding: 0;
        width: 32px
    }

    .cx-btn-md[data-v-562803d7] {
        font-size: 16px;
        font-weight: 600;
        line-height: 20px;
        padding: 11px 24px
    }

    .cx-btn-md .cx-icon-plus[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px
    }

    .cx-btn-md .btn-text[data-v-562803d7] {
        margin-left: 12px
    }

    .cx-btn-md .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-md .cx-icon-close[data-v-562803d7] {
        font-size: 20px;
        line-height: 20px;
        margin-left: 12px
    }

    .cx-btn-md.btn-rounded[data-v-562803d7] {
        height: 48px;
        padding: 0;
        width: 48px
    }

    .cx-btn-lg[data-v-562803d7] {
        font-size: 18px;
        font-weight: 600;
        line-height: 22px;
        padding: 13.5px 24px
    }

    .cx-btn-lg .cx-icon-plus[data-v-562803d7] {
        font-size: 24px;
        line-height: 24px
    }

    .cx-btn-lg .btn-text[data-v-562803d7] {
        margin-left: 13px
    }

    .cx-btn-lg .cx-icon-arrow-right[data-v-562803d7],
    .cx-btn-lg .cx-icon-close[data-v-562803d7] {
        font-size: 24px;
        line-height: 24px;
        margin-left: 13px
    }

    .cx-btn-lg.btn-rounded[data-v-562803d7] {
        height: 56px;
        padding: 0;
        width: 56px
    }

    .cx-btn .btn-text[data-v-562803d7]:first-child {
        margin-left: 0
    }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-btn-content[data-v-562803d7] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.proceed-button a[data-v-562803d7] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .proceed-button a[data-v-562803d7] {
        display: inline-block;
        width: unset
    }
}

.full-button-mobile button[data-v-562803d7] {
    display: block;
    width: 100%
}

@media (min-width:620px) {
    .full-button-mobile button[data-v-562803d7] {
        display: inline-block;
        width: unset
    }
}

.cx-btn-transparent[data-v-562803d7] {
    background-color: transparent
}

@media only screen and (max-width:600px) {
    .change-store-button button[data-v-562803d7] {
        display: block;
        width: 100%
    }
}

.complain-btns a[data-v-562803d7] {
    color: #fff;
    text-decoration: unset
}

figure img[data-v-aea83cd1] {
    display: block
}

.footercookie_div[data-v-574cbf45] {
    bottom: 0;
    position: fixed;
    width: 100%;
    z-index: 2
}

.footercookie_div .oflline-close[data-v-574cbf45] {
    background-color: #000;
    border-radius: 100px;
    color: #fff;
    cursor: pointer;
    height: 20px;
    padding: 4px;
    width: 20px
}

.footercookie_div .oflline-close i[data-v-574cbf45] {
    font-size: 12px;
    line-height: 12px
}

@media (min-width:768px) {
    .footercookie_div .oflline-close[data-v-574cbf45] {
        background-color: #000;
        border-radius: 100px;
        color: #fff;
        cursor: pointer;
        height: 24px;
        padding: 4px;
        width: 24px
    }

    .footercookie_div .oflline-close i[data-v-574cbf45] {
        font-size: 16px;
        line-height: 16px
    }
}

.cx-alert {
    color: #0d0d0d;
    padding: 24px 16px
}

    .cx-alert.success-alert {
        background-color: #ebffe7
    }

    .cx-alert.info-alert {
        background-color: #e0f4ff
    }

    .cx-alert.warning-alert {
        background-color: #fee3e1
    }

    .cx-alert.default-alert {
        background-color: #0d0d0d
    }

.cx-alert-content {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-alert-message {
    font-size: 14px;
    font-weight: 400;
    line-height: 16px
}

    .cx-alert-message span {
        display: inline-block;
        font-weight: 400;
        margin-right: 8px
    }

    .cx-alert-message strong {
        display: inline-block;
        font-weight: 500
    }

.cx-alert-action {
    color: #0d0d0d;
    cursor: pointer;
    font-size: 12px;
    font-weight: 600;
    line-height: 16px;
    margin-left: auto;
    text-transform: uppercase
}

.cx-alert .alert-icon {
    display: block;
    font-size: 24px;
    line-height: 24px;
    margin-right: 14px
}

@media (min-width:768px) {
    .cx-alert {
        padding: 26px 18px
    }

    .cx-alert-message {
        align-items: center;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        font-size: 14px;
        font-weight: 400;
        justify-content: unset;
        line-height: 18px
    }

        .cx-alert-message span {
            margin-bottom: 0
        }

        .cx-alert-message strong {
            margin-left: 10px
        }

    .cx-alert-action {
        font-size: 14px;
        line-height: 18px
    }
}

.form-group {
    line-height: 16px;
    position: relative;
    width: auto
}

    .form-group .filter-search-store {
        margin-bottom: 17px
    }

        .form-group .filter-search-store input::-moz-placeholder {
            color: gray;
            font-size: 12px
        }

        .form-group .filter-search-store input::placeholder {
            color: gray;
            font-size: 12px
        }

    .form-group .select-textfield-title,
    .form-group .textfield-title {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .form-group .must-text {
        color: #4d4d4d;
        font-size: 12px;
        font-weight: 400;
        margin-top: 8px
    }

    .form-group .searchfield {
        align-items: center;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: left;
        padding: 12px
    }

        .form-group .searchfield input {
            background-color: transparent;
            border: 0;
            color: #4d4d4d;
            font-size: 14px;
            line-height: 18px;
            width: 100%
        }

            .form-group .searchfield input:focus {
                outline: none
            }

@media (min-width:768px) {
    .form-group .searchfield input {
        font-size: 16px;
        line-height: 20px
    }
}

.form-group .textfield {
    align-items: center;
    background: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left
}

    .form-group .textfield input,
    .form-group .textfield textarea {
        background-color: transparent;
        border: 0;
        color: #4d4d4d;
        font-size: 14px;
        padding: 12px;
        width: 100%
    }

        .form-group .textfield input:focus,
        .form-group .textfield textarea:focus {
            outline: none
        }

    .form-group .textfield textarea {
        background-color: transparent;
        border: 0;
        color: #4d4d4d;
        font-size: 14px;
        padding: 12px;
        text-overflow: ellipsis;
        width: 100%
    }

        .form-group .textfield textarea:focus {
            outline: none
        }

    .form-group .textfield i.left {
        color: #0d0d0d;
        font-size: 16px;
        padding-left: 14px
    }

    .form-group .textfield i.right {
        color: #0d0d0d;
        font-size: 18px;
        justify-content: right;
        padding-right: 14px
    }

    .form-group .textfield .input-prepend {
        color: #4d4d4d;
        font-size: 14px;
        line-height: 18px;
        padding-left: 14px;
        white-space: nowrap
    }

.form-group .textarea-group {
    align-items: normal;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: left
}

    .form-group .textarea-group textarea {
        background-color: transparent;
        border: 0;
        color: #4d4d4d;
        font-size: 14px;
        height: 120px;
        padding: 14px;
        resize: none;
        width: 100%
    }

        .form-group .textarea-group textarea:focus {
            outline: none
        }

    .form-group .textarea-group i.left {
        color: #0d0d0d;
        font-size: 16px;
        padding-left: 14px
    }

    .form-group .textarea-group i.right {
        color: #0d0d0d;
        font-size: 18px;
        justify-content: right;
        padding-right: 14px
    }

.form-group .disabled {
    background: #e6e6e6;
    border: 1px solid #e6e6e6
}

    .form-group .disabled i.left,
    .form-group .disabled i.right,
    .form-group .disabled ~ .must-text {
        color: #b3b3b3
    }

.form-group .error ~ .must-text {
    color: #bb1313
}

.form-group .success i.right {
    color: #7deb62
}

@media (min-width:768px) {
    .form-group {
        line-height: 20px
    }

        .form-group,
        .form-group .select-textfield-title,
        .form-group .textfield-title {
            font-size: 14px
        }

            .form-group .must-text {
                font-size: 14px;
                margin-top: 10px
            }

            .form-group .textfield {
                border-radius: 24px
            }

                .form-group .textfield input {
                    font-size: 16px;
                    padding: 14px
                }

                .form-group .textfield i.left,
                .form-group .textfield i.right {
                    font-size: 20px
                }

            .form-group .textarea-div {
                border-radius: 24px
            }

                .form-group .textarea-div textarea {
                    font-size: 16px;
                    height: 144px;
                    padding: 0 6px
                }

                .form-group .textarea-div i.left,
                .form-group .textarea-div i.right {
                    font-size: 20px
                }
}

.cx-wizard-question .cx-dropdown-list .dropdown-list .cx-dropdown-search .form-group .textfield {
    border-radius: 0
}

.address-details-form .address-search-field .form-group .textfield {
    border: 1px solid #000
}

.filters-panel .form-group .textfield {
    background-color: #fff;
    padding: 12px
}

    .filters-panel .form-group .textfield .cx-icon-search {
        font-size: 20px;
        line-height: 20px;
        margin-right: 4px;
        padding: 0
    }

    .filters-panel .form-group .textfield input {
        font-size: 12px;
        line-height: 16px;
        padding: 0
    }

.address-search-field .textfield i.left {
    left: 12px;
    padding-left: 0;
    position: absolute
}

.address-search-field .textfield input {
    padding: 12px 12px 12px 30px;
    text-overflow: ellipsis
}

@media (min-width:768px) {
    .address-search-field .textfield i.left {
        left: 0;
        padding-left: 14px;
        position: inherit
    }

    .address-search-field .textfield input {
        padding: 14px;
        text-overflow: ellipsis
    }
}

.country-select-drop-down[data-v-10284dfe] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-10284dfe] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-10284dfe] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-10284dfe] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-10284dfe] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-10284dfe] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-10284dfe] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-10284dfe] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-10284dfe] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-10284dfe] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-10284dfe] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-10284dfe] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-10284dfe] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-10284dfe] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-10284dfe] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-10284dfe] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-centered[data-v-10284dfe] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-centered[data-v-10284dfe] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-10284dfe] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-10284dfe] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-10284dfe] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-10284dfe] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-10284dfe] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-10284dfe] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-10284dfe] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-10284dfe] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-10284dfe] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-10284dfe] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-10284dfe] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-10284dfe] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-10284dfe] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-10284dfe] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-10284dfe] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-10284dfe] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-10284dfe] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-10284dfe] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-10284dfe]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-10284dfe]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-10284dfe] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-10284dfe] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-10284dfe] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-10284dfe]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-10284dfe] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-10284dfe] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-10284dfe] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-10284dfe] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-10284dfe] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-10284dfe] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-10284dfe] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-10284dfe] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-10284dfe] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-10284dfe] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-10284dfe] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.cx-checkbox-button {
    align-items: flex-start;
    cursor: pointer;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    font-size: 12px;
    font-weight: 500;
    justify-content: unset;
    line-height: 16px;
    margin-bottom: 15px;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none
}

    .cx-checkbox-button p a {
        color: #0d0d0d;
        text-decoration: underline
    }

    .cx-checkbox-button input {
        cursor: pointer;
        display: none;
        opacity: 0
    }

        .cx-checkbox-button input:checked ~ .checkmark {
            background-color: #e20a03;
            border: 1.8px solid #e20a03
        }

        .cx-checkbox-button input:disabled ~ .checkmark {
            background-color: #fff;
            border: 1.8px solid #ccc
        }

        .cx-checkbox-button input:checked ~ .checkmark:after {
            border: solid #fff;
            border-width: 0 1.5px 1.5px 0;
            content: "";
            display: block;
            height: 10px;
            margin-top: -2px;
            transform: rotate(45deg);
            width: 5px
        }

        .cx-checkbox-button input:disabled ~ .checkmark:after {
            border: solid #b3b3b3;
            border-width: 0 1.8px 1.8px 0
        }

    .cx-checkbox-button .checkmark {
        align-items: center;
        border: 1.5px solid #4d4d4d;
        border-radius: 4px;
        box-sizing: border-box;
        display: flex;
        flex: 0 0 20px;
        flex-direction: unset;
        flex-wrap: unset;
        height: 20px;
        justify-content: center
    }

        .cx-checkbox-button .checkmark:after {
            content: "";
            display: none
        }

    .cx-checkbox-button .checkbox-text {
        padding-left: 8px
    }

        .cx-checkbox-button .checkbox-text span {
            color: gray;
            font-weight: 400;
            padding-left: 8px
        }

    .cx-checkbox-button .checkbox-sub-text {
        font-size: 12px;
        font-weight: 400;
        margin-left: 28px;
        width: 100%
    }

@media (min-width:768px) {
    .checkout-orders-container .cx-checkbox-button {
        font-size: 14px;
        line-height: 20px;
        margin-bottom: 32px
    }

    .checkbox-button-div {
        font-size: 14px;
        line-height: 20px
    }

        .checkbox-button-div input:disabled ~ .checkmark {
            border: 1.8px solid #ccc
        }

        .checkbox-button-div .checkmark {
            border: 1.8px solid #4d4d4d;
            border-radius: 6px;
            height: 24px;
            width: 24px
        }

        .checkbox-button-div .checkbox-sub-text {
            font-size: 12px;
            line-height: 16px
        }

    .refinement-list-scroll li:last-child .cx-checkbox-button {
        margin-bottom: 0
    }
}

.checkout-voucher .cx-checkbox-button {
    display: inline-flex;
    margin-bottom: 0 !important
}

    .checkout-voucher .cx-checkbox-button span {
        white-space: nowrap
    }

    .checkout-voucher .cx-checkbox-button + .cx-checkbox-button {
        margin-top: 16px
    }

.country-select-drop-down {
    position: relative
}

    .country-select-drop-down .country-select-label {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

@media (min-width:768px) {
    .country-select-drop-down .country-select-label {
        font-size: 14px
    }
}

.country-select-drop-down i {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper {
    position: relative
}

    .cx-auth-wrapper.open-login .cx-overlay {
        opacity: 1;
        visibility: visible
    }

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary {
    background-color: transparent
}

.open-login .cx-auth-modal {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal {
        bottom: unset
    }
}

.cx-auth-modal {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-centered {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-centered {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

    .cx-auth-modal .auth-modal-head .auth-modal-heading {
        color: #0d0d0d;
        font-size: 20px;
        font-weight: 600;
        line-height: 24px
    }

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

    .cx-auth-modal .auth-modal-close i {
        color: #0d0d0d;
        font-size: 24px;
        line-height: 24px
    }

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down {
    position: relative
}

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label {
        color: #0d0d0d;
        display: block;
        font-size: 12px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i {
        color: #0d0d0d;
        font-size: 14px;
        position: absolute;
        right: 15px;
        z-index: 1
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .cx-select {
        background-color: #f9f9f9;
        border: 1px solid #f2f2f2;
        border-radius: 20px;
        margin-top: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select {
        -webkit-appearance: none;
        -moz-appearance: none;
        appearance: none;
        background-color: transparent;
        border: none;
        color: #4d4d4d;
        cursor: pointer;
        display: block;
        font-size: 14px;
        line-height: 18px;
        outline: none;
        padding: 12px;
        position: relative;
        width: 100%;
        z-index: 2
    }

        .cx-auth-modal .form-group-row .country-select-drop-down select option {
            background-color: #f9f9f9;
            color: #4d4d4d;
            padding: 12px
        }

@media (min-width:768px) {
    .cx-auth-modal .form-group-row {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

        .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label {
            font-size: 14px;
            font-weight: 500;
            margin-bottom: 8px
        }

        .cx-auth-modal .form-group-row .country-select-drop-down i {
            font-size: 22px;
            line-height: 22px;
            right: 15px;
            top: 14px
        }

        .cx-auth-modal .form-group-row .country-select-drop-down select {
            font-size: 16px;
            padding: 14px
        }

        .cx-auth-modal .form-group-row > div {
            flex: 0 0 50%
        }

            .cx-auth-modal .form-group-row > div:nth-child(odd) {
                padding-right: 8px
            }

            .cx-auth-modal .form-group-row > div:nth-child(2n) {
                padding-left: 8px
            }
}

.cx-auth-modal .form-group label {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field {
    position: relative
}

    .cx-auth-modal .form-group .password-field .password-visibility-switch {
        cursor: pointer;
        margin: 12px;
        position: absolute;
        right: 0;
        top: 0;
        z-index: 10
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

    .cx-auth-modal .form-check label {
        color: #0d0d0d;
        font-size: 14px;
        font-weight: 400;
        line-height: 16px;
        width: 100%
    }

        .cx-auth-modal .form-check label a {
            color: #0d0d0d;
            text-decoration: underline
        }

    .cx-auth-modal .form-check .form-check-label {
        margin-left: 8px
    }

.cx-auth-modal .or-divider {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.country-select-drop-down[data-v-05feadd0] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-05feadd0] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-05feadd0] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-05feadd0] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-05feadd0] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-05feadd0] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-05feadd0] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-05feadd0] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-05feadd0] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-05feadd0] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-05feadd0] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-05feadd0] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-05feadd0] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-05feadd0] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-05feadd0] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-05feadd0] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-centered[data-v-05feadd0] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-centered[data-v-05feadd0] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-05feadd0] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-05feadd0] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-05feadd0] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-05feadd0] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-05feadd0] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-05feadd0] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-05feadd0] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-05feadd0] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-05feadd0] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-05feadd0] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-05feadd0] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-05feadd0] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-05feadd0] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-05feadd0] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-05feadd0] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-05feadd0] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-05feadd0] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-05feadd0] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-05feadd0]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-05feadd0]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-05feadd0] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-05feadd0] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-05feadd0] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-05feadd0]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-05feadd0] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-05feadd0] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-05feadd0] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-05feadd0] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-05feadd0] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-05feadd0] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-05feadd0] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-05feadd0] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-05feadd0] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-05feadd0] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-05feadd0] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

.country-select-drop-down[data-v-b5a8838b] {
    position: relative
}

.country-select-drop-down .country-select-label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .country-select-drop-down .country-select-label[data-v-b5a8838b] {
        font-size: 14px
    }
}

.country-select-drop-down i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    right: 15px;
    top: 11px;
    z-index: 1
}

@media (min-width:768px) {
    .country-select-drop-down i[data-v-b5a8838b] {
        font-size: 22px;
        line-height: 22px;
        top: 14px
    }
}

.country-select-drop-down .cx-select[data-v-b5a8838b] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px;
    position: relative
}

.country-select-drop-down select[data-v-b5a8838b] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 12px;
    line-height: 16px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

@media (min-width:768px) {
    .country-select-drop-down select[data-v-b5a8838b] {
        font-size: 14px;
        line-height: 18px;
        padding: 14px
    }
}

.country-select-drop-down select option[data-v-b5a8838b] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

.cx-auth-wrapper[data-v-b5a8838b] {
    position: relative
}

.cx-auth-wrapper.open-login .cx-overlay[data-v-b5a8838b] {
    opacity: 1;
    visibility: visible
}

@media (min-width:768px) {
    .cx-auth-wrapper.open-login .cx-auth-modal[data-v-b5a8838b] {
        opacity: 1;
        visibility: visible
    }
}

.cx-auth-wrapper .forgot-sign-in .cx-btn-outlined-secondary[data-v-b5a8838b] {
    background-color: transparent
}

.open-login .cx-auth-modal[data-v-b5a8838b] {
    bottom: 0;
    visibility: visible
}

@media (min-width:768px) {
    .open-login .cx-auth-modal[data-v-b5a8838b] {
        bottom: unset
    }
}

.cx-auth-modal[data-v-b5a8838b] {
    bottom: -100%;
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
    position: fixed;
    transition-duration: .8s;
    transition-property: all;
    transition-timing-function: cubic-bezier(.78,.13,.15,.86);
    visibility: hidden;
    width: 100%;
    z-index: 1050
}

@media (min-width:768px) {
    .cx-auth-modal[data-v-b5a8838b] {
        inset: 0;
        bottom: unset;
        opacity: 0;
        visibility: hidden
    }
}

.cx-auth-modal .modal-dialog-centered[data-v-b5a8838b] {
    height: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .modal-dialog-centered[data-v-b5a8838b] {
        align-items: center;
        display: flex;
        height: unset;
        min-height: calc(100% - 3.5rem)
    }
}

.cx-auth-modal .auth-modal-content[data-v-b5a8838b] {
    background-color: #fff;
    min-height: 100%;
    padding: 24px;
    width: 100%
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content[data-v-b5a8838b] {
        border-radius: 24px;
        height: auto;
        margin: 24px auto;
        max-width: 612px;
        min-height: auto;
        padding: 32px
    }
}

.cx-auth-modal .auth-modal-content p[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    line-height: 16px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-content p[data-v-b5a8838b] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-auth-modal .auth-modal-head[data-v-b5a8838b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: space-between
}

.cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 20px;
    font-weight: 600;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-head .auth-modal-heading[data-v-b5a8838b] {
        font-size: 28px;
        line-height: 36px
    }
}

.cx-auth-modal .auth-modal-close[data-v-b5a8838b] {
    background-color: transparent;
    border: none;
    cursor: pointer;
    outline: none
}

.cx-auth-modal .auth-modal-close i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 24px;
    line-height: 24px
}

@media (min-width:768px) {
    .cx-auth-modal .auth-modal-close i[data-v-b5a8838b] {
        font-size: 32px;
        line-height: 32px
    }
}

.cx-auth-modal a[data-v-b5a8838b] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-group-row .country-select-drop-down[data-v-b5a8838b] {
    position: relative
}

.cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    margin-bottom: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    position: absolute;
    right: 15px;
    z-index: 1
}

.cx-auth-modal .form-group-row .country-select-drop-down .cx-select[data-v-b5a8838b] {
    background-color: #f9f9f9;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    margin-top: 8px
}

.cx-auth-modal .form-group-row .country-select-drop-down select[data-v-b5a8838b] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    border: none;
    color: #4d4d4d;
    cursor: pointer;
    display: block;
    font-size: 14px;
    line-height: 18px;
    outline: none;
    padding: 12px;
    position: relative;
    width: 100%;
    z-index: 2
}

.cx-auth-modal .form-group-row .country-select-drop-down select option[data-v-b5a8838b] {
    background-color: #f9f9f9;
    color: #4d4d4d;
    padding: 12px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group-row[data-v-b5a8838b] {
        align-items: unset;
        display: flex;
        flex-direction: unset;
        flex-wrap: wrap;
        justify-content: unset;
        width: 100%
    }

    .cx-auth-modal .form-group-row .country-select-drop-down .country-select-label[data-v-b5a8838b] {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 8px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down i[data-v-b5a8838b] {
        font-size: 22px;
        line-height: 22px;
        right: 15px;
        top: 14px
    }

    .cx-auth-modal .form-group-row .country-select-drop-down select[data-v-b5a8838b] {
        font-size: 16px;
        padding: 14px
    }

    .cx-auth-modal .form-group-row > div[data-v-b5a8838b] {
        flex: 0 0 50%
    }

        .cx-auth-modal .form-group-row > div[data-v-b5a8838b]:nth-child(odd) {
            padding-right: 8px
        }

        .cx-auth-modal .form-group-row > div[data-v-b5a8838b]:nth-child(2n) {
            padding-left: 8px
        }
}

.cx-auth-modal .form-group label[data-v-b5a8838b] {
    color: #0d0d0d;
    display: block;
    font-size: 12px;
    font-weight: 500;
    line-height: 16px;
    margin-bottom: 8px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group label[data-v-b5a8838b] {
        font-size: 14px;
        line-height: 18px
    }
}

.cx-auth-modal .form-group .form-control[data-v-b5a8838b] {
    background-color: #f2f2f2;
    border: 1px solid #f2f2f2;
    border-radius: 20px;
    color: #4d4d4d;
    display: block;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    padding: 12px;
    width: 100%
}

    .cx-auth-modal .form-group .form-control[data-v-b5a8838b]:focus-visible {
        outline: none
    }

@media (min-width:768px) {
    .cx-auth-modal .form-group .form-control[data-v-b5a8838b] {
        border-radius: 24px;
        font-size: 16px;
        line-height: 20px;
        padding: 14px
    }
}

.cx-auth-modal .form-group .password-field[data-v-b5a8838b] {
    position: relative
}

.cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-b5a8838b] {
    cursor: pointer;
    margin: 12px;
    position: absolute;
    right: 0;
    top: 0;
    z-index: 10
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch[data-v-b5a8838b] {
        margin: 14px
    }
}

.cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 16px;
    line-height: 20px
}

@media (min-width:768px) {
    .cx-auth-modal .form-group .password-field .password-visibility-switch i[data-v-b5a8838b] {
        font-size: 20px;
        line-height: 22px
    }
}

.cx-auth-modal .form-check[data-v-b5a8838b] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.cx-auth-modal .form-check label[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 14px;
    font-weight: 400;
    line-height: 16px;
    width: 100%
}

.cx-auth-modal .form-check label a[data-v-b5a8838b] {
    color: #0d0d0d;
    text-decoration: underline
}

.cx-auth-modal .form-check .form-check-label[data-v-b5a8838b] {
    margin-left: 8px
}

.cx-auth-modal .or-divider[data-v-b5a8838b] {
    color: #0d0d0d;
    font-size: 16px;
    font-weight: 600;
    line-height: 20px;
    text-align: center
}

.cx-auth-modal .two-col-buttons-group[data-v-b5a8838b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: unset
}

.green-tick[data-v-b5a8838b] {
    color: #187700;
    font-size: 16px;
    line-height: 16px
}

@font-face {
    font-display: block;
    font-family: xicons;
    font-style: normal;
    font-weight: 400;
    src: url(./xicons.51b46ab9.eot?dn4pba);
    src: url(./xicons.51b46ab9.eot?dn4pba#iefix) format("embedded-opentype"), url(./xicons.eb2e8b87.ttf?dn4pba) format("truetype"), url(./xicons.41f77cc6.woff?dn4pba) format("woff"), url(./xicons.85c3530e.svg?dn4pba#xicons) format("svg")
}

[class*=" xicon-"],
[class^=xicon-] {
    font-family: xicons !important;
    speak: never;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    line-height: 1;
    text-transform: none;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.xicon-account-filled:before {
    content: ""
}

.xicon-account:before {
    content: ""
}

.xicon-alert:before {
    content: ""
}

.xicon-arrow-down:before {
    content: ""
}

.xicon-arrow-left:before {
    content: ""
}

.xicon-arrow-right:before {
    content: ""
}

.xicon-arrow-up:before {
    content: ""
}

.xicon-basket-filled:before {
    content: ""
}

.xicon-basket-full:before {
    content: ""
}

.xicon-basket:before {
    content: ""
}

.xicon-chevron-down:before {
    content: ""
}

.xicon-chevron-left:before {
    content: ""
}

.xicon-chevron-right:before {
    content: ""
}

.xicon-chevron-up:before {
    content: ""
}

.xicon-close:before {
    content: ""
}

.xicon-computing:before {
    content: ""
}

.xicon-delete:before {
    content: ""
}

.xicon-deliver:before {
    content: ""
}

.xicon-dot:before {
    content: ""
}

.xicon-edit:before {
    content: ""
}

.xicon-electronics:before {
    content: ""
}

.xicon-error:before {
    content: ""
}

.xicon-expand:before {
    content: ""
}

.xicon-export:before {
    content: ""
}

.xicon-facebook-circle:before {
    content: ""
}

.xicon-facebook:before {
    content: ""
}

.xicon-favourite-off:before {
    content: ""
}

.xicon-favourite-on:before {
    content: ""
}

.xicon-films:before {
    content: ""
}

.xicon-filter:before {
    content: ""
}

.xicon-gaming:before {
    content: ""
}

.xicon-google:before {
    content: ""
}

.xicon-gradecircle:before {
    content: ""
}

.xicon-hamburger:before {
    content: ""
}

.xicon-home:before {
    content: ""
}

.xicon-info:before {
    content: ""
}

.xicon-instagram:before {
    content: ""
}

.xicon-linkedin:before {
    content: ""
}

.xicon-location-target:before {
    content: ""
}

.xicon-location:before {
    content: ""
}

.xicon-menu:before {
    content: ""
}

.xicon-merchandise:before {
    content: ""
}

.xicon-minimize:before {
    content: ""
}

.xicon-minus:before {
    content: ""
}

.xicon-mobile:before {
    content: ""
}

.xicon-my-purchases:before {
    content: ""
}

.xicon-number:before {
    content: ""
}

.xicon-one:before {
    content: ""
}

.xicon-pause-circle:before {
    content: ""
}

.xicon-play-circle:before {
    content: ""
}

.xicon-play:before {
    content: ""
}

.xicon-plus:before {
    content: ""
}

.xicon-return-arrow:before {
    content: ""
}

.xicon-scan:before {
    content: ""
}

.xicon-search:before {
    content: ""
}

.xicon-sell-filled:before {
    content: ""
}

.xicon-sell:before {
    content: ""
}

.xicon-send:before {
    content: ""
}

.xicon-share:before {
    content: ""
}

.xicon-shop-filled:before {
    content: ""
}

.xicon-shop:before {
    content: ""
}

.xicon-snapchat:before {
    content: ""
}

.xicon-sort:before {
    content: ""
}

.xicon-star-half .path1:before {
    color: #010b13;
    content: "";
    opacity: .1
}

.xicon-star-half .path2:before {
    color: #010b13;
    content: "";
    margin-left: -1em
}

.xicon-star:before {
    content: ""
}

.xicon-store:before {
    content: ""
}

.xicon-success:before {
    content: ""
}

.xicon-tick:before {
    content: ""
}

.xicon-twitter-old:before {
    content: ""
}

.xicon-twitter:before {
    content: ""
}

.xicon-visibility-off:before {
    content: ""
}

.xicon-visibility-on:before {
    content: ""
}

.xicon-whatsapp:before {
    content: ""
}

.xicon-youtube:before {
    content: ""
}

.xicon-zap:before {
    content: ""
}

.cx-footer[data-v-88a7508b] {
    background-color: #000;
    padding-bottom: 35px;
    padding-top: 40px
}

@media (min-width:992px) {
    .cx-footer[data-v-88a7508b] {
        padding-bottom: 60px;
        padding-top: 60px
    }
}

@media (min-width:768px) {
    .cx-footer .footer-top-row[data-v-88a7508b] {
        align-items: flex-start;
        display: flex;
        flex-direction: unset;
        flex-wrap: unset;
        justify-content: space-between;
        margin-bottom: 24px
    }
}

.cx-footer .footer-social-icons .social-icons-list[data-v-88a7508b] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: flex-start
}

.cx-footer .footer-social-icons .social-icons-list li[data-v-88a7508b] {
    margin-right: 16px
}

    .cx-footer .footer-social-icons .social-icons-list li[data-v-88a7508b]:last-child {
        margin-right: 0
    }

.cx-footer .footer-social-icons .social-icons-list li .icon-instagram[data-v-88a7508b] {
    align-items: center;
    background-color: #f00073;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-instagram i[data-v-88a7508b] {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-facebook[data-v-88a7508b] {
    align-items: center;
    background-color: #1877f2;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-facebook i[data-v-88a7508b] {
    color: #fff;
    font-size: 12px;
    line-height: 16px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-youtube[data-v-88a7508b] {
    align-items: center;
    background-color: red;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-youtube i[data-v-88a7508b] {
    color: #fff;
    font-size: 10px;
    line-height: 14px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-twitter[data-v-88a7508b] {
    align-items: center;
    background-color: #fff;
    border-radius: 100%;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    height: 24px;
    justify-content: center;
    position: relative;
    width: 24px
}

.cx-footer .footer-social-icons .social-icons-list li .icon-twitter i[data-v-88a7508b] {
    color: #fff;
    color: #000;
    font-size: 14px;
    line-height: 14px
}

.cx-footer .footer-menu[data-v-88a7508b] {
    align-items: flex-start;
    display: flex;
    flex-direction: unset;
    flex-wrap: wrap;
    justify-content: flex-start
}

@media (min-width:768px) {
    .cx-footer .footer-menu[data-v-88a7508b] {
        flex: auto
    }
}

.cx-footer .footer-menu .footer-links[data-v-88a7508b] {
    flex: 0 0 50%;
    margin-bottom: 24px
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links[data-v-88a7508b] {
        flex: 0 0 33.3333%;
        margin-bottom: 0
    }
}

.cx-footer .footer-menu .footer-links li[data-v-88a7508b] {
    margin-bottom: 12px
}

    .cx-footer .footer-menu .footer-links li[data-v-88a7508b]:last-child {
        margin-bottom: 0
    }

.cx-footer .footer-menu .footer-links li strong[data-v-88a7508b] {
    color: #fff;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links li strong[data-v-88a7508b] {
        font-size: 16px;
        line-height: 20px
    }
}

.cx-footer .footer-menu .footer-links li a[data-v-88a7508b] {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 16px;
    text-decoration: none
}

@media (min-width:768px) {
    .cx-footer .footer-menu .footer-links li a[data-v-88a7508b] {
        font-size: 14px;
        line-height: 20px
    }
}

.cx-footer .footer-menu .footer-links li a[data-v-88a7508b]:hover {
    text-decoration: underline
}

.cx-footer .footer-divider-line[data-v-88a7508b] {
    border-top: 1px solid #4d4d4d
}

.cx-footer .footer-payment-logos[data-v-88a7508b] {
    text-align: center
}

.cx-footer .footer-payment-logos p[data-v-88a7508b] {
    color: #999;
    font-size: 10px;
    font-weight: 300;
    line-height: 12px;
    margin-bottom: 24px;
    margin-top: 0
}

@media (min-width:768px) {
    .cx-footer .footer-payment-logos p[data-v-88a7508b] {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-footer .footer-payment-logos .footer-payment-logos-list[data-v-88a7508b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-88a7508b] {
    margin: 0 5px
}

@media (min-width:620px) {
    .cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-88a7508b] {
        margin: 0 8px
    }
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li[data-v-88a7508b]:last-child {
    margin-right: 0
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li figure[data-v-88a7508b] {
    margin: 0
}

.cx-footer .footer-payment-logos .footer-payment-logos-list li figure img[data-v-88a7508b] {
    display: block
}

.cx-footer .payment-logos-row[data-v-88a7508b] {
    margin-top: 24px;
    padding-bottom: 24px;
    padding-top: 24px
}

.cx-footer .payment-logos-row.mobile-app-logos[data-v-88a7508b] {
    margin-bottom: 0;
    margin-top: 0;
    padding-bottom: 0
}

.cx-footer .cx-copyright[data-v-88a7508b] {
    color: #fff;
    font-size: 10px;
    font-weight: 400;
    line-height: 12px;
    margin-bottom: 24px;
    text-align: center
}

@media (min-width:768px) {
    .cx-footer .cx-copyright[data-v-88a7508b] {
        font-size: 12px;
        line-height: 16px
    }
}

.cx-footer .mobile-app-content[data-v-88a7508b] {
    align-items: center;
    display: flex;
    flex-direction: unset;
    flex-wrap: unset;
    justify-content: center
}

.cx-footer .mobile-app-content .apple-store-button[data-v-88a7508b] {
    margin-right: 18px
}

.cx-footer .mobile-app-content a img[data-v-88a7508b] {
    display: block
}

.career-home-banner {
    width: 50% !important;
    float: left;
}

.cx-supercat-banner .supercat-banner-heading {
    font-size: 32px;
    line-height: 44px;
    font-weight: normal !important;
    color: white !important;
}

.career-home-banner {
    margin-bottom: 20px;
}

.cx-image-card {
    width: 24%;
    float: left;
    margin: 0.5%;
}

#NoticeBoard {
    background: #f6f6f6;
    padding: 50px 0;
}

.cx-image-card {
    background: white !important;
    border-radius: 15px;
    overflow: hidden;
}

.cx-image-card-title, .cx-image-card-title a {
    color: #333;
    font-size: 16px;
}

.cx-image-card-title {
    font-size: 14px;
    line-height: 18px;
    margin: 0;
    background: #fff;
}

    .cx-image-card-title a {
        padding: 15px;
        display: block;
    }

.cx-image-card-img-wrap {
    border-radius: 16px 16px 0 0 !important;
}

.cx-banner-container.red-pattern .cx-banner {
    background-color: none !important;
    border: none !important;
}

#NoticeBoard .cx-image-card-img a::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0,0,0, 0.7);
    z-index: 2;
}

.cx-image-card-img a {
    display: block;
    width: 100%;
    position: relative;
    z-index: 1;
}

#NoticeBoard .instacard .cx-image-card-img a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon_instagram.png);
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 2;
    background-size: 20%;
}

#NoticeBoard .facebookcard .cx-image-card-img a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon_facebook.png);
    background-position: center center;
    background-size: 10%;
    background-repeat: no-repeat !important;
    z-index: 2;
}

#NoticeBoard .youtubeCard .cx-image-card-img a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon_youtube.png);
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 2;
    background-size: 20%;
}

#NoticeBoard .xcard .cx-image-card-img a::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url(../images/icon_x.png);
    background-position: center center;
    background-repeat: no-repeat !important;
    z-index: 2;
    background-size: 10%;
}

.accordion {
    max-width: 800px;
}

.accordion-item {
    padding-bottom: 0;
}

.buttonSubmit.buttonRight.buttonActionId_next {
    padding: 10px 45px;
}

#JobAlertsBlock {
    padding: 40px 0;
    background: #f6f6f6 !important;
}

.accordion .accordion-item.open .accordion-item-description-wrapper {
    grid-template-rows: 1fr;
    background: white !important;
}

.accordion .accordion-item.open .accordion-item-header {
    border-radius: 0 5px 0 0;
}

.accordion .accordion-item .accordion-item-header {
    border-radius: 0 5px 5px 0 !important;
}

.accordion .accordion-item.open .accordion-item-header {
    border-radius: 0 5px 0px 0 !important;
}

#JobAlertsBlock_1 .career-home-banner {
    background: red !important;
}

#JobAlertsBlock_1 .career-home-banner {
    width: 49% !important;
    float: left;
    margin-right: 1%;
    border-radius: 24px;
}

.career-home-banner {
    margin-bottom: 40px;
}

#NoticeBoard {
    padding: 40px 0;
    overflow: hidden;
}

.section_ h1 {
    margin-bottom: 15px !important;
}

.Left_Side p,
.Right_Side p {
    margin-bottom: 10px;
    line-height: normal;
}

.Left_Side h2, .Right_Side h2 {
    margin-bottom: 10px;
    font-weight: normal;
}

.secondaryaccordion .Right_Side {
    padding-bottom: 0 !important;
}

.textpage_diversity, .textpage_diversity #JobAlertsBlock {
    background: #0d0d0d !important;
}

    .textpage_diversity .content h1,
    .textpage_diversity .Left_Side h2,
    .textpage_diversity .Right_Side h2,
    .textpage_diversity .Left_Side p,
    .textpage_diversity .Right_Side p {
        color: white !important;
    }

#paperRipEffect h2 {
    color: white !important;
    text-align: center;
    line-height: normal;
    padding: 30px !important;
}


#paperRipEffect {
    background: url(../images/ripBackg.png);
    background-repeat: repeat;
    background-size: auto;
    background-size: cover !important;
    background-repeat: no-repeat !important;
    padding: 110px;
    padding-bottom: 220px !important;
}

    #paperRipEffect h2 {
        color: white !important;
        text-align: center;
        line-height: normal;
        padding: 50px 0 10px !important;
        font-weight: normal;
        font-size: 26px !important;
    }

.textpage_diversity .Right_Side {
    padding-left: 0;
}

.pageBlockInner_FormBlock div.radioOption input {
    margin-top: 4px;
}

.quote-container {
    margin-top: 50px;
    position: relative;
}

.note {
    color: #333;
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding: 20px;
    font-family: Satisfy;
    font-size: 30px;
    box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}

    .note .author {
        display: block;
        margin: 40px 0 0 0;
        text-align: right;
    }

.yellow {
    background: #f5e850;
    -webkit-transform: rotate(2deg);
    -moz-transform: rotate(2deg);
    -o-transform: rotate(2deg);
    -ms-transform: rotate(2deg);
    transform: rotate(2deg);
}

.pin {
    background-color: #aaa;
    display: block;
    height: 32px;
    width: 2px;
    position: absolute;
    left: 50%;
    top: -16px;
    z-index: 1;
}

    .pin:after {
        background-color: #A31;
        background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
        border-radius: 50%;
        box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1), inset 3px 3px 3px hsla(0,0%,100%,.2), inset -3px -3px 3px hsla(0,0%,0%,.2), 23px 20px 3px hsla(0,0%,0%,.15);
        content: '';
        height: 12px;
        left: -5px;
        position: absolute;
        top: -10px;
        width: 12px;
    }

    .pin:before {
        background-color: hsla(0,0%,0%,0.1);
        box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
        content: '';
        height: 24px;
        width: 2px;
        left: 0;
        position: absolute;
        top: 8px;
        transform: rotate(57.5deg);
        -moz-transform: rotate(57.5deg);
        -webkit-transform: rotate(57.5deg);
        -o-transform: rotate(57.5deg);
        -ms-transform: rotate(57.5deg);
        transform-origin: 50% 100%;
        -moz-transform-origin: 50% 100%;
        -webkit-transform-origin: 50% 100%;
        -ms-transform-origin: 50% 100%;
        -o-transform-origin: 50% 100%;
    }

#StickyNotes {
    padding-bottom: 60px !important;
}


.quote-container.Pink_note .note.yellow {
    background: pink;
}

.Pink_note .yellow {
    background: #f5e850;
    -webkit-transform: rotate(4deg) !important;
    -moz-transform: rotate(4deg) !important;
    -o-transform: rotate(4deg) !important;
    -ms-transform: rotate(4deg) !important;
    transform: rotate(4deg) !important;
}

.Yellow_note .yellow {
    background: #f5e850;
    -webkit-transform: rotate(-4deg) !important;
    -moz-transform: rotate(-4deg) !important;
    -o-transform: rotate(-4deg) !important;
    -ms-transform: rotate(-4deg) !important;
    transform: rotate(-4deg) !important;
}

.Blue_note .yellow {
    background: #c6dfe7;
}

.note {
    color: #333;
    position: relative;
    width: 300px;
    margin: 0 auto;
    padding: 41px;
    font-size: 25px;
    box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
    border-radius: 10px;
    border: none !important;
    font-family: "Shadows Into Light", cursive;
    text-align: center;
    font-weight: 600;
}

    .note .author {
        text-align: center;
    }

.OuterBackground {
    position: relative;
    padding: 25px 25px 30px;
    background: white !important;
    border-radius: 20px;
    font-style: italic;
    text-align: center;
    -webkit-transform: rotate(-2deg) !important;
    -moz-transform: rotate(-2deg) !important;
    -o-transform: rotate(-2deg) !important;
    -ms-transform: rotate(-2deg) !important;
    transform: rotate(-2deg) !important;
}

.textpage_diversity .Left_Side .accordion p {
    color: #0d0d0d !important;
}

.textpage_diversity .accordion-item-header {
    background: white !important;
    color: black !important;
    border: none !important;
}

.textpage_diversity .accordion-item.open .accordion-item-header {
    background: #dd0000 !important;
    color: white !important;
}

#Diversity_Accordion .OuterBackground {
    position: relative;
    -webkit-transform: rotate(3deg) !important;
    -moz-transform: rotate(3deg) !important;
    -o-transform: rotate(3deg) !important;
    -ms-transform: rotate(3deg) !important;
    transform: rotate(3deg) !important;
}

    #Diversity_Accordion .OuterBackground span {
        font-family: "Shadows Into Light", cursive;
        font-size: 24px;
        text-align: center;
        font-weight: 600;
    }

    #Diversity_Accordion .OuterBackground.bhm-background {
        -webkit-transform: rotate(-3deg) !important;
        -moz-transform: rotate(-3deg) !important;
        -o-transform: rotate(-3deg) !important;
        -ms-transform: rotate(-3deg) !important;
        transform: rotate(-3deg) !important;
    }

#Diversity_Accordion .section_ h1 {
    margin-bottom: 50px !important;
}

.Home #JobAlertsBlock .Right_Side .btn-sign-up {
    float: left;
    clear: left;
    top: 0;
}

.textpage_aboutus #JobAlertsBlock,
.textpage_diversity #JobAlertsBlock {
    margin-top: 0px !important;
}

.textpage_aboutus #breadcrumb,
.textpage_diversity #breadcrumb {
    margin-bottom: 0;
}

.textpage_diversity #breadcrumb {
    background: #0d0d0d !important;
}

    .textpage_diversity #breadcrumb .container,
    .textpage_diversity #breadcrumb a,
    .textpage_diversity #breadcrumb .fa.fa-angle-right {
        color: white !important;
    }

@media (max-width:767px) {
    .Home #JobAlertsBlock {
        padding-bottom: 0;
    }

    .Home #Why_work_cex .work-in-cex.mt-40.mb-40 {
        margin-top: 0 !important;
    }
}

@media (max-width:1199px) {
    .textpage_aboutus .Left_Side,
    .textpage_diversity .Left_Side {
        padding-left: 20px !important;
    }

    .textpage_diversity #JobAlertsBlock {
        padding-bottom: 0 !important;
    }

    #paperRipEffect .container {
        width: 100% !important;
    }
}

@media (max-width:767px) {

    #StickyNotes {
        padding-top: 40px !important;
    }

    .section_.addpadding20 .Right_Side {
        padding: 20px !important;
        margin-bottom: 20px !important;
    }

    .textpage_diversity .Left_Side {
        padding-left: 0px !important;
    }

    #paperRipEffect h2 {
        font-size: 20px !important;
    }

    .textpage_diversity .section_ .Right_Side {
        padding-top: 0 !important;
    }

    .Left_Side.addMargin {
        margin-top: 40px;
        padding-left: 0 !important;
    }

    .textpage_aboutus .Left_Side {
        padding: 0px !important;
    }

    .Left_Side .accordion {
        margin-bottom: 0 !important;
    }

    .section_.secondaryaccordion {
        margin-top: -10px !important;
        overflow: hidden !important;
    }

    .Right_Side .accordion {
        margin-bottom: 20px !important;
    }

    .Right_Side img {
        margin-bottom: 20px !important;
    }

    #JobAlertsBlock_1 .career-home-banner {
        width: 100% !important;
        float: left;
        margin-right: 0;
        border-radius: 24px;
        margin-bottom: 20px !important;
    }

    .cx-image-card {
        width: 49%;
        float: left;
        margin: 0.5%;
    }

    .textpage_aboutus #JobAlertsBlock, .textpage_diversity #JobAlertsBlock {
        padding-bottom: 0 !important;
    }

    .textpage_aboutus .section_ {
        margin-top: 0 !important;
    }

    .textpage_aboutus #JobAlertsBlock .section_ .Left_Side img {
        display: none;
    }

    .btn-sign-up {
        float: left;
        top: 0;
    }

    #JobAlertsBlock_1 {
        padding-bottom: 40px !important;
    }

    .career-home-banner .cx-supercat-banner {
        height: 260px;
    }

    .cx-supercat-banner .supercat-banner-heading {
        font-size: 24px;
    }

    .content h1 {
        margin-bottom: 15px !important;
        font-size: 26px;
    }

    .textpage_aboutus .section_.secondaryaccordion .Right_Side {
        padding-top: 10px !important;
    }
}

@media (max-width:570px) {
    .quote-container {
        width: 100% !important;
    }

    .note {
        color: #333;
        position: relative;
        width: 260px;
    }

    #paperRipEffect {
        padding: 100px 0 150px 0 !important;
    }
}

@media (max-width: 400px) {
    #paperRipEffect h2 {
        font-size: 16px !important;
    }
}

#FloatingButton {
    position: fixed;
    right: 0;
    z-index: 2;
}

    #FloatingButton a {
        color: white;
        padding: 10px 20px;
        background: #dd0000;
        border-radius: 5px;
        font-weight: bold;
    }

        #FloatingButton a:hover {
            background: var(--secondary-color);
        }

@media (max-width: 991px) {
    #FloatingButton {
        display: none !important;
    }
}

#FindJobHeroBlock {
    max-width: 100% !important;
    padding: 20px 40px 30px;
    border-radius: 20px;
}

#quicksearch_pageBlock {
    padding-top: 10px !important;
}

#Why_work_cex {
    background: white !important;
}


@media screen and (max-width: 767px) {
    .Home #Why_work_cex {
        padding: 30px 0 !important;
    }

    .Home #JobAlertsBlock {
        padding-bottom: 30px !important;
    }
}

#NoticeBoard h1 {
    font-size: 28px !important;
    line-height: normal;
}

.cx-image-card {
    margin-left: 0 !important;
}

.cx-image-card {
    border: 1px solid silver !important;
}

.btn-sign-up .buttonSubmit.buttonRight.buttonActionId_next {
    border-radius: 100px !important;
}

.cx-image-card-img-wrap {
    border: none !important;
    padding: 5px;
    background: url(../images/base-pattern.c04bf9d7.svg);
    background-size: cover;
    background-position: 50% 50%;
}

.buttonSubmit.buttonRight.buttonActionId_next:hover {
    background-color: #b50802 !important;
}

#FloatingButton {
    z-index: 100;
}

#eaContainer .pageBlockInner_GridBlock .gridTop .TilesGridSortingPopup a.normalanchor {
    color: white !important;
}

.PasswordReset_Request .heading-section,
.PasswordReset_Request .blockSummaryText {
    text-align: center;
}

.pageBlockInner_GridBlock table.gridTable tr:hover a {
    text-decoration: none;
    color: black !important;
}

.benefitsContainer_top .benefitsContainer {
    padding: 40px 0;
}

@media screen and (max-width: 1636px) {
    #eaContainer .PosDescriptionText .ApplyNowContainer {
        width: 40% !important;
    }
}

@media screen and (max-width: 1224px) {
    #eaContainer .PosDescriptionText .ApplyNowContainer {
        display: none !important;
    }
}

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist li {
    padding: 10px !important;
    border-bottom: 1px solid white !important;
    overflow: hidden !important;
}

.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer ul.selectmultiplelist,
.pageBlockInner_FormBlock div.controlContainer_ReadOnly div.selectmultipleContainer .selectmultipleoptionitem,
#multicodelist2_selectMultipleContainer,
.selectmultiplerow.inputContainer,
div#myjobfeedform_multicodelist2_ajaxcontainer {
    overflow: hidden !important;
}

.dayOfWeekRow .weekContainer {
    width: auto;
}



@media screen and (max-width: 980px) {
    .controlError {
        margin-top: -5px;
        float: left;
        clear: left;
        padding-left: 0 !important;
    }

    pageBlockInner_FormBlock div.controlError {
        color: red;
        padding-left: 0;
        float: left;
    }

    #eaContainer a.button.disconnect {
        width: auto !important;
    }
}

.addressButton {
    padding: 5px !important;
    margin-top: -1px !important;
    border-top: 1px solid #e20a03 !important;
}

.Pos_Find_Results #content_wrapper {
    width: 100% !important;
}

.Pos_Find_Results_Map .pageBlockInner.pageBlockInner_Other .gridTop {
    border-radius: 3px !important;
    padding: 20px 5px !important;
}

.alternateViewsCurrent .normalanchor {
    color: black !important;
    font-weight: normal !important;
}

.pageBlockInner_GridBlock .alternateViewsText,
.pageBlockInner_GridBlock .sortingText {
    font-weight: normal !important;
}

.Pos_Find_Results_Map .heading-section {
    text-align: center;
}

#MapBlock_pageBlock {
    padding: 0 !important;
}

#MapBlock_pageBlock {
    padding: 0 !important;
}

#MapBlock_pageBlockContainer {
    margin-top: 15px !important;
}

@media screen and (max-width: 600px) {
    #JobsNearMe {
        width: 100% !important;
        display: block;
        float: left;
        clear: left;
        text-align: center;
    }
}

#quicksearch_SaveButtonRow_formRow .buttonsRight {
    margin-bottom: 0px !important;
}

.cx-image-card:hover a {
    color: #dd0000 !important;
}

#MyDetails_Username_pageView #Summary_emailList_formRow .emailPrimaryAlreadyContainer {
    border-radius: 50px;
}

@media (max-width: 1200px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 100%;
    }
}

@media (max-width: 992px) {
    .container-lg, .container-md, .container-sm, .container {
        max-width: 100%;
    }
}

@media (max-width: 768px) {
    .container-md, .container-sm, .container {
        max-width: 100%;
    }
}

@media (max-width: 576px) {
    .container-sm, .container {
        max-width: 100%;
    }
}