#kitBuilder,
.kb-container,
.kb-wrapper {
    min-height: 400px;
}

.kb-container {
    padding: 0rem 0 2rem;
    margin: 0 auto;
    position: relative;
}

.kb-container .kb-wrapper .kb-final-page-email-a-friend {
    display: none !important;
}

.kb-container .kb-wrapper .kb-ff-half .kb-custom-form-field-outer-wrapper {
    width: 49% !important;
    margin-right: 8px !important;
}

.kb-container .kb-wrapper .kb-custom-form-field-outer-wrapper .kb-custom-form-field-wrap {
    width: 98%;
}

.kb-container .kb-wrapper .kb-form-intro {
    font-size: 18px;
    font-weight: 600;
}


.kb-container .kb-wrapper .kb-form-footer-content.ng-binding {
    width: 98%;
}

.kb-container .kb-wrapper .kb-popup .kb-popup-inner {
    margin: 5px !important;
}

.kb-container .kb-wrapper .kb-wizard-form-label {
    width: 25% !important;
}

.kb-container .kb-wrapper .kb-popup .kb-text-box {
    width: 100% !important;
}

body .kb-container .kb-wrapper .kb-nav-panel {
    display: block !important;
}

.kb-container .kb-wrapper .kb-nav-panel {
    float: left !important;
    max-width: 180px !important;
}

.kb-container #kitBuilder {
    max-width: 1250px;
    margin: 0 auto;
    padding: 0;
}

.kb-container div .kb-wrapper {
    padding: 0.375rem;
}

.kb-container div .kb-wrapper .ng-valid:not(form):not([ng-form]):not(div) {
    border-color: inherit !important;
    box-shadow: inherit !important;
}

.kb-container div .kb-wrapper .kb-text-box {
    color: #000 !important;
}

.kb-container div .kb-wrapper .kb-breadcrumbs {
    display: none;
    margin-top: 0 !important;
    margin-bottom: 3rem !important;
    overflow: hidden !important;
    list-style: none !important;
    padding: 0 5px !important;
}

.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb,
.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb-selected {
    font-size: 0.86466rem !important;
    line-height: 1.5295rem !important;
}

.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb span,
.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb-selected span {
    color: #000 !important;
}

body .kb-wrapper .kb-breadcrumbs {
    flex-wrap: wrap;
}

.kb-container div .kb-wrapper .kb-categories {
    margin-top: 50px !important;
}

.kb-container div .kb-wrapper .kb-categories .kb-category-active:hover,
.kb-container div .kb-wrapper .kb-categories .kb-category:hover {
    border-color: #0b71c3 !important;
}

.kb-container div .kb-wrapper .kb-categories .kb-category-active:hover .kb-category-name,
.kb-container div .kb-wrapper .kb-categories .kb-category:hover .kb-category-name {
    background: #000 !important;
    color: #fff !important;
    border-radius: 10px;
    font-size: 12px !important;
    padding: 3px;
}

.kb-container div .kb-wrapper .kb-designs .kb-design {
    transform: scale(1.2);
    transition: ease 0.4s;
    width: 20%;
    overflow: visible !important;
    margin-bottom: 90px !important;
}

.kb-wrapper .kb-categories .kb-category-name {
    transition: all 400ms ease;
    /* font-family: 'HelveticaNeue-Medium' !important; */
}

body .kb-container .kb-wrapper .kb-categories .kb-category-name {
    height: auto !important;
    line-height: 20px !important;
    width: 65% !important;
    margin: 25px auto 30px;
    font-size: 14px !important;
}

.kb-container div .kb-wrapper .kb-designs .kb-design:hover {
    border-color: #0b71c3 !important;
}

.kb-container .kb-wrapper .kb-slider {
    padding-bottom: 15px !important;
}

.kb-container .kb-wrapper .kb-transform-reset {
    color: #0b71c3 !important;
    padding: 5px;
    border-radius: 10px;
    border: 1px solid;
}

.kb-container div .kb-wrapper .kb-placement-front-sponsor-logo-key-example input.kb-editor-slider-input,
.kb-container div .kb-wrapper .kb-placement-back-sponsor-logo-key-example input.kb-editor-slider-input {
    background: #d3d3d3 !important;
    width: auto !important;
    max-width: 100% !important;
    border-radius: 10px;
    padding: 0px !important;
    height: 8px !important;
}


.kb-container .kb-wrapper .kb-related-products .kb-related-product-name {
    /* font-family: 'HelveticaNeue-Medium' !important; */
    background: #0b71c3 !important;
    font-size: 12px !important;
}

html body .kb-container .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button:hover:not([disabled]),
html body .kb-container .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:hover,
html body .kb-container .kb-wrapper .kb-final-cta-list li a:hover {
    background: #000 !important;
    color: #ffffff !important;
}

.kb-container .kb-wrapper .kb-editor .kb-editor-tabs .kb-button {
    width: auto !important;
    font-size: 12px !important;
    padding: 7px !important;
}

.kb-container div .kb-wrapper .kb-button.kb-editor-button-reset,
.kb-container div .kb-wrapper .kb-button.kb-editor-button-undo,
.kb-container div .kb-wrapper .kb-button.kb-editor-button-text,
.kb-container div .kb-wrapper .kb-button.kb-editor-button-clone {
    font-size: 12px !important;
    padding: 7px !important;
}

body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons {
    display: flex !important;
    flex-wrap: wrap;
}


body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons .kb-button-prev {
    order: 1;
}

body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons .kb-button-next {
    order: 2;
}

body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons .kb-button-finish {
    order: 3;
  
}

.kb-container div .kb-wrapper .kb-designs .kb-design:hover {
    transform: scale(1.4);
}

.kb-container div .kb-wrapper .kb-designs .kb-design:hover span.kb-design-name.ng-scope {
    background-color: #000 !important;
    color: #fff !important;
    border-radius: 10px;
    padding: 3px !important;
}

.kb-container div .kb-wrapper .kb-designs .kb-design .kb-design-name {
    background: transparent !important;
    color: #000 !important;
    font-size: 16px !important;
    transition: all 400ms ease;
    /* font-family: 'HelveticaNeue-Medium' !important; */
    margin-top: 30px;
}

.kb-container div .kb-wrapper .kb-3d-wrapper {
    max-width: 100%;
    touch-action: auto !important;
}

.kb-container div .kb-wrapper .kb-buttons {
    display: flex;
}

.kb-container div .kb-wrapper .kb-navigation-buttons {
    /*padding: 30px 0 !important;*/
    background: #ffffff;
}

.kb-container div .kb-wrapper .kb-button {
    /* font-family: 'GoboldBold' !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    /*letter-spacing: 1.5px !important;*/
    font-size: 0.86466rem !important;
    transition: all 0.15s ease;
    background: #fff !important;
    color: #000 !important;
    width: auto !important;
    padding: 0.5rem 0.75rem !important;
    margin-right: 5px;
    border-radius: 10px;
    border-color: #000 !important;
    display: inline-block;
    border: 1px solid !important;
}

.kb-container div .kb-wrapper .kb-button:hover {
    background: transparent !important;
    border: 1px solid #0b71c3 !important;
}

.kb-container div .kb-wrapper .kb-button.kb-basket-button {
    color: #fff !important;
    background: #0b71c3 !important;
    display: block !important;
    visibility: hidden;
    position: relative;
}

