:root {
    --main-diamond-search-colour: #000;
    --main-diamond-search-colour-light: #5b5b5b;
    --main-diamond-search-colour-semi-light: #c4c4c4;
    --main-diamond-search-colour-extra-light: #f5f5f5;
    --main-diamond-search-evosem-font-size: 14px;
}


.hidden {
    display: none !important;
}

.diamond-search-main {
    margin-bottom: 1rem;
    background-color: white;
    font-size: 14px !important;
    font-weight: normal !important;
}

.diamond-search-overall-title * {
    text-align: center;
    margin: 0 0 0.9rem 0;
}

.diamond-search-main .label-text {
    text-align: left;
}

.diamond-search-main-controller {
    border: 1px solid #ebebeb;
    margin: 2rem 0;
    padding: 20px 25px;
}

.diamond-search-head {
    border-bottom: 1px solid #ebebeb;
    padding-bottom: 20px;
    margin-bottom: 20px;
    display: flex;
    justify-content: flex-end;
    align-items: center;
    gap: 2rem;
    width: 100%;
}

@media all and (max-width: 992px) {
    .diamond-search-head {
        flex-direction: column;
    }
}

.diamond-search-head .vital-filter {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 10px;
}

@media all and (max-width: 992px) {
    .diamond-search-head .vital-filter {
        order: -1;
        flex-direction: column;
    }
}

.diamond-search-head .sku-search-filter {
    margin: 0;
    padding: 0;
    border: 0;
    min-width: 250px;
}

.diamond-search-head .sku-search-filter #sku-search {
    margin: 0 !important;
    height: 39px;
    min-width: 150px;
    border: 1px solid lightgray;
}

.diamond-search-head .sku-search-filter .filter-find-btn {
    max-width: 90px;
    margin-left: 8px;
    padding: 12px 0;
    border: 0 !important;
}

.diamond-search-head .head-actions {
    display: flex;
    align-items: center;
    justify-content: end;
    gap: 1rem;
    margin: 0;
    padding: 0;
}

.diamond-search-head .head-action {
    display: flex;
}

.diamond-search-head .head-action .action-btn {
    position: relative;
    border: 0;
    outline: 0;
    margin: 0;
    padding: 0;
    background: transparent;
}

.diamond-search-head .head-action .action-btn .icon {
    display: inline-block;
    vertical-align: text-top;
    margin: 0;
}

.diamond-search-head .head-action .action-btn .icon svg {
    width: 15px;
    height: 15px;
    fill: currentColor;
}


.shapes-actions {
    justify-content: center;
    align-items: center;
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0.8rem;
    list-style: none;
    margin: 0;
    padding: 0;
}

@media all and (min-width: 992px) {
    .shapes-actions {
        grid-template-columns: repeat(10, 1fr);
    }
}

.shapes-actions li {
    flex: auto;
    text-align: center;
    margin: 20px 0 0;
}

@media all and (min-width: 992px) {
    .shapes-actions li {
        margin: 20px 0 40px;
    }
}

.shapes-actions li .action-btn {
    margin: 0;
    padding: 0;
    width: 100%;
    color: black;
    border: 0;
    text-transform: uppercase;
    background: transparent;
}

.shapes-actions li .action-btn.active .shape-icon {
    background: #e7e7e7;
}

.shapes-actions li .action-btn .shape-icon,
.shapes-actions li .action-btn .shape-text {
    display: flex;
    justify-content: center;
    align-items: center;
}

.shapes-actions li .action-btn .shape-text {
    margin-top: 8px;
}

.shapes-actions li .action-btn .shape-icon {
    width: 50px;
    height: 50px;
    margin: auto;
    border-radius: 100%;
    padding: 0;
}

.shapes-actions li .action-btn .shape-icon svg {
    width: 28px;
    height: 28px;
}

.diamond-search-page-switch-type .wide-checkbox-group {
    display: flex;
    justify-content: center;
    align-items: center;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox {
    position: relative;
    display: inline-block;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="radio"],
.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="checkbox"] {
    display: none;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="radio"]:disabled,