.kb-container div .kb-wrapper .kb-button.kb-basket-button:after {
    visibility: visible;
    content: 'YOUR DESIGNS';
    position: absolute;
    left: 0;
    top: 0;
    color: #fff !important;
    background: #000 !important;
    padding: 0.5rem 0.75rem !important;
    margin-right: 0px;
    border-radius: 10px;
    border-color: #000 !important;
    display: inline-block;
    border: 1px solid !important;
}


body .kb-container .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button:hover:not([disabled]),
body .kb-container .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:hover,
body .kb-wrapper .kb-final-cta-list li a:hover {
    background: transparent !important;
}

body .kb-container .kb-wrapper .kb-editor-placement-image .kb-editor-info .kb-button {
    flex-grow: initial !important;
    font-size: 12px !important;
    padding: 6px !important;
}

.kb-container div .kb-wrapper .kb-button-prev,
.kb-container div .kb-wrapper .kb-button-next,
.kb-container div .kb-wrapper .kb-button-finish {
    min-width: 90px;
}

.kb-container div .kb-wrapper .kb-button-next,
.kb-container div .kb-wrapper .kb-button-finish {
    margin-left: auto !important;
}

html body .kb-wrapper .kb-final-cta-list li:nth-child(4) {
    margin-left: 0px !important;
    margin-right: 20px !important;
}

.kb-container div .kb-wrapper .kb-button-single-item-checkout-add-to-cart,
.kb-container div .kb-wrapper .kb-button-single-item-checkout-buy-now {
    background-color: #0b71c3 !important;
    border: 0 !important;
    color: #fff !important;
    margin-left: auto !important;
    border-radius: 10px;
}

.kb-container div .kb-wrapper .kb-button-next:hover,
.kb-container div .kb-wrapper .kb-button-single-item-checkout-add-to-cart:hover,
.kb-container div .kb-wrapper .kb-button-single-item-checkout-buy-now:hover {
    background: #0b71c3 none !important;
    color: #fff !important;
}

.kb-container div .kb-wrapper .kb-simple-tired-pricing-table {
    margin-top: 2rem !important;
}

.kb-container div .kb-wrapper .kb-tile-picker-color,
.kb-container div .kb-wrapper .kb-tile-picker {
    padding: 0 8px !important;
}

body .kb-container div .kb-wrapper .kb-tile-picker-tile {
    overflow: hidden;
    margin: 3px !important;
    border: 0 !important;
    width: 30px !important;
    height: 30px !important;
    border-radius: 50% !important;
}

.kb-container div .kb-wrapper .kb-tile-picker-radio:hover+.kb-tile-picker-tile {
    transform: scale(0.95);
    z-index: 500;
}

.kb-container div .kb-wrapper .kb-tile-picker-radio:checked+.kb-tile-picker-tile {
    box-shadow: 0 0 0 2px hsl(0, 0%, 100%), 0 0 0 4px hsl(0, 0%, 9%);
    z-index: 300;
    transform: initial !important;
}

.kb-container div .kb-wrapper .kb-tile-picker-radio:checked+.kb-tile-picker-tile::after {
    content: "" !important;
}

.kb-wrapper .kb-tile-picker-tile img {
    width: 30px !important;
    height: 30px !important;
}

.kb-container div .kb-wrapper .kb-partial-wrap {
    max-width: initial !important;
    float: right !important;
    width: 80% !important;
}

.kb-container div .kb-wrapper .kb-table tr:first-child td:after,
.kb-container div .kb-wrapper .kb-table tr:first-child th:after {
    border-bottom: 0;
}

.kb-container div .kb-wrapper .kb-price-tiers-table .kb-table-row:not(.kb-table-highlight) .kb-table-cell {
    /*color: #696969;*/
    background-color: #6969691f;
}