.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="checkbox"]:disabled {
    pointer-events: none;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox .toggle-icon {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    border: 1px solid black;
    color: black;
    background-color: white;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox .toggle-icon:before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: white;
    transition: .2s ease-in-out;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox .toggle-text {
    display: block;
    position: relative;
    padding: 8px 10px;
    color: black;
    line-height: 1.2;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox .filter-label {
    position: absolute;
    top: 0;
    width: 100%;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="radio"]:checked~.toggle-icon:before,
.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="checkbox"]:checked~.toggle-icon:before {
    background-color: black !important;
}

.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="radio"]:checked~.toggle-text,
.diamond-search-page-switch-type .wide-checkbox .wide-toggle-checkbox input[type="checkbox"]:checked~.toggle-text {
    color: white !important;
}


.diamond-search-filter {
    border-top: 2px solid #ebebeb;
    padding: 0.2rem 0;
}

.diamond-search-filter .filter-label {
    margin: 1rem 0
}

.diamond-search-filter .filter-label .text {
    margin: .2rem 0;
    display: block;
}

.diamond-search-filter .filter-label .filter-sub-label {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.diamond-search-filter .filter-inner.checkboxes {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    flex-wrap: wrap;
    flex-direction: row;
    align-content: center;
    gap: 20px 0;
}

.filter-inner.checkboxes .evosem-checkbox {
    flex: 0 1 33.33%;
    display: flex;
    justify-content: flex-start;
    align-items: center;
    gap: 12px;
}

.diamond-search-filter .filter-inner .steps-labels ul {
    margin: 10px 0 0;
    padding: 0;
    list-style: none;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-evenly;
}

.diamond-search-filter .filter-inner .steps-labels ul li {
    position: relative;
    font-size: 0.8em;
}

@media screen and (max-width: 767px) {
    .diamond-search-filter .filter-inner .steps-labels ul li {
        font-size: 0.7em;
    }
    
}

.diamond-search-filter .filter-inner .steps-labels ul li .separation {
    position: absolute;
    top: -17px;
    right: -3px;
    width: 1px;
    height: 6px;
    background-color: #fff;
    z-index: 1;
    line-height: 0;
    pointer-events: none;
}

.diamond-search-filter .filter-inner .steps-labels ul li:last-of-type .separation {
    display: none;
}

.diamond-search-filter .filter-inner .filter-input-fields {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0.8rem 0;
    text-align: center;
}

.diamond-search-filter .filter-inner .filter-input-fields input {
    width: 100%;
    max-width: 100px;
    text-align: center;
    height: 30px;
    border: 1px solid lightgrey;
}

.diamond-search-filter .filter-inner .filter-input-fields input[type="search"] {
    width: 100%;
    max-width: none;
    text-align: left;
    height: 48px;
    padding: 10px;
}

.noUi-target {
    position: relative;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid black;
    border-radius: 0px;
}

.noUi-base,
.noUi-connects {
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 1;
}

.noUi-connects {
    overflow: hidden;
    z-index: 0;
}

.noUi-connect,
.noUi-origin {
    width: 100%;
    display: initial !important;
    will-change: transform;
    position: absolute;
    z-index: 1;
    top: 0;
    right: 0;
    -ms-transform-origin: 0 0;
    -webkit-transform-origin: 0 0;
    -webkit-transform-style: preserve-3d;
    transform-origin: 0 0;
    transform-style: flat;
}

.noUi-connect {
    height: 100%;
    width: 100%;
    background: black;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
    left: 0;
    right: auto;
}

.noUi-vertical .noUi-origin {
    width: 0;
}

.noUi-horizontal .noUi-origin {
    height: 0;
}

.noUi-touch-area {
    height: 100%;
    width: 100%;
}

.noUi-state-drag * {
    cursor: inherit !important;
}

.noUi-horizontal {
    width: 100% !important;
    padding-left: 0;
    padding-right: 0;
    height: 8px !important;
}

.noUi-horizontal .noUi-handle {
    width: 18px;
    height: 18px;
    right: -10.5px;
    top: -6px;
    box-sizing: border-box;
}

.noUi-vertical {
    width: 18px;
}

.noUi-vertical .noUi-handle {
    width: 28px;
    height: 34px;
    right: -6px;
    top: -17px;
}

.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
    left: -17px;
    right: auto;
}

.noUi-draggable {
    cursor: ew-resize;
}

.noUi-vertical .noUi-draggable {
    cursor: ns-resize;
}

.noUi-handle {
    border-radius: 100%;
    background: #fff;
    border: 6px solid black;
    cursor: pointer;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute;
}

.noUi-marker,
.noUi-marker-sub {
    background: black;
}

.noUi-handle:after {
    left: 17px;
}

.noUi-vertical .noUi-handle:after,
.noUi-vertical .noUi-handle:before {
    width: 14px;
    height: 1px;
    left: 6px;
    top: 14px;
}

.noUi-vertical .noUi-handle:after {
    top: 17px;
}

[disabled] .noUi-connect {
    background: rgba(208, 34, 52, 0.5);
}

[disabled] .noUi-handle,
[disabled].noUi-handle,
[disabled].noUi-target {
    cursor: not-allowed;
}

.noUi-pips,
.noUi-pips * {
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

.noUi-pips {
    position: absolute;
    color: black;
}

.noUi-value {
    position: absolute;
    white-space: nowrap;
    text-align: center;
}

.noUi-value-sub {
    color: black;
}

.noUi-marker {
    position: absolute;
}

.noUi-pips-horizontal {
    padding: 0;
    height: 30px;
    top: 100%;
    left: 0;
    width: 100%;
}

.noUi-value-horizontal {
    -webkit-transform: translate(-50%, 50%);
    transform: translate(-50%, 50%);
}

.noUi-rtl .noUi-value-horizontal {
    -webkit-transform: translate(50%, 50%);
    transform: translate(50%, 50%);
}

.noUi-marker-horizontal.noUi-marker {
    position: absolute;
    z-index: 1;
    margin-left: -1px;
    width: 2px;
    top: -3px;
    height: 3px;
    pointer-events: none;
    background: rgba(255, 255, 255, 0.7);
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 6px;
}

.noUi-pips-vertical {
    padding: 0 10px;
    height: 100%;
    top: 0;
    left: 100%;
}

.noUi-value-vertical {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    padding-left: 25px;
}

.noUi-rtl .noUi-value-vertical {
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
}

.noUi-marker-vertical.noUi-marker {
    width: 5px;
    height: 2px;
    margin-top: -1px;
}

.noUi-marker-vertical.noUi-marker-sub {
    width: 10px;
}

.noUi-marker-vertical.noUi-marker-large {
    width: 15px;
}

.noUi-tooltip {
    display: block;
    position: absolute;
    border: 1px solid black;
    border-radius: 3px;
    background: #fff;
    color: black;
    padding: 5px;
    text-align: center;
    white-space: nowrap;
    opacity: 0;
    transition: .2s ease-in-out;
}

.noUi-handle.noUi-active .noUi-tooltip {
    opacity: 1;
}

.noUi-handle.noUi-active {
    transform: scale(1.1);
}

.noUi-horizontal .noUi-tooltip {
    -webkit-transform: translate(-10%, 0);
    transform: translate(-10%, 0);
    left: 50%;
    bottom: 15px;
}

.noUi-base .noUi-origin:last-of-type .noUi-tooltip {
    transform: translate(-100%, 0);
}

.noUi-vertical .noUi-tooltip {
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    top: 50%;
    right: 120%;
}


.diamond-search-grid {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    margin: 0.5rem 0;
}

@media all and (min-width: 992px) {
    .diamond-search-grid {
        gap: 0rem 2rem;
        grid-template-columns: repeat(2, 1fr);
    }
}

.diamond-search-result-column {
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    font-size: 1.4rem !important;
}

.diamond-search-result-column.diamond-search-result-head {
    position: sticky;
    top: 0;
    margin-top: 0;
    z-index: 2;
    background-color: #f5f5f5;
}

.diamond-search-result-column .diamond-search-col button {
    white-space: nowrap;
    background-color: transparent;
    color: black;
    margin: 0;
    padding: 0;
    appearance: none;
    border: 0;
    cursor: pointer;
}

.diamond-search-results::-webkit-scrollbar {
    width: 0;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col button._asc .sorticon:before {
    transform: rotate(180deg);
}

.diamond-search-results .diamond-search-result-column .diamond-search-col {
    position: relative;
    padding: 15px 10px;
    flex-grow: 1;
    flex-shrink: 0;
    flex-basis: 12%;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-shape {
    flex-basis: 125px;
    max-width: 125px;
}

.diamond-search-main-results-sides {
    overflow: hidden;
    display: flex;
    gap: 2%;
    justify-content: space-between;
}

@media all and (max-width: 767px) {
    .diamond-search-main-results-sides {
        display: block;
    }
}

.diamond-search-main-results-sides .diamond-search-main-controller.diamond-search-main-results {
    position: relative;
    flex: 0 1 70%;
    margin: 0;
}

.diamond-search-main-results-sides .diamond-search-main-controller.diamond-search-main-results.grid-view {
    flex: 0 1 100%;
}

.diamond-search-main-results-sides .diamond-search-main-preview {
    flex: 0 1 30%;
    margin: 0;
    padding: 20px 25px;
    border: 1px solid #ebebeb;
    margin: 0;
    padding: 1.5rem 2rem;
}

.preview-media .image-preview,
.preview-media .video-preview {
    width: 100%;
    height: 350px;
    display: block;
}

.preview-media .video-preview iframe {
    border: 0;
    width: 100%;
    height: 100%;
}

.preview-media .image-preview .inner-image-preview {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

.preview-datasheet {
    font-size: 1em !important;
    margin: 0;
    padding: 20px 0;
    border-bottom: 2px solid #ebebeb;
}

.preview-datasheet .datasheet-row .datasheet-label,
.preview-datasheet .datasheet-row .datasheet-value {
    flex: 0 1 50%;
}

.preview-datasheet .datasheet-row .datasheet-value {
    color: black;
    text-transform: capitalize;
}

.preview-actions button {
    margin: 4px 0;
}

.preview-actions-btns button {
    font-size: 0.9em !important;
    padding: 5px 10px;
    border-radius: 50px;
}

.preview-actions-btns button .icon,
.preview-actions-btns button .text {
    margin: 0 4px;
    vertical-align: middle;
    display: inline-block;
    line-height: 0;
}

.preview-actions-btns button .icon svg {
    width: 22px;
    height: 22px;
    fill: currentColor;
}

.preview-actions-btns {
    max-width: 250px;
    margin: 30px auto 10px;
    display: flex;
    justify-content: space-around;
    align-items: center;
}

.preview-datasheet .datasheet-row.datasheet-row-color .datasheet-value,
.preview-datasheet .datasheet-row.datasheet-row-weight .datasheet-value {
    transform: scale(1.5);
    transform-origin: left;
}

.preview-datasheet .datasheet-row.datasheet-row-color .datasheet-value,
.preview-datasheet .datasheet-row.datasheet-row-stock .datasheet-value,
.preview-datasheet .datasheet-row.datasheet-row-weight .datasheet-value {
    color: black;
}

.preview-media .image-preview .inner-image-preview .d-none {
    display: none !important;
}

.evosem-btn {
    position: relative;
    cursor: pointer;
    margin: 0;
    padding: 16px;
    width: 100%;
    color: black;
    background-color: #fff;
    border: 1px solid black;
    transition: 0.2s ease-in-out;
}

.evosem-btn.fill {
    color: #fff;
    background-color: black;
}

.evosem-btn[disabled] {
    opacity: 0.6;
    pointer-events: none;
}

.diamond-search-results-load-more {
    text-align: center;
    margin: 30px 0;
}

.diamond-search-results-load-more .load-more-diamonds {
    color: black;
    letter-spacing: 0.05em;
    background: #fff;
    margin: 0;
    padding: 10px 30px;
    border: 1px solid black;
    cursor: pointer;
    outline: 0;
}

._evosem-print-version {
    display: none !important;
}

.__evosem_overflow-hidden {
    overflow: hidden !important;
}

.__evosem_mt-1 {
    margin-top: 15px;
}

.__evosem_mt-2 {
    margin-top: 30px;
}

.__evosem_mb-1 {
    margin-bottom: 15px;
}

.__evosem_mb-2 {
    margin-bottom: 30px;
}

.filter-inner .steps-labels ul li .label,
.uppercase {
    text-transform: uppercase;
}

.evosem-text-center {
    text-align: center;
}

.unstyled-list {
    margin: 0;
    padding: 0;
    list-style: none;
}


.diamond-search-main .noUi-origin,
.diamond-search-single-view .preview-media .inner-image-preview img,
.evosem-btn.full-width {
    width: 100%;
}


.diamond-search-head.__border-bottom {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 2px solid black;
}

.diamond-search-head.__border-top {
    padding-top: 20px;
    margin-top: 20px;
    border-top: 2px solid black;
}

.diamond-search-page-title {
    position: relative;
    margin: 30px 0 0;
    font-size: 2.58em !important;
}

@media (max-width: 767px) {
    .diamond-search-main-controller {
        padding: 10px;
    }

    .diamond-search-head.__footer {
        display: none;
    }

    .diamond-search-page-title {
        margin: 10px 0;
        font-size: 18px !important;
    }
}

.__specifications-sides,
.diamond-search-filter-columns,
.diamond-single-interactions .diamond-single-action,
.diamond-single-sides-view {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 35px 50px;
}

@media all and (max-width: 992px) {
    .d-md-none {
        display: none;
    }

    .shapes-actions {
        grid-template-columns: repeat(4, 1fr);
    }

    .shapes-actions li {
        margin: 5px 0;
    }

    .diamond-search-filter-columns {
        grid-template-columns: repeat(1, 1fr);
    }
}

.diamond-search-filter-column {
    border-top: 2px solid black;
    padding: 20px 0;
}

.evosem-checkbox {
    cursor: pointer;
}

.evosem-checkbox .evosem-checkbox-indicator {
    width: 24px;
    height: 24px;
    display: inline-flex;
    border: 2px solid black;
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    vertical-align: middle;
}

.evosem-checkbox .evosem-checkbox-indicator:before {
    content: url('data:image/svg+xml, <svg viewBox="0 0 15 12" width="14px" fill="currentcolor" xmlns="http://www.w3.org/2000/svg"><path d="M4.74998 11.55L0.474976 7.27497L1.52498 6.22497L4.74998 9.44997L13.225 0.974976L14.275 2.02497L4.74998 11.55Z" /></svg>');
    opacity: 0;
    line-height: 0;
}

.evosem-checkbox input[type="checkbox"]:checked~.evosem-checkbox-indicator {
    border: 2px solid black;
}

.diamond-search-main .noUi-handle.noUi-active .noUi-tooltip,
.diamond-search-results .diamond-search-result-column .diamond-search-col button.active .sorticon:before,
.evosem-checkbox input[type="checkbox"]:checked~.evosem-checkbox-indicator:before {
    opacity: 1;
}

.diamond-search-main-results-sides .diamond-search-main-preview .preview-title {
    font-size: 1em !important;
    padding-bottom: 13px;
    margin-bottom: 20px;
    border-bottom: 2px solid #ebebeb;
}

.diamond-search-main-results-sides .diamond-search-main-controller.diamond-search-main-results.grid-view .diamond-search-results {
    max-height: none;
    overflow: hidden;
}

.diamond-search-results .diamond-search-result-column {
    font-size: 0.9em !important;
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin: 16px 0;
    border: 1px solid #fafafa;
    transition: .2s ease-in-out;
}

.diamond-search-results .diamond-search-result-column:hover {
    background: #fafafa;
}

.diamond-search-results .diamond-search-result-column.diamond-search-result-head {
    position: sticky;
    top: 0;
    margin-top: 0;
    z-index: 2;
    background-color: #f5f5f5;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col button {
    white-space: nowrap;
    background-color: transparent;
    font-size: 1em !important;
    color: black;
    margin: 0;
    padding: 0;
    appearance: none;
    border: 0;
    cursor: pointer;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col button .sorticon:before {
    content: url('data:image/svg+xml, <svg xmlns="http://www.w3.org/2000/svg" width="7" viewBox="0 0 123.959 123.958"><path d="M117.979,28.017h-112c-5.3,0-8,6.4-4.2,10.2l56,56c2.3,2.3,6.1,2.3,8.401,0l56-56C125.979,34.417,123.279,28.017,117.979,28.017z" /></svg>');
    opacity: 0.3;
    display: inline-block;
    transition: 0.2s;
}

@media all and (max-width: 767px) {
    .diamond-search-results .diamond-search-result-column:not(.diamond-search-result-head) .diamond-search-col.diamond-search-col-shape .text {
        display: none;
    }
}

.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-checkbox {
    padding-right: 0;
    flex-basis: 60px;
    max-width: 60px;
    border: 0;
    text-align: left;
    position: sticky;
    left: 0;
    z-index: 1;
    background: #fff;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-price {
    flex-basis: 100px;
    max-width: 100px;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-sku {
    flex-basis: 200px;
    max-width: 200px;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-carat,
.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-clarity,
.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-color,
.diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-cut {
    flex-basis: 78px;
    max-width: 78px;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col .icon {
    display: inline-flex;
    width: 20px;
    height: 20px;
    vertical-align: middle;
    margin-right: 3px;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col .text {
    text-transform: capitalize;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col .icon:before {
    content: "";
    position: relative;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 100%;
    height: 100%;
    line-height: 0;
}

.diamond-search-results .diamond-search-result-column .diamond-search-col .icon svg {
    width: 100%;
    height: 100%;
}

.diamond-search-results-load-more,
.diamond-search-single-view,
.preview-actions {
    margin: 30px 0;
}

.diamond-search-results-load-more .load-more-diamonds {
    font-size: 1em !important;
    color: black;
    letter-spacing: 0.05em;
    background: #fff;
    margin: 0;
    padding: 10px 30px;
    border: 1px solid black;
    cursor: pointer;
    outline: 0;
}

.preview-datasheet .datasheet-row {
    margin: 8px 0;
    display: flex;
    justify-content: space-between;
    gap: 8px;
}

._evosem-skeleton {
    font-size: 0 !important;
    width: 100%;
    margin: 1%;
    height: 30px;
    border-radius: 5px;
    background: #eee;
    background: linear-gradient(110deg, #f5f5f5 0, #fff 30%, #f5f5f5 100%);
    background-size: 200% 100%;
    animation: 1.5s linear infinite _evosem-skeleton-shine;
}

._evosem-skeleton.inline_block {
    display: inline-block;
}

._evosem-skeleton._10 {
    width: 10%;
}

._evosem-skeleton._25 {
    width: 25%;
}

._evosem-skeleton._50 {
    width: 50%;
}

._evosem-skeleton._75 {
    width: 75%;
}

@keyframes _evosem-skeleton-shine {
    to {
        background-position-x: -200%;
    }
}

.diamond-search-page-title .back-to-search {
    background: 0 0;
    border: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 0.05em;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    appearance: none;
}

.diamond-search-page-title .back-to-search {
    position: absolute;
    top: 50%;
    left: 0;
    font-size: 0.39em !important;
    color: black;
    margin: -12px 0 0;
}

.diamond-search-page-title .back-to-search .icon {
    vertical-align: middle;
    display: inline-block;
    margin-right: 10px;
}

.diamond-search-page-title .back-to-search .icon svg {
    width: 14px;
}

.diamond-search-single-view .preview-media .image-preview,
.diamond-search-single-view .preview-media .video-preview {
    height: auto !important;
}

.diamond-search-single-view .preview-media .video-preview iframe {
    min-height: 450px;
}

.diamond-search-single-view .preview-media .inner-image-preview {
    background-image: none !important;
}

.diamond-search-single-view .preview-media .preview-actions-btns {
    margin: 15px auto;
}

.diamond-search-single-view .__separation {
    margin: 0 0 30px;
    padding: 0 0 30px;
    border-bottom: 1px solid #ebebeb;
}

.diamond-search-single-view-inner {
    margin: 0;
    padding: 50px 15px;
    border: 2px solid #ebebeb;
    overflow: hidden;
}

.diamond-quick-specification,
.diamond-single-head .diamond-single-head-sub {
    display: flex;
    justify-content: space-between;
}

.diamond-single-head .diamond-single-head-sub .share-btn .share-filter {
    position: relative;
    font-size: 1em !important;
    color: black;
    margin: 0;
}

@keyframes __evosemcopied {

    0%,
    100% {
        opacity: 0;
        -webkit-transform: translateY(0);
        -moz-transform: translateY(0);
        -ms-transform: translateY(0);
        transform: translateY(0);
    }

    50% {
        opacity: 1;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }

    90% {
        opacity: 0;
        -webkit-transform: translateY(-30px);
        -moz-transform: translateY(-30px);
        -ms-transform: translateY(-30px);
        transform: translateY(-30px);
    }
}

.diamond-single-head .diamond-single-head-sub .share-btn .share-filter .icon {
    color: black;
    display: inline-block;
    vertical-align: middle;
    margin: 0 10px;
}

.diamond-single-sides-view .diamond-name {
    margin: 20px 0;
    font-size: 24px !important;
    color: black;
}

.diamond-single-sides-view .diamond-description {
    font-size: 1em !important;
    color: black;
    text-transform: capitalize;
}

.diamond-quick-specification .__specification .label-text,
.diamond-single-actions .diamond-single-action .label-text {
    color: black;
    font-size: 0.86em !important;
}

.diamond-quick-specification .__specification .label-value {
    color: black;
    font-size: 1.7em !important;
}

.diamond-single-actions {
    display: flex;
    justify-content: space-between;
    gap: 10px;
}

.diamond-single-actions .diamond-single-action {
    flex-grow: 1;
    flex-basis: 65%;
    display: flex;
    flex-direction: column;
    gap: .8rem;
}

.diamond-single-actions .diamond-single-action:first-of-type {
    flex-basis: 35%;
}

.diamond-single-actions .diamond-single-action .label-value {
    color: black;
    font-size: 1.29em !important;
}

.diamond-single-interactions .diamond-single-action .diamond-single-action-btn button {
    font-size: 1em !important;
    color: black;
    margin: 0;
}

.diamond-single-interactions .diamond-single-action .diamond-single-action-btn button .icon {
    vertical-align: middle;
    margin-right: 10px;
}

.diamond-single-interactions .diamond-single-action .diamond-single-action-btn button .icon svg {
    width: 20px;
    fill: black;
    display: inline-block;
}

.diamond-single-specifications {
    margin: 60px 0 0;
    padding: 40px;
    border: 1px solid #ebebeb;
}

.diamond-single-specifications .__specifications-title.evosem-text-center {
    font-size: 1.29em !important;
    color: black;
    margin-bottom: 40px;
}

@media all and (min-width: 992px) {
    .__specifications-sides .__left-spec {
        border-right: 1px solid #ebebeb;
    }
}

.__specifications-sides .__left-spec,
.__specifications-sides .__right-spec {
    padding: 0 60px;
}

.__specifications-sides .__specification-list .item {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 0 50px;
    margin: 0 0 15px;
}

.__specifications-sides .__specification-list .item .label-text,
.__specifications-sides .__specification-list .item .label-value {
    word-break: break-all;
    white-space: normal;
    color: black;
}

.__specifications-sides .__specification-list .item .label-value {
    text-transform: capitalize;
    color: black;
    text-align: right;
}

.diamond-single-view-similar {
    margin: 60px 0;
}

.diamond-grid-view {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 0 20px;
}

.diamond-grid-view .diamond-grid-view-item {
    cursor: pointer;
    border: 1px solid hsl(0deg 0% 0% / 20%);
    margin: 15px 0;
    padding: 5px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-thumbnail {
    position: relative;
    padding: 15px;
    margin-bottom: 15px;
}

.diamond-thumbnail-inner {
    max-width: 100%;
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    padding-bottom: 100%;
}

.diamond-thumbnail img {
    max-width: 100%;
    display: none;
}

.diamond-grid-view .diamond-grid-view-item .diamond-thumbnail .filter-label {
    position: absolute;
    top: 0;
    right: 0;
    display: none;
}

.diamond-grid-view .diamond-grid-view-item .diamond-thumbnail .filter-label .info-box {
    width: 200px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-title {
    text-transform: capitalize;
    padding-left: 15px;
    padding-right: 15px;
    font-size: 1em !important;
    margin-bottom: 25px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-quick-specification {
    margin-left: 15px;
    margin-right: 15px;
    margin-bottom: 30px;
    padding-bottom: 30px;
    border-bottom: 2px solid hsl(0deg 0% 0% / 20%);
}

.diamond-grid-view .diamond-grid-view-item .diamond-actions .diamond-price {
    font-size: 1.29em !important;
    margin-bottom: 20px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-actions .diamond-add-to-bag {
    text-decoration: underline;
    font-size: 0.93em !important;
    color: black;
    margin: 0 0 20px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-title .icon {
    display: inline-block;
    vertical-align: sub;
    line-height: 0;
    margin-bottom: -2px;
    margin-right: 5px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-title .icon:before {
    content: "";
    position: relative;
    display: none;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    width: 22px;
    height: 22px;
    line-height: 0;
}

.diamond-grid-view .diamond-grid-view-item .diamond-title .icon svg {
    width: 22px;
    height: 22px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-quick-specification .__specification .label-text {
    font-size: 0.7em !important;
    margin-bottom: 8px;
}

.diamond-grid-view .diamond-grid-view-item .diamond-quick-specification .__specification .label-value {
    font-size: 0.86em !important;
}

.__evosem-popup-box {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 9999;
    background-color: #0000001a;
}

.__evosem-popup-box-wrapper {
    position: relative;
    width: 100%;
    height: 100%;
    max-height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
    margin: 0;
    padding: 15px;
}

.__evosem-popup-box-container {
    position: relative;
    background-color: #fff;
    margin: 0;
    padding: 30px;
    max-width: 850px;
    box-sizing: border-box;
    max-height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
}

.__evosem-popup-box-container::-webkit-scrollbar {
    width: 3px;
}

.__evosem-popup-box-container::-webkit-scrollbar-track {
    background: 0 0;
}

.__evosem-popup-box-container::-webkit-scrollbar-thumb {
    background: black;
}

.__evosem-popup-box-title {
    font-size: 2.29em !important;
    padding-bottom: 15px;
    margin-bottom: 15px;
    line-height: 1;
    border-bottom: 1px solid black;
}

.__evosem-popup-box-close {
    position: absolute;
    top: 30px;
    right: 30px;
    font-size: 1em !important;
    color: black;
    line-height: 1;
    letter-spacing: 0.05em;
    cursor: pointer;
    background: 0 0;
    border: 0;
    outline: 0;
    box-shadow: none;
    appearance: none;
    margin: 0;
    padding: 0;
}

.__evosem-popup-box-cols {
    display: flex;
    justify-content: space-evenly;
    flex-wrap: wrap;
    margin-left: -15px;
    margin-right: -15px;
}

.__evosem-popup-box-col {
    flex: 0 0 100%;
    padding-left: 15px;
    padding-right: 15px;
}

.__evosem-popup-box-col.flex-25 {
    flex: 0 0 auto;
    width: 25%;
}

.__evosem-popup-box-col.flex-33 {
    flex: 0 0 auto;
    width: 33.333%;
}

.__evosem-popup-box-col.flex-50 {
    flex: 0 0 auto;
    width: 50%;
}

.__evosem-popup-box-col.flex-66 {
    flex: 0 0 auto;
    width: 66.66666%;
}

.__evosem-popup-box-col.flex-75 {
    flex: 0 0 auto;
    width: 75%;
}

@media all and (max-width: 767px) {
    .d-sm-none {
        display: none !important;
    }

    .diamond-search-head.__footer,
    .diamond-search-main-results-sides .diamond-search-main-preview,
    .filter-inner .steps-labels ul li .label,
    .hide-column-mobile {
        display: none;
    }

    .diamond-search-dialog-opener,
    .filter-inner .steps-labels ul li .value,
    .mobile-only {
        display: initial;
    }

    .head-actions {
        gap: 0;
        justify-content: space-between;
    }

    .head-actions.tabs-actions .head-action .action-btn {
        font-size: 1em !important;
    }

    .shapes-actions li .action-btn .shape-text {
        font-size: 0.86em !important;
    }

    .shapes-actions li .action-btn .shape-icon {
        padding: 10px;
    }

    .shapes-actions li .action-btn .shape-icon:before {
        display: none;
        width: 30px;
        height: 30px;
        transform: scale(0.8);
        justify-content: center;
        align-items: center;
    }

    .diamond-search-main-results-sides .diamond-search-main-controller.diamond-search-main-results {
        flex: 0 1 100%;
    }

    .diamond-search-results {
        overflow: initial;
        max-height: unset;
    }

    .diamond-search-results .diamond-search-result-column {
        font-size: 0.78em !important;
    }

    .diamond-search-results .diamond-search-result-column.diamond-search-result-head {
        background-color: #fff;
    }

    .diamond-search-results .diamond-search-result-column .diamond-search-col {
        padding: 10px 5px;
        height: 44px;
    }

    .diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-shape {
        flex-basis: 80px;
        max-width: 80px;
    }

    .diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-clarity,
    .diamond-search-results .diamond-search-result-column .diamond-search-col.diamond-search-col-sku {
        display: none;
    }

    .diamond-search-results .diamond-search-result-column .diamond-search-col .icon {
        position: initial;
        left: unset;
        top: unset;
        margin-top: unset;
        margin-right: unset;
    }

    .diamond-search-results-load-more {
        margin: 0;
    }

    .diamond-search-filter-columns {
        grid-template-columns: repeat(4, 1fr);
        gap: 0 10px;
    }

    .diamond-search-filter-column {
        border: 0;
        padding: 5px 0;
    }

    .diamond-search-dialog {
        position: fixed;
        bottom: -100%;
        left: 1%;
        right: 0;
        width: 98%;
        background: #fff;
        opacity: 0;
        visibility: hidden;
        z-index: 999;
        margin: 0;
        padding: 25px;
        box-shadow: 0 -3px 10px 0 #00000025;
        border-top: 1px solid black;
        border-top-left-radius: 20px;
        border-top-right-radius: 20px;
        transition: 0.4s ease-in-out;
    }

    .diamond-search-dialog.diamond-search-dialog.active {
        bottom: 0;
        opacity: 1;
        visibility: visible;
    }

    .diamond-search-dialog-opener .diamond-search-dialog-opener-label {
        padding: 10px;
        width: 100%;
        font-size: 0.86em !important;
    }

    .diamond-search-dialog-actions {
        display: flex;
        justify-content: end;
        gap: 0 25px;
        margin-bottom: 10px;
    }

    .diamond-search-dialog-close .close-btn,
    .diamond-search-dialog-reset .reset-btn {
        font-size: 1em !important;
        color: black;
        line-height: 1;
        letter-spacing: 0.05em;
        cursor: pointer;
        background: 0 0;
        border: 0;
        outline: 0;
        box-shadow: none;
        appearance: none;
        margin: 0;
        padding: 0;
    }

    .diamond-search-filters-advanced {
        margin-top: 0;
        display: block !important;
    }

    .diamond-search-single-view-inner {
        padding-left: 25px;
        padding-right: 25px;
    }

    .diamond-single-sides-view {
        grid-template-columns: repeat(1, 1fr);
    }

    .diamond-single-interactions .diamond-single-action {
        display: grid;
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 0;
    }

    .diamond-single-specifications {
        padding: 0;
        border: 0;
    }

    .__specifications-sides {
        grid-template-columns: repeat(1, 1fr);
        gap: 0;
    }

    .__specifications-sides .__left-spec,
    .__specifications-sides .__right-spec {
        padding: 0;
    }

    .__specifications-sides .__specification-list .item {
        gap: 0 15px;
        margin: 0 0 10px;
    }

    .diamond-grid-view {
        grid-template-columns: repeat(1, 1fr);
        gap: 20px 20px;
    }

    .diamond-grid-view .diamond-grid-view-item {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        margin: 0;
        padding: 10px;
    }

    .diamond-grid-view .diamond-grid-view-item .diamond-thumbnail {
        flex: 0 0 40%;
        padding: 5px;
    }

    .diamond-grid-view .diamond-grid-view-item .diamond-details {
        flex: 0 0 60%;
        padding: 5px;
        font-size: 0.931em !important;
    }

    .diamond-grid-view .diamond-grid-view-item .diamond-title {
        margin-bottom: 8px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .diamond-grid-view .diamond-grid-view-item .diamond-quick-specification {
        margin-left: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        padding-bottom: 10px;
    }

    .diamond-grid-view .diamond-grid-view-item .diamond-actions .diamond-add-to-bag,
    .diamond-grid-view .diamond-grid-view-item .diamond-actions .diamond-price {
        margin-bottom: 0;
    }

    .__evosem-popup-box-title {
        font-size: 1.29em !important;
    }

    .__evosem-popup-box-cols {
        display: block;
    }

    .__evosem-popup-box-col.flex-25,
    .__evosem-popup-box-col.flex-33,
    .__evosem-popup-box-col.flex-50,
    .__evosem-popup-box-col.flex-66,
    .__evosem-popup-box-col.flex-75 {
        width: 100%;
    }
}

.diamond-grid-view .diamond-grid-view-item .diamond-actions .diamond-add-to-bag,
.diamond-search-page-title .back-to-search,
.diamond-single-head .diamond-single-head-sub .share-btn .share-filter,
.diamond-single-interactions .diamond-single-action .diamond-single-action-btn button {
    background: 0 0;
    border: 0;
    padding: 0;
    line-height: 1;
    letter-spacing: 0.05em;
    cursor: pointer;
    outline: 0;
    box-shadow: none;
    appearance: none;
}

._evosem-text-overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    display: block;
}

._evosem-loading-view {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 9999;
	background: rgb(255 255 255 / 40%);
}
._evosem-loading-view .inner-loader-view {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 100%;
	height: 100%;
}
._evosem-loading_loading-circular {
	animation: 2s linear infinite rotate;
	stroke: black;
	transform-origin: center center;
	position: sticky;
	top: 2%;
	bottom: 40%;
}
._evosem-loading_loading-circular circle {
	animation: 2s ease-in-out infinite dash;
	stroke-dasharray: 1, 200;
	stroke-dashoffset: 0;
	stroke-linecap: round;
	fill: none;
	stroke-width: 4;
}

@keyframes rotate {
	100% {
		transform: rotate(360deg);
	}
}
@keyframes dash {
	0% {
		stroke-dasharray: 1, 200;
		stroke-dashoffset: 0;
	}
	50% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -35px;
	}
	100% {
		stroke-dasharray: 89, 200;
		stroke-dashoffset: -124px;
	}
}

.__evosem-popup-box-wrapper .filter-input-fields input {
    width: 100%;
    height: 40px;
}

.__evosem-popup-box-wrapper .filter-input-fields {
    margin-bottom: 1rem;
}

.__evosem-popup-box-wrapper .filter-input-fields textarea {
    width: 100%;
    height: 100px;
    resize: none;
}

.__evosem-popup-box-wrapper .filter-input-fields textarea, .__evosem-popup-box-wrapper .filter-input-fields input {
    border: 1px solid #d3d3d3;
    padding: 0.5rem;
}

.fancy-colors-actions {
    justify-content: center;
    align-items: center;
    display: flex;
    gap: 5px;
    flex-direction: row;
    flex-wrap: nowrap;
    margin-top: 1rem;
}

.fancy-colors-actions li {
    flex: auto;
    text-align: center;
}

.fancy-colors-actions li .action-btn {
    margin: 0;
    padding: 0;
    width: 100%;
    color: var(--main-colour);
    border: 0;
    text-transform: uppercase;
    font-size: 1em;
    background: transparent;
    opacity: .4;
}

.fancy-colors-actions li .action-btn .fancy_color-text {
	font-size: 1rem;
}

.fancy-colors-actions li .action-btn .shape-icon,
.fancy-colors-actions li .action-btn .shape-text {
    display: flex;
    justify-content: center;
    align-items: center
}

.fancy-colors-actions li .action-btn .shape-text {
    margin-top: 8px
}

.fancy-colors-actions li .action-btn .shape-icon {
    padding: 10px 15px
}

.fancy-colors-actions li .action-btn .__color-icon-circle {
    background: #e8e8e8;
	background-size: cover;
    border: 1px solid #e1e1e1;
    display: inline-block;
    width: 35px;
    height: 35px;
    line-height: 0;
    border-radius: 100%;
}

.fancy-colors-actions li .action-btn.active .__color-icon-circle {
	opacity: 1;
}