.kb-container div .kb-wrapper .kb-team-details {
    position: relative;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table {
    margin-bottom: 25px;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table::before {
    content: "Enter your player details";
    /* font-family: futura, roboto-condensed, roboto, sans-serif !important; */
    font-weight: 400 !important;
    display: block;
    font-size: 1rem;
    padding: 8px;
    margin-bottom: 0.5rem;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-row {
    display: flex;
    justify-content: space-between;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell {
    flex: 1 1 30%;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell input,
.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell select {
    width: 100% !important;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-name {
    flex-basis: 30%;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-number {
    flex-basis: 10%;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-preview,
.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-remove {
    width: auto !important;
    flex-basis: 5%;
    display: flex;
    align-items: center;
    padding: 0 !important;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-preview>a,
.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-remove>a {
    padding: 3px 6px;
    font-size: 12px;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-preview .kb-preview {
    /* font-family: futura, futura-pt, sans-serif !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-remove {
    justify-content: flex-end;
    font-size: 2rem;
}

.kb-container div .kb-wrapper .kb-team-details .kb-button.kb-add-unit {
    padding: 7px !important;
    background: #fff !important;
/*  color: #000 !important; */
/*  margin: 0 !important; */
  float: right !important;
    letter-spacing: 0.5px !important;
}

.kb-container div .kb-wrapper .kb-single-item-checkout {
    margin-top: 0.75rem !important;
    padding-top: 0.75rem !important;
    border-top: 1px solid #e5e5e5;
    display: flex;
    flex-flow: column nowrap;
}

.kb-container div .kb-wrapper .kb-single-item-checkout>.kb-buttons,
.kb-container div .kb-wrapper .kb-single-item-checkout>.kb-table {
    margin-top: 0 !important;
    margin-bottom: 1rem !important;
}

.kb-container div .kb-wrapper .kb-single-item-checkout .kb-simple-tired-pricing-table {
    order: 1;
}

.kb-container div .kb-wrapper .kb-single-item-checkout .kb-buttons {
    order: 2;
}

.kb-container div .kb-wrapper .kb-single-item-checkout [add-to-cart-progress-bar] {
    order: 3;
}

.kb-container div .kb-wrapper .kb-single-item-checkout .kb-price-tiers-table {
    order: 4;
}

.kb-container div .kb-wrapper .kb-single-item-checkout .kb-progress-wrapper .kb-progress {
    background: #000 !important;
    border: 1px solid #bbb;
}

.kb-container div .kb-wrapper .kb-single-item-checkout .kb-progress-wrapper .kb-progress .kb-progress-bar {
    animation-timing-function: cubic-bezier(0, 0, 0.05, 1.01);
    background-color: #d63638 !important;
}

.kb-container div .kb-wrapper input,
.kb-container div .kb-wrapper select {
    padding: 0.5rem 0.4rem !important;
    box-sizing: border-box !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-customise-wizard {
    border: 0 !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs a,
.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs span {
    /* font-family: 'GoboldBold' !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 0.5px !important;
    font-size: 12px !important;
    white-space: normal;
    align-items: unset;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:last-child {
    margin-right: 0px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:last-child::after {
    display: none;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner::after,
.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner::before {
    content: "" !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form {
    padding: 0 !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form-field,
.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form-label {
    padding: 0 8px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form-field-full-width {
    padding: 0 !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-step {
    padding: 0 !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form-row {
    padding-left: 0;
    padding-right: 1px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header {
    /* font-family: 'HelveticaNeue-Medium' !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1px !important;
    font-size: 12px;
    color: #ffffff !important;
    background-color: #000 !important;
    padding: 8px 20px !important;
    border-bottom: 1px solid #000 !important;

}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header::after {
    content: "+" !important;
    transform: rotate(90deg);
    color: #ffffff !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header-selected::after {
    transform: rotate(45deg);
    top: -5px;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-group-patterns>div {
    padding-left: 14px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-group-patterns>div .kb-pattern-transform {
    margin-left: -38px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-overlay-button {
    /* font-family: futura, futura-pt, sans-serif !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    font-size: 13px !important;
    border: 0 !important;
    background: 0 0 !important;
    color: #000 !important;
    padding: 5px 10px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-design-name {
    /* font-family: futura, futura-pt, sans-serif !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    background: 0 0 !important;
    color: #fff !important;
    font-size: 1.2rem !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-panel {
    margin-top: 1rem !important;
    float: right !important;
    width: 100% !important;

}

.kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel {
    width: 100% !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel .kb-customise-product-heading {
    position: absolute;
    top: 70px;
    right: 0;
    left: 0;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    font-size: 1rem !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel .kb-customise-product-heading .kb-customise-product-name {
    /* font-family: futura, futura-pt, sans-serif !important; */
    text-transform: uppercase !important;
    font-weight: 700 !important;
    letter-spacing: 1.5px !important;
    width: auto !important;
    text-align: center;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image {
    border: 0 !important;
    margin: 0 auto !important;
    max-width: 100% !important;
    height: 100% !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {
    display: block;
    left: auto !important;
    right: 0 !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-slider-control .noUi-target .noUi-base .noUi-handle {
    border-color: #fff !important;
    background: #000 !important;
    height: 20px !important;
    width: 20px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-playernamefontsize * {
    box-sizing: border-box !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-playernamefontsize .kb-wizard-form-label {
    width: 100% !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-playernamefontsize .kb-wizard-form-field {
    width: 100% !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-meta_helptext {
    padding-left: 8px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-meta_helptext .text-link {
    margin: 3px 0;
    border: 0;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-field-meta_helptext .kb-form-desc {
    display: none;
    max-height: 200px;
    overflow-y: auto;
    padding: 5px 15px !important;
    margin-top: 5px !important;
    background-color: #000;
    border: 1px solid #e3e3e3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
}

.kb-container .kb-wrapper .kb-customise-page .kb-select-color-preview,
.kb-select2 span.kb-select-color-preview {
    box-shadow: 0 1px 1px 0 rgba(70, 70, 70, 0.2), 0 2px 6px 0 rgba(60, 60, 60, 0.1) !important;
    border-radius: 50% !important;
    border: 0 !important;
}

.kb-container .kb-breadcrumbs {
    display: block;
    margin-top: 5rem;
    top: -150px !important;
}

.kb-container .kb-customise-product-unit-price,
.kb-container .kb-pane-teams .kb-editor-heading.kb-wizard-group-header,
.kb-container .kb-simple-tired-pricing-table .kb-table-total-row,
.kb-container .kb-table-cell.kb-table-cell-text.kb-team-name,
.kb-container .kb-table.kb-team-table,
.kb-wrapper .kb-nav,
.kb-wrapper .kb-nav-title {
    display: block !important;
}

.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb a {
    padding: 5px 5px 5px 5px !important;
    color: #000000 !important;
    background-color: #ffffff !important;
}

.kb-wrapper .kb-nav-panel {
    display: contents;
}

.ui-select-container.select2.select2-container .select2-choice {
    border-radius: 0;
    background: 0 0;
    height: 28px;
    border-color: #fff;
    font-size: 13px !important;
}

.ui-select-container.select2.select2-container .select2-drop {
    border-color: #fff;
    border-radius: 0;
}

.ui-select-container.select2.select2-container .select2-drop ul ul {
    margin: 0;
}

.ui-select-container.select2.select2-container .select2-search input {
    height: 27px !important;
}

.ui-select-container.select2.select2-container .select2-results .select2-highlighted {
    background-color: #000;
    color: #fff;
}

.kb-container .fe-canvas-touch-bumper {
    position: absolute;
}

.kb-container .fe-canvas-touch-bumper--left {
    top: 0;
    bottom: 0;
    left: 0;
    right: 70%;
}

.kb-container .fe-canvas-touch-bumper--right {
    top: 0;
    bottom: 0;
    left: 70%;
    right: 0;
}

.kb-container .fe-canvas-touch-bumper--top {
    top: 0;
    bottom: 85%;
    left: 0;
    right: 0;
}

.kb-container .fe-canvas-touch-bumper--bottom {
    top: 85%;
    bottom: 0;
    left: 0;
    right: 0;
}

.kb-container div .kb-wrapper .kb-button.fe-size-guide-button {
    float: right !important;
    padding: 7px !important;
    margin: 0 0.3rem;
}

.kb-container .fe-share-design {
    position: absolute;
    top: 0;
    right: 0;
}

.kb-container .fe-share-design::before {
    content: '';
    background-image: url("//cdn.shopify.com/s/files/1/0233/3887/7005/t/48/assets/save-file.svg?v=10834182401166989769");
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    position: absolute;
    left: -13px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mfp-content .share-design__copy::after {
    content: '';
    background-image: url("//cdn.shopify.com/s/files/1/0233/3887/7005/t/48/assets/link-icon.svg?v=12242525439966558323");
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.mfp-content .share-design__copiedText::after {
    content: '';
    background-image: url("//cdn.shopify.com/s/files/1/0233/3887/7005/t/48/assets/check-mark.svg?v=13057534017596013384");
    background-size: 18px 18px;
    height: 18px;
    width: 18px;
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    margin: auto;
}

.copy-container {
    display: grid;
    grid-template-columns: 10px auto;
    grid-gap: 10px;
    padding: 0;
}

.fe-share-design {
    outline: 0;
}

.fe-share-design:focus {
    outline: 0;
}

.kb-wrapper .kb-cross-sells-heading {
    display: none;
}

.kb-wrapper .kb-cross-sells {
    display: none;
}

.kb-container .kb-wrapper .kb-designs .kb-design-img {
    width: 168px !important; /* Changed on 14-07-25 */
    height: 168px !important;
}

.kb-container .kb-wrapper .kb-designs .kb-design-name {
    height: auto !important;
    line-height: 20px !important;
    width: 75% !important;
    margin: 0px auto;
    position: initial !important;
    padding: 0px !important;
}

body .kb-wrapper .kb-designs .kb-design-link {
    padding-bottom: 0px !important;
}

.kb-container .kb-wrapper .kb-editor .kb-editor-tabs {
    display: flex;
}

.kb-container .kb-final-buttons-wrapper {
    display: flex;
}

.kb-container .kb-wrapper .kb-final-remove {
    background: #eb333f !important;
}

.kb-container .kb-wrapper .kb-final-button {
    margin: 2px 10px !important;
    border-radius: 10px !important;
}

/*07-04-2022*/
.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-panel {
    width: 55% !important;
    margin-right: 0 !important;
    order: 2;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel {
    width: 45% !important;
    order: 1;
}

.kb-partial-wrap .kb-customise-page {
    flex-wrap: wrap;
}

.kb-container div .kb-wrapper .kb-breadcrumbs {
    width: 100%;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form ul.kb-wizard {
    max-height: none !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {
    left: auto;
    right: 0 !important;
}

.kb-container div .kb-wrapper .kb-navigation-buttons a:hover {
    color: #fff !important;
    border: 1px solid #0b71c3 !important;
    background-image: initial !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

.kb-container div .kb-wrapper .kb-navigation-buttons a {
    transition: all 400ms ease;
    border: 1px solid !important;
}

/*23-03-2022*/
#kitBuilder .kb-wrapper .kb-final-category-preview .kb-final-category-preview-inner {
    width: 100% !important;
}

.kb-container .kb-final-buttons-wrapper {
    justify-content: center;
}

div .kb-wrapper .kb-button {
    clear: both;
    float: none !important;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-remove>a {
    position: relative;
    font-size: 0;
}

.kb-wrapper .kb-team-details .kb-team-details-tabs .kb-button {
    margin-bottom: 20px;
}

.kb-container div .kb-wrapper .kb-team-details .kb-units-table .kb-table-cell.kb-unit-remove>a:after {
    content: '';
    position: absolute;
    background-image: url(../images/cancel.png);
    height: 10px;
    width: 20px;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
    left: -20px;
    top: 50%;
    transform: translateY(-50%);
}

/*07-04-2022*/
body .kb-wrapper .kb-breadcrumb:after {
    margin: 0 !important;
}

/*08-04-2022*/
body .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button:hover:not([disabled]) {
    color: #0b71c3 !important;
    border: 1px solid #0b71c3 !important;
    background-image: initial !important;
    background-color: rgba(255, 255, 255, 0) !important;
}

body .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button {
    border: 1px solid transparent !important;
}

.kb-partial-wrap .kb-customise-page .kb-add-related-products {
    order: 3;
    width: 100%;
}

/*11-04-2022*/
.kb-container div .kb-wrapper .kb-breadcrumbs .kb-breadcrumb-selected {
    padding: 5px !important;
}

.kb-wrapper .kb-form-button-panel a.kb-button.kb-button-popup-form-submit.kb-button-form.kb-form-button-submit.kb-icon.kb-icon-none,
body .kb-wrapper .kb-form-quoterequest .kb-form-button-panel a.kb-button.kb-button-form.kb-button-popup-form-submit.kb-icon.kb-icon-none {
    padding: 11px !important;
    display: inline-block !important;
    margin-bottom: 5px;
}

.kb-custom-form-field-outer-wrapper .ng-scope {
    display: flex;
    flex-direction: row-reverse;
    justify-content: start;
}

.kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-label-wrap label {
    margin-top: 6px !important; 
}

body .kb-container .kb-wrapper .kb-final-cta-list li a {
    background: #000 !important;
    border-radius: 10px;
    /* font-family: 'HelveticaNeue-Medium' !important; */
    line-height: 15px !important;
    padding: 10px 10px !important;
    display: flex;
    justify-content: center;
    align-items: center;

}

html body .kb-container .kb-wrapper .kb-final-cta-list li {
    flex: 0 0 200px !important;
    margin-right: 15px !important;
}

body .kb-container .kb-wrapper .kb-final-cta-list li.ng-scope a {
    background-color: #eb333f !important;
}

html body .kb-container .kb-wrapper .kb-final-cta-list li.ng-scope a:hover {
    background-color: #eb333f !important;
}

body .kb-container .kb-wrapper .kb-final-button:link,
body .kb-container .kb-wrapper .kb-final-button:visited {
    background: #000 !important;
    /* font-family: 'HelveticaNeue-Medium' !important; */
}

body .kb-container .kb-wrapper .kb-form-quoterequest {
    width: 100% !important;
    margin: 0px auto !important
}

body .kb-wrapper .kb-form-quoterequest p.kb-form-intro {
    text-align: center;
}

.kb-custom-form-field-outer-wrapper .ng-scope {
    display: initial !important;
}

.kb-wrapper .kb-custom-form {
    width: 100% !important;
}

.kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-label-wrap {
    margin-bottom: 5px !important;
    margin-top: 10px !important;
}

.kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-field-wrap input {
    border-radius: 5px;
}

.kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-field-wrap textarea {
    border-radius: 5px;
    padding: 5px !important;
}


html body .kb-container .kb-wrapper .kb-3d-wrapper {
    height: 625px !important;
}

body .kb-wrapper .kb-tile-picker-color .kb-tile-picker-radio-selected:hover {
    box-shadow: 0 0 0 2px hsl(0deg 0% 100%), 0 0 0 4px hsl(0deg 0% 9%);
    z-index: 300;
    transform: initial !important;
}

body .kb-wrapper .kb-tile-picker-color input:checked+.kb-tile-picker-tile,
body .kb-wrapper .kb-tile-picker-color .kb-tile-picker-radio-selected {
    box-shadow: 0 0 0 2px hsl(0deg 0% 100%), 0 0 0 4px hsl(0deg 0% 9%);
    z-index: 300;
    transform: initial !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header {
    position: relative;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header::after {
    top: 50% !important;
    transform: translateY(-50%) !important;
    position: absolute !important;
    right: 10px !important;
}

.kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-group-header.kb-wizard-group-header-selected:after {
    transform: translateY(-50%) rotate(45deg) !important;
}

/*tabing-new-css(13-05-22)*/
.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs {
    border: 0 !important;
    display: flex !important;
    justify-content: space-between !important;
    padding: 0 !important;
    counter-reset: steps !important;
    margin-bottom: 0rem !important;
    position: relative;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb {
    padding: 0 !important;
    white-space: nowrap !important;
    position: relative;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb,
.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active {
    flex-grow: 1 !important;
    flex-basis: 50% !important;
    opacity: 1 !important;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb a {
    display: inline-block !important;
    padding: 0rem !important;
    color: #000 !important;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs a,
.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs span {
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 1.5px !important;
    font-size: 0.7rem !important;
    white-space: normal;
    color: #000 !important;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active a::before {
    background: #000 !important;
    color: #FFFFFF;
    box-shadow: inset 0 0 0 5px #fff, inset 0 0 0 10px #000;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb a::before {
    text-transform: uppercase !important;
    font-weight: bold !important;
    letter-spacing: 1.5px !important;
    counter-increment: steps !important;
    content: counter(steps) !important;
    display: block;
    font-size: 1.5rem;
    top: 0;
    right: 0;
    left: 0;
    border: 2px solid #000;
    background: white;
    border-radius: 50%;
    width: 40px;
    height: 40px;
    line-height: 2.5rem;
    text-align: center;
    margin: 0 auto;
    letter-spacing: 0 !important;
    margin-bottom: 0.5rem;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:nth-of-type(1) span {
    word-break: break-all;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active .kb-wizard-breadcrumb-inner {
    display: block;
    font-weight: 600 !important;
}

.kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb::after {
    content: "" !important;
}

.kb-wrapper .kb-customise-page .kb-wizard-breadcrumb:after {
    content: " »" !important;
    position: relative !important;
    top: -1px !important;
}

body .kb-container .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {
    flex: initial !important;
    background: transparent !important;
}

body .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb+.kb-wizard-breadcrumb::before {
    content: '';
    position: absolute;
    left: calc((50% - 21px) * -1);
    right: 13%;
    height: 3px;
    background: #000;
    top: 1.4rem;
    width: calc(100% - 43px);
}

/* Move reCAPTCHA v3 badge to the left */

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 4px !important;
}

.grecaptcha-badge:hover {
    width: 256px !important;
}

.grecaptcha-badge {
    width: 70px !important;
    overflow: hidden !important;
    transition: all 0.3s ease !important;
    left: 51px !important;
    bottom: 96px !important;
}

.kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-field-wrap select {
    border: 1px solid #000;
    border-radius: 5px;
    padding: 10px !important;
}

.kb-container .kb-wrapper .kb-custom-form-field-outer-wrapper .kb-custom-form-field-wrap #field4, .kb-container .kb-wrapper .kb-custom-form-field-outer-wrapper .kb-custom-form-field-wrap #field6,.kb-container .kb-wrapper .kb-custom-form-field-outer-wrapper .kb-custom-form-field-wrap #field8 {
    width: 100% !important;
}

.kb-container div .kb-wrapper .kb-dropdown {
    color: #000 !important;
}

.kb-container div .kb-wrapper .kb-partial-wrap {
    width: calc(100% - 270px) !important;
}

.kb-wrapper .kb-editor-info {
    display: flex;
}

.kb-wrapper a.a-terms,
.kb-wrapper a.a-privacy {
    color: #3643BA !important;
    text-decoration: underline !important;
}

table td {
    border-bottom: none !important;
}

.kb-wrapper .kb-customise-page .kb-customise-product-unit-price {
    display: none !important;
}

.custom-product-name {
    width: 50%;
    display: inline-block;
}

.custom-product-price {
    width: 50%;
    display: inline-block;
    text-align: right;
}

.custom-product-name-price-section {
    font-weight: bold;
}

.kb-pane-aggregate {
    overflow: auto;
    max-height: 300px;
}

a.kb-button-single-item-checkout-final-page {
    display: none;
}

#kitBuilder .kb-wrapper .kb-button-single-item-checkout-request-quote {
    width: auto !important;
}

#kitBuilder .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button:hover:not([disabled]),
body .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:hover,
body .kb-wrapper .kb-final-cta-list li a:hover {
    background: #000 !important;
    border: #000 !important;
}

/* 14-06-2024 */
.kb-buttons {
    display: none !important;
}

div:has(div.kb-navigation-buttons) {
    display: block !important;
}

@media (max-width: 480px) {
  div:has(div.kb-navigation-buttons) {
    display: inline-block !important;
    width: 100%;
  }
}

/* 14-06-2024 */

#kitBuilder .kb-wrapper .kb-button-single-item-checkout-request-quote {
    width: auto !important;
}

#kitBuilder .kb-wrapper .kb-button:hover,
body .kb-wrapper .kb-button:hover:not([disabled]),
body .kb-wrapper .kb-final-buttons-wrapper .kb-final-button:hover,
body .kb-wrapper .kb-final-cta-list li a:hover {
    background: #000 !important;
    border: #000 !important;
}

#kitBuilder .kb-wrapper .kb-basket-button:hover {
    background: none !important;
    border: #000 !important;
}

@media screen and (min-width: 992px) {

    body .kb-wrapper .kb-final-cta-list li {
        padding-bottom: 5px !important;
    }

    .kb-container .fe-canvas-touch-bumper {
        display: none;
    }

    html body .kb-wrapper .kb-customise-edit-panel-toggle>span {
        background: url(../img/edit.png) center center;
        text-indent: -999px;
        overflow: hidden;
        display: block;
        width: 100%;
        height: 100%;
        background-color: #414141 !important;
    }

    /*new-css-for-tab(13-05-22)*/
    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs a,
    .uncode_text_column div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs span {
        font-size: 0.7rem !important;
    }

    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb a::before {       
        font-size: 1.5rem;
        line-height: 2.7rem;
        width: 45px;
        height: 45px;
    }

    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb:nth-of-type(1) span {
        word-break: normal;
    }

    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs a,
    .uncode_text_column div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs span {
        font-size: 0.7rem !important;
    }

    body .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb+.kb-wizard-breadcrumb::before {
        left: calc((50% - 25px) * -1);
        width: calc(100% - 50px);
        top: 1.5rem;
    }

}

@media (max-width: 767px) {
    body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons {
        display: flex !important;
        flex-wrap: wrap;
    }

    body .kb-customise-edit-panel-inner.ng-scope {
        padding-top: 0px !important;
    }

    .kb-container .kb-wrapper .kb-ff-half .kb-custom-form-field-outer-wrapper {
        width: 100% !important;

    }

    .kb-container div .kb-wrapper .kb-navigation-buttons .kb-button-next {
        order: 1;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form ul.kb-wizard {
        min-height: auto !important;    
    }

    body .kb-wrapper .kb-designs .kb-design-img:hover,
    body .kb-wrapper .kb-categories .kb-category:hover {
        transform: none !important;
    }

    body .kb-wrapper .kb-wizard-group-header:after {
        right: -10px !important;
        top: -3px !important;
    }

    .kb-container .kb-wrapper .kb-basket-item-double-col {
        width: 100% !important;
    }

    .kb-container .kb-wrapper .kb-final-button {
        margin: 0 5px !important;
    }

    html body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumbs {
        display: block !important;

    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-panel {
        margin-top: 0 !important;
        width: 100% !important;
    }

    div .kb-wrapper {
        overflow: visible !important;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb {
        width: 100%;
        margin: 0 !important;
        ;
    }

    html body .kb-wrapper .kb-customise-page .kb-wizard-breadcrumb {
        flex: 1 0 100% !important;
        border-bottom: 1px solid #fff;
        border-radius: 0px !important;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb::after {
        opacity: 0;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs {
        display: flex !important;
        flex-wrap: wrap;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {
position: initial !important;
      
    }

    div .kb-wrapper .kb-wizard-form-label {
        width: 100% !important;
        margin-top: 10px !important;
    }

    .kb-container div .kb-wrapper .kb-button.kb-button-popup-form-submit {
        margin-top: 30px !important;
    }

    div .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav .kb-customize-mobile-nav-inner>li>a {
        height: 70px !important;
    }

    .kb-container div .kb-wrapper .kb-designs .kb-design {
        width: 46% !important;
    }

    body .kb-container .kb-wrapper .kb-categories .kb-category {
        margin: 30px 0px !important;
        margin-right: 0px !important;
        width: 50%;
    }

    body .kb-container .kb-wrapper .kb-categories .kb-category-img,
    .kb-container .kb-wrapper .kb-designs .kb-design-img {
        width: auto !important;
        height: auto !important;
        max-width: 100%;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel .kb-customise-product-heading .kb-customise-product-name {
        /* font-family: 'GoboldBold' !important; */
        font-size: 16px;
        height: 30px;
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-wizard-form ul.kb-wizard {
        background: #fff;
    }

    body .kb-container .kb-wrapper .kb-form-quoterequest table tbody tr.ng-scope {
        display: table-row;
    }

    body .kb-container .kb-wrapper .kb-form-quoterequest table tbody tr th.ng-scope {
        display: table-cell;
    }

    .kb-container .kb-wrapper .kb-basket-item-single-col {
        width: 50% !important;
    }

    .kb-container .kb-wrapper .kb-basket-item-single-col .kb-final-overlay-wrap img {
        width: 50% !important;
    }

    /* 09-01-23 Start */
    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb,
    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active {
        flex-basis: 25% !important;
    }

    /* 09-01-23 End */

}

@media (max-width: 575px) {
    .kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel .kb-customise-product-heading {
        top: -15px;
        position: initial;
    }

    /*new-tabing-design(16-05-22)*/
    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb,
    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs .kb-wizard-breadcrumb-active {

        flex-basis: 25% !important;

    }

}

@media (max-width: 991px) {

    .kb-container .kb-wrapper div .kb-customise-page .kb-wizard-breadcrumbs {
        background: #efefef;
    }


    .kb-container div .kb-wrapper .kb-designs .kb-design {
        width: 46%;
    }

    html body .kb-wrapper .kb-customise-edit-panel-toggle>span {
        background: url(https://kit.myclubgroup.com/wp-content/themes/Divi_Child/images/edit.png);
        text-indent: -999px;
        overflow: hidden;
        display: block;
        width: 100%;
        font-size: 32px;
        height: 100%;
        background-color: #0b71c3 !important;
        background-repeat: no-repeat;
        display: flex;
        align-items: center;
        justify-content: center;
        left: 0px;
    }

    .kb-mobile-only.kb-customise-edit-panel-toggle:after {
        content: "Edit";
        font-size: 15px;
        width: 10px;
        height: 10px;
        top: -1px !important;
        position: absolute;
        height: 100%;
        background-color: #0b71c3 !important;
        display: flex;
        align-items: center;
        width: 40px;
        right: -5px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
        border-width: 1px 1px 1px 0px;
        border-style: solid;
        border-color: #ccc;
        color: #fff;
    }

    body .kb-mobile-only {
        display: block !important;
    }


    .kb-mobile-only.kb-customise-edit-panel-toggle {
        width: 78px;
        height: 50px;
        position: absolute;
        top: -51px;
        left: -80px;
        cursor: pointer;
        color: #959595;
        display: none !important;
        border: 1px solid #ccc;
        border-right-width: 0;
        -webkit-border-top-left-radius: 3px;
        -webkit-border-bottom-left-radius: 3px;
        -moz-border-radius-topleft: 3px;
        -moz-border-radius-bottomleft: 3px;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel {
        width: 50% !important;
        height: 50%;
        width: 100% !important;
        padding: 0 !important;
        float: none !important;
        /* background: rgba(0, 0, 0, .8); */
        background: rgb(239 239 239);
        display: block !important;
/*      z-index: 9999 !important; */
        /* z-index: 16000002; */
        /* position: fixed; */
        right: -100%;
        bottom: 0;
        order: 1;
    }

    .kb-group-collar .kb-wizard-form-row.kb-group.kb-field-collarpicker.kb-wizard-form-row-group-selected {
        padding-left: 10px !important;
        padding-top: 10px !important;
    }

    .kb-customise-edit-panel-inner.ng-scope {
        /*height: 100%; */
        overflow-x: hidden;
        background: #ffffff !important;
        /*padding-top: 10px !important;*/
    }

    html body .kb-wrapper .kb-active-panel .kb-customise-edit-panel-toggle {
        border-right-width: 1px;
        right: 10px;
        left: auto;
        border-bottom: none;
        border-bottom-left-radius: 0;
        -moz-border-radius-topright: 3px;
        border-top-right-radius: 3px;
    }

    html body .kb-wrapper .kb-active-panel .kb-customise-edit-panel-toggle>span {
        background: url(https://kit.myclubgroup.com/wp-content/themes/Divi_Child/images/minimise.png) center center;
    }

    .kb-customise-edit-panel.kb-active-panel .kb-mobile-only.kb-customise-edit-panel-toggle:after {
        display: none;
    }

    .kb-customise-edit-panel.kb-active-panel .kb-mobile-only.kb-customise-edit-panel-toggle {
        width: 50px;
        right: 0px;
    }

    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {
        height: 48vh !important;
        bottom: -42px !important;
        display: block !important;
        position: absolute !important;
        background: #efefef !important;
        left: 0 !important;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-panel {
        width: 100% !important;     
        order: 2;
        margin: 0px auto !important;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-customise-edit-panel .kb-customise-product-heading {
        z-index: -1;
        top: -15px;
        position: initial;
    }

    body .kb-wrapper .kb-final-cta-list li {
        padding-bottom: 5px !important;
        margin-right: 10px !important;
    }

    body .kb-container .kb-wrapper .kb-final-page-email-a-friend {
        margin-left: 10px !important;
    }

}

@media (max-width: 1199px) {
    .kb-container div .kb-wrapper .kb-designs .kb-design {
        width: 30%;
    }
}

@media (max-width: 600px) {

    html body .kb-container .kb-wrapper .kb-final-cta-list li {
        flex: 0 0 149px !important;
        margin-right: 10px !important;
        height: 55px;
    }

    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-image,
    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-3d-wrapper,
    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-preview-panel.kb-mobile-menu-panel-active .kb-3d-wrapper {
        height: 470px !important;
    }

    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons {
        display: block !important;
    }

    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customize-mobile-nav.kb-mobile-only {
        display: none !important;
    }

    html body .kb-wrapper .kb-general-mobile-styles.kb-page-home .kb-partial-wrap,
    html body .kb-wrapper .kb-general-mobile-styles.kb-page-catalog .kb-partial-wrap,
    html body .kb-wrapper .kb-general-mobile-styles.kb-page-product .kb-partial-wrap {
        overflow-y: initial !important;
        height: auto !important;
    }

    .et-menu-nav li.mega-menu>ul {
        padding: 30px 50px !important;
    }
    
    div .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-breadcrumbs {
        display: block !important;
    }

    html body .kb-wrapper .kb-general-mobile-styles .kb-partial-wrap {
        overflow: visible !important;
    }
}

@media(max-width: 425px) {
    body .kb-wrapper .kb-wizard-group-header:after {
        top: -2px !important;
    }
}

@media screen and (max-width: 992px) {
    body .kb-container .kb-wrapper .kb-nav-panel {
        display: none !important;
    }

    .kb-container div .kb-wrapper .kb-partial-wrap {
        width: 100% !important;
    }


    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {
        position: absolute !important;

    }

    body .kb-wrapper .kb-customise-page .kb-preview-image .kb-change-design-button {
        display: inline-block !important;
        position: absolute !important;
        right: 0 !important;
        left: unset !important;
    }
}


@media (max-width:980px) {
    .et_pb_module .mobile_menu_bar:before {
        height: 42px;
        width: 42px;
        background-size: 50%;
        background-position: center;
        top: -6px !important;
        left: -46px;
    }

    .mobile_header_top>div {
        display: inline-block;
        height: auto !important;
        margin: 0 !important;
    }

    .mobile_header_top>div a {
        display: inline-block;
        width: 100%;
    }
}

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

    body .kb-wrapper .kb-categories {
        align-items: normal !important;
    }

}

@media (min-width: 600px) and (max-width: 767px) {
    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {
        position: initial !important;
    }
}

@media (max-width: 992px) {
    body .kb-container .kb-wrapper .kb-nav-panel {
        display: block !important;
    }

    .kb-container .kb-wrapper .kb-nav-panel {
        float: left !important;
        max-width: 100% !important;
    }

    body .kb-container .kb-wrapper .kb-nav-panel {
        width: 100%;
    }

    .kb-nav-panel-inner ul.kb-nav.ng-tree+a.kb-button.kb-basket-button::after {
        width: 100%;
        max-width: 70%;
    }

    .kb-container div .kb-wrapper .kb-button.kb-basket-button::after {
        font-size: 14px !important;
        margin-right: 0 !important;
    }

    body .kb-container .kb-wrapper .kb-nav-panel {
        display: block !important;
        width: 100%;
    }

    .kb-container div .kb-wrapper .kb-button.kb-basket-button:after {
        top: 0;
        z-index: 8;
        position: relative;
    }

    .kb-container div .kb-wrapper .kb-button.kb-basket-button {
        margin-top: -30px !important;
        font-size: 0 !important;
    }

    .kb-container div .kb-wrapper .kb-button.kb-basket-button {
        margin-top: -30px !important;
    }

    body .kb-wrapper .kb-customise-page .kb-preview-image .kb-change-design-button {
        display: inline-block !important;
        position: absolute !important;
        right: 0;
        left: unset !important;
    }

    body .kb-container .kb-wrapper .kb-nav-panel .kb-nav-title,
    body .kb-container .kb-wrapper .kb-nav-panel .kb-nav {
        display: none !important;
    }

    body .kb-wrapper .kb-customise-page .kb-preview-image .kb-change-design-button {
        display: inline-block !important;
        position: absolute !important;
        right: 0;
        left: unset !important;
    }

    body .kb-wrapper .kb-customise-page .kb-preview-image .kb-change-design-button {
        display: inline-block !important;
        position: absolute !important;
        right: 0;
        left: unset !important;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {
/*      position: initial !important; */
        right:auto !important;
    }
}

@media(max-width:600px) {
    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {
        height: unset !important;
        bottom: 0px !important;
        position: relative !important;
    }

    body .kb-container .kb-wrapper .kb-partial-wrap.ng-scope {
        height: auto !important;
    }
}


@media(max-width:991px) {
    .kb-partial-wrap .kb-customise-page {
        display: flex !important;
        flex-wrap: wrap;
    }

    .kb-container div .kb-wrapper div .kb-customise-page .kb-preview-panel {
        width: 100% !important;
        order: 1;
        margin: 0px auto !important;
    }

    .kb-container .kb-wrapper .kb-general-mobile-styles .kb-customise-page .kb-customise-edit-panel.kb-active-panel {
        height: unset !important;
        bottom: 0px !important;
        display: block !important;
        position: relative !important;
        background: #efefef !important;
        left: 0 !important;
        margin-top: -70px !important;
    }
}

@media (max-width: 992px) {
    .kb-container div .kb-wrapper .kb-partial-wrap {
        width: 100% !important;
    }
}

@media (min-width: 1281px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 228px !important;
    }

}

@media (min-width: 1025px) and (max-width: 1280px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 228px !important;
    }

}

@media (min-width: 768px) and (max-width: 1024px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 116px !important;
    }

}

@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 228px !important;
    }

}

@media (min-width: 481px) and (max-width: 767px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 116px !important;
    }

}

@media (min-width: 320px) and (max-width: 480px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 118px !important;
    }

}

@media (max-width: 319px) {

    a.kb-button-single-item-checkout-request-quote {
        margin-left: 116px !important;
    }
}

.kb-hints-button {
    background: #c6363a !important;
    border-radius: 10px;
    border-color: #c6363a !important;
    border: 1px solid !important;    
    position: relative;
    white-space: nowrap;    
    display: inline-block;
    margin: 0 auto;
    cursor: pointer;
    padding: 7px 24px;
    margin-top: 25px;  
  margin-bottom:25px;
}

.kb-hints-button .custom-text{
    color: #ffffff !important;
    font-size: 15px;
    font-weight: 700;
}

.kb-hints-button .tooltiptext {
    visibility: hidden;
    width: 567px;
    height: 202px;
    background-color: #e3e3e3;
    color: #fff !important;
    text-align: left;
    padding: 49px;
    border-radius: 6px; 
    position: absolute;
    left: 118%;    
    transform: translateY(-50%);
    z-index: 1;
    opacity: 0;
    transition: opacity 0.3s ease-in-out;
    box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
    text-wrap: auto;
    right: auto;
    top: -50px; 
}

.kb-hints-button .tooltiptext li {
    font-size: 14px;
    margin-bottom: 6px !important;
    list-style-type: disc; /* Ensure bullet points */
}

.kb-hints-button:hover .tooltiptext{
    visibility: visible;
    opacity: 1;
}

@media(max-width:1000px) {
    .kb-hints-button .tooltiptext {
        visibility: hidden;
        width: 80vw;
        max-width:400px;
        height: auto;
        background-color: #bedff1;
        color: #fff !important;
        text-align: left;
        padding: 13px 20px;
        border-radius: 6px;
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
        z-index: 11;
        opacity: 0;
        transition: opacity 0.3s ease-in-out;
        box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2);
        text-wrap: auto;
        right: auto;
        top : 0;
    }    
}

@media (max-width:992px) {
    .kb-hints-button { max-width: 223px !important; width: 100% !important; margin: 0 !important; }
    body .kb-container .kb-wrapper .kb-nav-panel .kb-nav-panel-inner { display: flex !important;align-items: center !important; justify-content: center !important; gap: 10px !important; flex-wrap: wrap !important; max-width: 60% !important; margin: 0 auto !important; }
    .kb-nav-panel-inner ul.kb-nav.ng-tree + a.kb-button.kb-basket-button::after { max-width: 100% !important; }
    #kitBuilder .kb-wrapper .kb-basket-button:hover span.kb-icon.kb-icon-basket { display: none !important; margin: 0 !important;}
    .kb-nav-panel-inner ul.kb-nav.ng-tree + a.kb-button.kb-basket-button { margin: 0 !important; width: 100% !important;max-width: 250px !important;padding: 10px 20px !important;padding-left: 0px !important; }
}

.kb-dialog.kb-share-link-form-dialog.ng-scope {
    width: 100% !important;
    position: fixed !important;
    left: 0 !important;
    margin-left: 0 !important;    
}

/* New added  */

.kb-container .kb-wrapper .kb-dialog  {
    top: 50% !important;
    transform: translateY(-50%);
}

.kb-dialog-content label.kb-control-label {
    font-size: 16px;
    margin-bottom: 10px;
    display: inline-block;
    width: 100% !important;
    clear: both;
    float: left;
}

#kitBuilder .kb-wrapper .kb-dialog-button-cancel {
    background: #000 !important;
    border-color: #000 !important;
    color: #fff !important;
  opacity: 0.8;
}

.kb-wrapper .kb-folder-selector li.kb-folder {
    display: flex;
}

.kb-dialog-form .kb-control-group {
    margin-bottom: 10px !important;
}

.kb-dialog-form .kb-control-group .kb-create-subfolder-name {
    border: solid 1px #d4dde5 !important;
    padding: 10px !important;
    border: solid 1px #d4dde5;
    transition: 0.1s ease-in-out;
    border-radius: 2px;
    box-sizing: border-box !important;
    line-height: 20px !important;
    height: auto !important;
    margin-bottom: 10px !important;
}

.kb-container div .kb-wrapper .kb-create-subfolder .kb-button.kb-create-sub-folder-button {
    color: #fff !important;
    background: #0b71c3  !important;
    height: auto !important;
    padding: 15px !important;
    width: 100% !important;
    box-sizing: border-box !important;
}

.kb-window-titled-title .kb-info-dialog {
    display: none;
}

body .kb-wrapper ul.kb-folder-contents > li > div {
    position: relative;
}

body .kb-wrapper .kb-folder-icon-open-menu {
    top: 8px !important;
    left: 3px !important;
    background-image: url(https://myclubgroup.com/wp-content/uploads/2025/04/locker-room-menu.svg) !important;
}

body .kb-wrapper a.kb-custom-design-icon-name {
    color: #fff !important;
    background: #000;
    padding-top: 5px;
    border: none;
}
body .kb-wrapper ul.kb-folder-contents > li > div {
    border: 1px solid #000000 !important;
}

.kb-custom-design-price, .kb-custom-design-quantity {
    font-size: 16px;
    font-weight: 600;
}

/* 23-4-2025 */
body .kb-wrapper .kb-dialog textarea {  height: 42px !important; padding: 10px 2px !important; resize: none;}
.kb-wrapper .kb-dialog-content { box-shadow: 0px 55px 80px -40px rgb(0 0 0 / 45%); padding: 36px !important; border: none !important; }
.kb-wrapper .kb-dialog { border: none !important; }
.kb-wrapper .kb-button-panel { border: 0px !important; }
.kb-wrapper .kb-dialog-content textarea { border: none !important; box-shadow: none !important; background: #f7f7f7 !important; padding: 15px !important; font-family: 'Inter' !important; font-size: 16px !important; }
.kb-dialog-content label.kb-control-label { font-family: 'Inter'; }
.kb-wrapper .kb-button-panel { display: grid; grid-template-columns: 1fr 1fr; }
.kb-container .kb-wrapper .kb-button .kb-dialog-button-ok { background-color: #000 !important; }
.kb-container div .kb-wrapper .kb-button.kb-dialog-button-ok { background-color: #000 !important; color: #fff !important; }
.kb-dialog-form .kb-control-group .kb-create-subfolder-name { border: none !important; box-shadow: none !important; background: #f7f7f7 !important; padding: 15px !important; font-family: 'Inter' !important; font-size: 16px !important; }
.kb-container div .kb-wrapper .kb-create-subfolder .kb-button.kb-create-sub-folder-button { color: #fff !important; background: #000 !important; height: auto !important; padding: 15px !important; opacity: 1 !important; }

.kb-container div .kb-wrapper .kb-dialog .kb-button { background-color: #0b71c3 !important; font-size: 15px !important; padding: 15px !important; border-radius: 0; color: #fff !important; }

@media (max-width:992px) {
    .kb-wrapper .kb-dialog-content { z-index: 1; position: relative; }
    .kb-wrapper .kb-dialog { width: 90% !important; margin: 0 !important; }
    .kb-container .kb-wrapper .kb-dialog { transform: translate(-50%, -50%) !important; z-index: 9999999 !important; }
    .kb-wrapper input, .kb-wrapper select, .kb-wrapper textarea { width: 100% !important; }
    .kb-container div .kb-wrapper .kb-create-subfolder .kb-button.kb-create-sub-folder-button { width: auto !important; }
/*     .kb-customise-edit-panel.ng-scope { z-index: 999 !important; } */
.kb-container div .kb-wrapper div .kb-customise-page .kb-preview-image .kb-change-view-button {         text-align: left !important;}
/*
body .kb-container .kb-wrapper .kb-general-mobile-styles .kb-navigation-buttons .kb-button-finish {
    margin-top: 20px;
}
*/
}

span.kb-icon.kb-icon-locker-room {
    display: none !important;
}

button.kb-button.kb-locker-room-buttons-save-new.ng-binding.moved
 {
    order: 2;
}

button.kb-button.kb-locker-room-buttons-login.ng-binding.moved {
    order: 2;
}

@media(max-width:991px) {
a.kb-button.kb-basket-button.ng-binding {
    width: 300px !important;
    padding: 0 !important;
}

a.kb-button.kb-locker-room-button.ng-binding {
    width: 249px !important;
}

}

a.kb-button.kb-button-prev.kb-button-light.ng-binding {
    min-width: auto;
    height: 100%;
}

button.kb-button.kb-locker-room-buttons-login.ng-binding.moved {
    height: 100%;
}

@media(max-width:992px) {
a.kb-button.kb-button-finish.ng-binding {
    margin-top: 0 !important;
}
}

@media(max-width:576px) {
/*
button.kb-button.kb-locker-room-buttons-login.ng-binding.moved {
    font-size: 11px !important;
  letter-spacing: 0.5px !important;
}
*/

a.kb-button.kb-button-prev.kb-button-light.ng-binding {
    font-size: 11px !important;
}

a.kb-button.kb-button-finish.ng-binding {
    font-size: 11px !important;
  min-width:auto;
}

  button.kb-button.kb-locker-room-buttons-save-new.ng-binding.moved
 {
    font-size: 11px !important;
}
}

a.kb-button.kb-locker-room-logout-button.ng-binding {
    display: none;
}

a.kb-button.kb-tdi-download-button.ng-scope {
    letter-spacing: unset !important;
    font-size:12px !important;
    
}

.kb-team-details-enter-quantities .kb-tdi-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
    align-items: center;
}

/* .kb-team-details-enter-quantities .kb-team-details-tabs {
    display: flex !important;
    justify-content: space-between;
}

ul.kb-team-details-tabs {
    display: flex !important;
    justify-content: space-between;
} */

body .kb-wrapper .kb-team-details .kb-team-details-tabs .kb-button {
    width: 100% !important;
  font-size: 12px !important;
    letter-spacing: unset !important;
}

table.kb-table.kb-teams tr:nth-child(even) {
    background: #f2f2f2;
}

label.kb-button.kb-tdi-upload-button.ng-binding {
    letter-spacing: unset !important;
    font-size: 12px !important;
}


a.kb-button.kb-button-finish.ng-binding {
    background: #0b71c3 !important;
    color: #fff !important;
}

.kb-tdi-buttons {
    display: grid;
    grid-template-columns: 1fr 1fr;
}

.kb-wrapper .kb-table .kb-table-cell{
padding:2px !important;
}

/* New added on 18-08-25 */
.kb-final-overlay-wrapper {
    display: flex;
}

.term-checkbox .kb-custom-form-field-outer-wrapper .ng-scope {
    display: flex !important;
    align-items: center;
}
.term-checkbox .kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-field-wrap {
    margin-right: 10px !important;
    width: 3%;
}
@media (max-width: 767px) {
    .kb-container div .kb-wrapper .kb-partial-wrap {
        padding-bottom: 30px !important;
    }
    .term-checkbox .kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-field-wrap {
        width: 5%;
    }
}

.email-ck-wrap .kb-custom-form-field-outer-wrapper .ng-scope .kb-custom-form-label-wrap {
    padding-top: 10px !important;
}

/* custom kit font and border bottom with spacing css start */
/*.kb-wrapper .kb-nav .kb-nav-item-3 {
    border-bottom: dotted 1px #ccc !important;
    font-size: 12px !important;
    list-style: none !important;
    margin: 0 !important;
    padding: 8px 0 !important;
}
.kb-wrapper .kb-nav .kb-nav-item-3.kb-nav-item {
    margin: 0px 10px 0px !important;
}
.kb-wrapper .kb-nav .kb-nav-item-3.kb-nav-item:first-child {
    margin: 10px 10px 0px !important;
}
.kb-wrapper .kb-nav .kb-nav-item-3:first-child {
    border-top: dotted 1px #ccc !important;
}
.kb-wrapper .kb-nav .kb-nav-item-1 {
    border-bottom: unset !important;
}*/
/* custom kit font and border bottom with spacing css end */