#loading_spinner_diamond_list,#loading_spinner_drop_a_hint {
    background-color: hsla(0,0%,100%,.5);
    display: flex;
    justify-content: center;
    align-items: center;
    height: 100%;
    max-width: 1300px;
    position: absolute;
    width: 100%;
    z-index: 100
}

#loading_spinner_diamond_list img,#loading_spinner_drop_a_hint img {
    margin-top: 40px;
    position: fixed;
    top: 20%;
    /* left: 50%; */
    width: 67px
}

#load_here{
    background: #fbf8f0;
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #to_diamonds_available_showroom .available-td-div {
        display:inline-block;
        float: left;
        text-align: center;
        width: 74%
    }

    #to_diamonds_available_showroom .floating_video_icon {
        margin-right: 27px;
        margin-top: 5px
    }

    #to_diamonds_available_showroom .floating_video_icon .video-icon {
        margin-right: 0!important;
        margin-top: 12px
    }

    #to_diamonds_available_showroom .tick_tab {
        right: -13px;
        top: calc(50% + 2px)
    }

    #to_diamonds_recommended .recommended_td_div {
        display: inline-block;
        float: left;
        width: 84%
    }

    #to_diamonds_recommended .tick_tab {
        right: -13px;
        top: calc(50% + 2px)
    }
}

@media screen and (min-width: 1px) and (max-width:991.98px) {
    #load_here {
        width: 100%;
        /* max-width: 700px; */
        overflow-y: auto;
    }

    #load_here .table-responsive{
        /* width: 700px; */
    }

    #loading_spinner_diamond_list,#loading_spinner_drop_a_hint {
        z-index:2
    }

    #loading_spinner_diamond_list img,#loading_spinner_drop_a_hint img {
        top: 40%;
    }
}

.play_icon {
    cursor: pointer;
    font-size: 12px;
    line-height: 22px;
    position: absolute;
    right: 16px
}

.diamond_detail_tabs {
    border: none!important
}

.diamond_detail_tabs a.diamond_picture_tab,.diamond_detail_tabs a.sample_diamond_picture_tab,.diamond_detail_tabs a.video_tab {
    padding: 10px
}

.diamond_detail_tabs a {
    margin: 0;
    padding: 0
}

.diamond_detail_tabs a img {
    width: 100%
}

.diamond_detail_tabs a.active {
    background: none!important
}

.diamond_detail_tabs a.certificate_tab span, .diamond_detail_tabs a.source_tab span {
    background: #333;
    color: #fff;
    display: block;
    font-size: 11px;
    height: 35px;
    line-height: 12px;
    margin-top: 0;
    padding-top: 5px
}

.diamond_detail_tabs a.certificate_tab img, .diamond_detail_tabs a.source_tab img {
    width: 70%
}

#diamond_detail_section .diamond_detail_tab_content {
    background-color: #fff;
    padding-bottom: 6px;
    position: relative;
    width: 100%
}

#diamond_detail_section .diamond_media_iframe_container {
    width: 100%
}

#diamond_detail_section .diamond_media_iframe_container iframe {
    border: none!important;
    height: 360px;
    padding-left: 10%;
    width: 100%
}

@media screen and (min-width: 767.98px) {
    #diamond_detail_section .diamond_media_iframe_container iframe.fancy_video {
        padding-left:0
    }
}

#diamond_detail_section .real_sample_sign {
    color: #333;
    font-size: 14px;
    margin-top: -27px;
    padding-right: 18px;
    text-align: right;
    width: 100%
}

@media screen and (max-width: 767px) {
    #diamond_detail_section .real_sample_sign {
        margin-left:auto;
        margin-right: auto;
        padding-right: 0;
        width: 75%
    }
}

#diamond_detail_section .real_sample_sign .tooltip_container {
    color: #333;
    float: right;
    margin-left: 5px;
    position: relative
}

#diamond_detail_section .real_video_sign {
    color: #333;
    font-size: 14px;
    padding-right: 18px;
    text-align: right;
    width: 100%
}

@media screen and (max-width: 767px) {
    #diamond_detail_section .real_video_sign {
        padding-right:0;
        text-align: center
    }
}

#diamond_detail_section .real_video_sign .tooltip_container {
    color: #333;
    float: right;
    margin-left: 5px;
    position: relative
}

#diamond_detail_section .real_image_sign {
    display: none
}

.diamond_detail_tabs {
    float: left;
    width: 100px
}

.dot_icon {
    font-size: 5px;
    padding: 0 10px
}

.dot_icon svg {
    margin-bottom: 3px
}

.irs {
    -webkit-touch-callout: none;
    font-family: Arial,sans-serif;
    font-size: 12px;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.irs,.irs-line {
    display: block;
    position: relative
}

.irs-line {
    outline: none!important;
    overflow: hidden
}

.irs-bar {
    display: block
}

.irs-bar,.irs-shadow {
    left: 0;
    position: absolute;
    width: 0
}

.irs-shadow {
    display: none
}

.irs-handle {
    box-sizing: border-box;
    cursor: default;
    display: block;
    position: absolute;
    z-index: 1
}

.irs-handle.type_last {
    z-index: 2
}

.irs-max,.irs-min {
    cursor: default;
    display: block;
    position: absolute
}

.irs-min {
    left: 0
}

.irs-max {
    right: 0
}

.irs-from,.irs-single,.irs-to {
    cursor: default;
    display: block;
    left: 0;
    position: absolute;
    top: 0;
    white-space: nowrap
}

.irs-grid {
    bottom: 0;
    display: none;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%
}

.irs-with-grid .irs-grid {
    display: block
}

.irs-grid-pol {
    background: #333;
    height: 8px;
    left: 0;
    position: absolute;
    top: 0;
    width: 1px
}

.irs-grid-pol.small {
    display: none;
    height: 4px
}

.irs-grid-text {
    bottom: 0;
    color: #333;
    font-size: 9px;
    left: 0;
    line-height: 9px;
    padding: 0 3px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.irs-disable-mask {
    background: transparent;
    cursor: default;
    display: block;
    height: 100%;
    left: -1%;
    position: absolute;
    top: 0;
    width: 102%;
    z-index: 2
}

.lt-ie9 .irs-disable-mask {
    background: #333;
    cursor: not-allowed;
    filter: alpha(opacity=0)
}

.irs-disabled {
    opacity: .4
}

.irs-hidden-input {
    background: none!important;
    border-color: transparent!important;
    border-style: solid!important;
    display: block!important;
    font-size: 0!important;
    height: 0!important;
    left: 0!important;
    line-height: 0!important;
    margin: 0!important;
    outline: none!important;
    overflow: hidden;
    padding: 0!important;
    position: absolute!important;
    top: 0!important;
    width: 0!important;
    z-index: -9999!important
}

.irs--flat,.irs--flat.irs-with-grid {
    height: 40px
}

.irs--flat .irs-line {
    background-color: #e1e4e9;
    border-radius: 0;
    height: 8px;
    top: 28px
}

.irs--flat .irs-bar {
    background-color: #d9b99b;
    height: 8px;
    top: 28px
}

.irs--flat .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--flat .irs-shadow {
    background-color: #e1e4e9;
    bottom: 16px;
    height: 1px
}

.irs--flat .irs-handle {
    background-color: #333;
    border-radius: 50%;
    height: 20px;
    padding: 9px;
    top: 22px;
    width: 20px
}

.irs--flat .irs-handle:active {
    background-color: gray
}

.irs--flat .irs-handle>i:first-child {
    -moz-background-clip: border;
    -webkit-background-clip: border;
    background-clip: border-box;
    -moz-background-clip: padding;
    -webkit-background-clip: padding;
    background-clip: padding-box;
    -moz-background-clip: content;
    -webkit-background-clip: content;
    background-clip: content-box;
    background-color: #333;
    border: 20px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    margin-left: -20px;
    position: absolute;
    top: -10px
}

.irs--flat .irs-handle.state_hover>i:first-child,.irs--flat .irs-handle:hover>i:first-child {
    background-color: #a43540
}

.irs--flat .irs-max,.irs--flat .irs-min {
    background-color: #e1e4e9;
    border-radius: 4px;
    color: #999;
    display: none;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 3px;
    text-shadow: none;
    top: 0
}

.irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to {
    background-color: #dedede;
    border-radius: 0;
    color: #333;
    display: none;
    font-size: 11px;
    line-height: 1.333;
    margin-left: 8px;
    padding: 1px 5px;
    text-shadow: none
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .irs--flat .irs-from,.irs--flat .irs-single,.irs--flat .irs-to {
        display:block;
        margin-left: 0
    }
}

.irs--flat .irs-from:before,.irs--flat .irs-single:before,.irs--flat .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #073054;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.irs--flat .irs-grid-pol {
    background-color: #fff;
    margin-top: 8px;
    z-index: 1
}

.irs--flat .irs-grid-text {
    color: #999;
    display: none
}

.irs--big {
    height: 55px
}

.irs--big.irs-with-grid {
    height: 70px
}

.irs--big .irs-line {
    background-color: #fff;
    background: linear-gradient(180deg,#ddd -50%,#fff 150%);
    border: 1px solid #ccc;
    border-radius: 12px;
    height: 5px;
    top: 33px
}

.irs--big .irs-bar {
    background-color: #92bce0;
    background: linear-gradient(180deg,#fff,#428bca 30%,#b9d4ec);
    border: 1px solid #428bca;
    box-shadow: inset 0 0 1px 1px hsla(0,0%,100%,.5);
    height: 5px;
    top: 33px
}

.irs--big .irs-bar--single {
    border-radius: 12px 0 0 12px
}

.irs--big .irs-shadow {
    background-color: rgba(66,139,202,.5);
    bottom: 16px;
    height: 1px
}

.irs--big .irs-handle {
    background-color: #cbcfd5;
    background: linear-gradient(180deg,#fff,#b4b9be 30%,#fff);
    border: 1px solid rgba(0,0,0,.3);
    border-radius: 30px;
    box-shadow: 1px 1px 2px rgba(0,0,0,.2),inset 0 0 3px 1px #fff;
    height: 30px;
    top: 28px;
    width: 30px
}

.irs--big .irs-handle.state_hover,.irs--big .irs-handle:hover {
    background-color: #939ba7;
    background: linear-gradient(180deg,#fff,#919ba5 30%,#fff);
    border-color: rgba(0,0,0,.45)
}

.irs--big .irs-max,.irs--big .irs-min {
    background-color: #9f9f9f;
    border-radius: 3px;
    color: #fff;
    padding: 1px 5px;
    text-shadow: none;
    top: 0
}

.irs--big .irs-from,.irs--big .irs-single,.irs--big .irs-to {
    background-color: #428bca;
    background: linear-gradient(180deg,#428bca,#3071a9);
    border-radius: 3px;
    color: #fff;
    padding: 1px 5px;
    text-shadow: none
}

.irs--big .irs-grid-pol {
    background-color: #428bca
}

.irs--big .irs-grid-text {
    color: #428bca
}

.irs--modern,.irs--modern.irs-with-grid {
    height: 55px
}

.irs--modern .irs-line {
    background-color: #d1d6e0;
    background: linear-gradient(180deg,#e0e4ea,#d1d6e0);
    border: solid #a3adc1;
    border-radius: 5px;
    border-width: 1px 1px 0;
    height: 5px;
    top: 28px
}

.irs--modern .irs-bar {
    background: #20b426;
    background: linear-gradient(180deg,#20b426,#18891d);
    height: 5px;
    top: 28px
}

.irs--modern .irs-bar--single {
    border-radius: 5px 0 0 5px
}

.irs--modern .irs-shadow {
    background-color: rgba(209,214,224,.5);
    bottom: 21px;
    height: 1px
}

.irs--modern .irs-handle {
    border: 1px solid #a3adc1;
    border-radius: 0 0 3px 3px;
    border-top: 0 solid #a3adc1;
    box-shadow: 1px 1px 1px rgba(0,0,0,.1);
    height: 13px;
    top: 37px;
    width: 12px
}

.irs--modern .irs-handle>i:first-child {
    background: #fff;
    border: 1px solid #a3adc1;
    display: block;
    height: 6px;
    left: 1px;
    position: absolute;
    top: -4px;
    transform: rotate(45deg);
    width: 6px
}

.irs--modern .irs-handle>i:nth-child(2) {
    background: #e9e6e6;
    background: linear-gradient(180deg,#fff,#e9e6e6);
    border-radius: 0 0 3px 3px;
    box-sizing: border-box;
    display: block;
    height: 5px;
    left: 0;
    position: absolute;
    top: 0;
    width: 10px
}

.irs--modern .irs-handle>i:nth-child(3) {
    border-left: 1px solid #a3adc1;
    border-right: 1px solid #a3adc1;
    box-sizing: border-box;
    display: block;
    height: 5px;
    left: 3px;
    position: absolute;
    top: 3px;
    width: 4px
}

.irs--modern .irs-handle.state_hover,.irs--modern .irs-handle:hover {
    background: #c3c7cd;
    background: linear-gradient(180deg,#fff,#919ba5 30%,#fff);
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:first-child,.irs--modern .irs-handle:hover>i:first-child {
    border-color: #7685a2
}

.irs--modern .irs-handle.state_hover>i:nth-child(3),.irs--modern .irs-handle:hover>i:nth-child(3) {
    border-color: #48536a
}

.irs--modern .irs-max,.irs--modern .irs-min {
    background-color: #d1d6e0;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none;
    top: 0
}

.irs--modern .irs-from,.irs--modern .irs-single,.irs--modern .irs-to {
    background-color: #20b426;
    border-radius: 5px;
    color: #fff;
    font-size: 10px;
    line-height: 1.333;
    padding: 1px 5px;
    text-shadow: none
}

.irs--modern .irs-from:before,.irs--modern .irs-single:before,.irs--modern .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #20b426;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.irs--modern .irs-grid {
    height: 25px
}

.irs--modern .irs-grid-pol {
    background-color: #dedede
}

.irs--modern .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--sharp {
    font-size: 12px;
    height: 50px;
    line-height: 1
}

.irs--sharp.irs-with-grid {
    height: 57px
}

.irs--sharp .irs-line {
    background-color: #333;
    border-radius: 2px;
    height: 2px;
    top: 30px
}

.irs--sharp .irs-bar {
    background-color: #ee22fa;
    height: 2px;
    top: 30px
}

.irs--sharp .irs-bar--single {
    border-radius: 2px 0 0 2px
}

.irs--sharp .irs-shadow {
    background-color: rgba(0,0,0,.5);
    bottom: 21px;
    height: 1px
}

.irs--sharp .irs-handle {
    background-color: #a804b2;
    height: 10px;
    top: 28px;
    width: 10px
}

.irs--sharp .irs-handle>i:first-child {
    border: 5px solid transparent;
    border-top-color: #a804b2;
    display: block;
    height: 0;
    left: 0;
    position: absolute;
    top: 100%;
    width: 0
}

.irs--sharp .irs-handle.state_hover,.irs--sharp .irs-handle:hover {
    background-color: #333
}

.irs--sharp .irs-handle.state_hover>i:first-child,.irs--sharp .irs-handle:hover>i:first-child {
    border-top-color: #333
}

.irs--sharp .irs-max,.irs--sharp .irs-min {
    background-color: #a804b2;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    opacity: .4;
    padding: 3px 4px;
    top: 0
}

.irs--sharp .irs-from,.irs--sharp .irs-single,.irs--sharp .irs-to {
    background-color: #a804b2;
    border-radius: 2px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 4px;
    text-shadow: none
}

.irs--sharp .irs-from:before,.irs--sharp .irs-single:before,.irs--sharp .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #a804b2;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.irs--sharp .irs-grid {
    height: 25px
}

.irs--sharp .irs-grid-pol {
    background-color: #dedede
}

.irs--sharp .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--round {
    height: 50px
}

.irs--round.irs-with-grid {
    height: 65px
}

.irs--round .irs-line {
    background-color: #dee4ec;
    border-radius: 4px;
    height: 4px;
    top: 36px
}

.irs--round .irs-bar {
    background-color: #006cfa;
    height: 4px;
    top: 36px
}

.irs--round .irs-bar--single {
    border-radius: 4px 0 0 4px
}

.irs--round .irs-shadow {
    background-color: rgba(222,228,236,.5);
    bottom: 21px;
    height: 4px
}

.irs--round .irs-handle {
    background-color: #fff;
    border: 4px solid #006cfa;
    border-radius: 24px;
    box-shadow: 0 1px 3px rgba(0,0,255,.3);
    height: 24px;
    top: 26px;
    width: 24px
}

.irs--round .irs-handle.state_hover,.irs--round .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--round .irs-max,.irs--round .irs-min {
    background-color: rgba(0,0,0,.1);
    border-radius: 4px;
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    top: 0
}

.irs--round .irs-from,.irs--round .irs-single,.irs--round .irs-to {
    background-color: #006cfa;
    border-radius: 4px;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    text-shadow: none
}

.irs--round .irs-from:before,.irs--round .irs-single:before,.irs--round .irs-to:before {
    border: 3px solid transparent;
    border-top-color: #006cfa;
    bottom: -6px;
    content: "";
    display: block;
    height: 0;
    left: 50%;
    margin-left: -3px;
    overflow: hidden;
    position: absolute;
    width: 0
}

.irs--round .irs-grid {
    height: 25px
}

.irs--round .irs-grid-pol {
    background-color: #dedede
}

.irs--round .irs-grid-text {
    color: silver;
    font-size: 13px
}

.irs--square {
    height: 50px
}

.irs--square.irs-with-grid {
    height: 60px
}

.irs--square .irs-line {
    background-color: #dedede;
    height: 4px;
    top: 31px
}

.irs--square .irs-bar {
    background-color: #333;
    height: 4px;
    top: 31px
}

.irs--square .irs-shadow {
    background-color: #dedede;
    bottom: 21px;
    height: 2px
}

.irs--square .irs-handle {
    background-color: #fff;
    border: 3px solid #333;
    height: 16px;
    top: 28px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 16px
}

.irs--square .irs-handle.state_hover,.irs--square .irs-handle:hover {
    background-color: #f0f6ff
}

.irs--square .irs-max,.irs--square .irs-min {
    background-color: rgba(0,0,0,.1);
    color: #333;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    top: 0
}

.irs--square .irs-from,.irs--square .irs-single,.irs--square .irs-to {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    line-height: 1;
    padding: 3px 5px;
    text-shadow: none
}

.irs--square .irs-grid {
    height: 25px
}

.irs--square .irs-grid-pol {
    background-color: #dedede
}

.irs--square .irs-grid-text {
    color: silver;
    font-size: 11px
}

table.diamond_table,table.diamond_table_recommended,table.diamond_table_showroom {
    width: 100%
}

table.diamond_table td.price_td,table.diamond_table_recommended td.price_td,table.diamond_table_showroom td.price_td {
    font-family: mreaves-bold!important
}

table.diamond_table_current_specials {
    width: 100%
}

table.diamond_table_current_specials td.price_td {
    font-family: mreaves-bold!important
}

table.diamond_table tr td,table.diamond_table_recommended tr td,table.diamond_table_showroom tr td {
    border: 1px solid #fefefe
}

.tick_tab {
    display: block;
    float: right;
    font-size: 21px;
    margin-bottom: 0;
    margin-right: 5px;
    margin-top: 0
}

table.diamond_table tr td.is_onshore_column,table.diamond_table_comparison tr td.is_onshore_column,table.diamond_table_recommended tr td.is_onshore_column,table.diamond_table_showroom tr td.is_onshore_column {
    font-size: 16px
}

#available_recommended_table_section tr th.recommended_td,#available_showroom_table_section tr th.showroom_td,#comparison_table_section tr th.recommended_td,#comparison_table_section tr th.showroom_td,#current_specials_table_section tr th.showroom_td,table.diamond_table tr th.recommended_td,table.diamond_table tr th.showroom_td {
    min-width: 40px;
    position: relative
}

#available_recommended_table_section tr th.recommended_td .tick,#available_showroom_table_section tr th.showroom_td .tick,#comparison_table_section tr th.recommended_td .tick,#comparison_table_section tr th.showroom_td .tick,#current_specials_table_section tr th.showroom_td .tick,table.diamond_table tr th.recommended_td .tick,table.diamond_table tr th.showroom_td .tick {
    font-size: 16px
}

#available_recommended_table_section tr th.recommended_td .tooltip_container,#available_showroom_table_section tr th.showroom_td .tooltip_container,#comparison_table_section tr th.recommended_td .tooltip_container,#comparison_table_section tr th.showroom_td .tooltip_container,#current_specials_table_section tr th.showroom_td .tooltip_container,table.diamond_table tr th.recommended_td .tooltip_container,table.diamond_table tr th.showroom_td .tooltip_container {
    color: #fff;
    left: 80%
}

#available_recommended_table_section tr th.recommended_td .tooltip_container .tooltiptext,#available_showroom_table_section tr th.showroom_td .tooltip_container .tooltiptext,#comparison_table_section tr th.recommended_td .tooltip_container .tooltiptext,#comparison_table_section tr th.showroom_td .tooltip_container .tooltiptext,#current_specials_table_section tr th.showroom_td .tooltip_container .tooltiptext,table.diamond_table tr th.recommended_td .tooltip_container .tooltiptext,table.diamond_table tr th.showroom_td .tooltip_container .tooltiptext {
    /* left: 140px;
    top: calc(100% - 20px) */
    left : 110%;
}

#available_recommended_table_section tr th.recommended_td .tooltip_container .tooltiptext .star-icon,#available_showroom_table_section tr th.showroom_td .tooltip_container .tooltiptext .star-icon,#comparison_table_section tr th.recommended_td .tooltip_container .tooltiptext .star-icon,#comparison_table_section tr th.showroom_td .tooltip_container .tooltiptext .star-icon,#current_specials_table_section tr th.showroom_td .tooltip_container .tooltiptext .star-icon,table.diamond_table tr th.recommended_td .tooltip_container .tooltiptext .star-icon,table.diamond_table tr th.showroom_td .tooltip_container .tooltiptext .star-icon {
    width: 25px
}

#available_recommended_table_section tr th.recommended_td .tooltip_container .tooltiptext:after,#available_showroom_table_section tr th.showroom_td .tooltip_container .tooltiptext:after,#comparison_table_section tr th.recommended_td .tooltip_container .tooltiptext:after,#comparison_table_section tr th.showroom_td .tooltip_container .tooltiptext:after,#current_specials_table_section tr th.showroom_td .tooltip_container .tooltiptext:after,table.diamond_table tr th.recommended_td .tooltip_container .tooltiptext:after,table.diamond_table tr th.showroom_td .tooltip_container .tooltiptext:after {
    border-right-color: #fff;
    border-top-color: transparent;
    left: -2%;
    top: 7%;
    z-index: 2
}


table.diamond_table tr th.showroom_td {
    display: flex;
    align-items: center;
    justify-content: center;
}

table.diamond_table tr th.showroom_td .tooltip_container {
    bottom: auto!important;
    display: inline-block!important;
    height: fit-content!important;
    left: auto!important;
    margin: 0!important;
    max-height: fit-content!important;
    min-height: fit-content!important;
    padding: 0!important;
    position: relative!important;
    right: auto!important;
    top: auto!important
}

#diamond_detail_section .diamond_detail_content_title {
    font-size: 22px
}

@media screen and (max-width: 767px) {
    #diamond_detail_section .diamond_detail_content_title {
        font-size:20px!important;
        letter-spacing: normal
    }
}

#diamond_detail_section .diamond_detail_content_img img {
    width: 200px
}

.container_advanced_filters_button {
    border-top: 1px solid #d9b99b;
    padding: 0 0 15px
}

#advanced_filters_button {
    background: #d9b99b;
    padding: 5px
}

.clear-filter-btn, .search-btn{
    background: #d9b99b;
    color: #fff;
    float: right;
    font-family: mreaves-regular;
    font-size: 18px;
    letter-spacing: 1.2px;
    line-height: 20px;
    padding: 7px 10px;
    /* position: absolute; */
    right: 0;
    text-decoration: none;
    text-transform: capitalize;
    top: 0;
    border : none;
}
.search-btn{
    margin-top: 1%;
}
.clear-filter-btn{
    margin-top: -4px;
}

.clear-filter-btn:hover , .search-btn:hover{
    color: #fff;
    text-decoration: underline;
}

#advanced_filters_content {
    border-top: 2px solid #d9b99b;
    margin-bottom: 80px;
    margin-top: 20px
}

#search_form>.row {
    margin-right: 0
}

#search_form>.row>div {
    padding-right: 0
}

/* .diamond_filter_desktop #search_form .row {
    max-height: 60px
} */

@media screen and (min-width: 768px) and (max-width:991.98px) {
    body {
        top: 65px !important;
    }
    .diamond_filter_desktop #search_form .row {
        max-height:none
    }
}

.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
    float: left;
    padding: 8px 20px;
    text-decoration: none
}

@media screen and (max-width: 520.98px) {
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        padding:8px 6px
    }
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    border: 1px solid #d9b99b
}

.recommended-icon {
    position: relative;
    top: -2px;
    vertical-align: middle;
    width: 25px
}

.recommended-icon.inactive-recommended-icon {
    display: inline-block
}

.recommended-icon.active-recommended-icon {
    display: none
}

.single-special-icon {
    vertical-align: bottom;
    width: 25px
}

.ui-state-active .recommended-icon.inactive-recommended-icon {
    display: none
}

.ui-state-active .recommended-icon.active-recommended-icon {
    display: inline-block
}

.ui-state-active .tooltip_container {
    color: #fff
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    background: #d9b99b;
    border: 1px solid #d9b99b
}

.ui-tabs .ui-tabs-panel thead {
    background: #d9b99b
}

.ui-tabs .ui-tabs-panel thead th,.ui-tabs .ui-tabs-panel thead th a {
    font-family: mreaves-regular
}

a.to_diamond_detail_from_diamond_list {
    text-decoration: none
}

a.to_diamond_detail_from_diamond_list>div {
    background-color: #d9b99b;
    color: #fff;
    margin-left: 8%;
    padding: 0;
    width: 84%
}

.icon_includes_video {
    margin-left: .5em;
    margin-top: 1px;
    opacity: .7;
    width: 15px
}

.container_advanced_filters_button {
    border-top: 2px solid #d9b99b;
    display: inline-block;
    margin-top: 15px;
    padding: 4px 0 0px;
    position: relative;
    width: 100%
}

#advanced_filters_button {
    background: #d9b99b;
    color: #fff;
    font-size: 18px;
    letter-spacing: 1.2px;
    padding: 7px 30px 7px 7px;
    text-decoration: none
}

#advanced_filters_button:after {
    background: url(https://novitadiamonds.com.my/build/images/order_arrow_down.9a052238.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: inline-block;
    height: 25px;
    position: absolute;
    width: 30px
}

#search_form>.row>div>div:first-of-type {
    float: left;
    margin-top: 15px;
    max-width: none;
    padding: 0;
    width: 15%
}

#search_form>.row>div>div:nth-of-type(2) {
    float: left;
    padding-right: 35px;
    width: 85%
}

.ui-widget.ui-widget-content {
    border: none;
    border-radius: 0;
    padding: 0
}

.ui-tabs .ui-tabs-nav {
    background: #fbf8f0;
    border: 0;
    margin: 0;
    padding: 0
}

.ui-tabs .ui-tabs-nav li {
    float: left;
    list-style: none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
    white-space: nowrap
}

.ui-button,.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default,html .ui-button.ui-state-disabled:active,html .ui-button.ui-state-disabled:hover {
    background: #fff;
    border: none;
    border-left: 2px solid rgba(0,0,0,.8);
    border-radius: 0;
    color: #333;
    font-family: mreaves-regular;
    font-weight: 400
}

li.result_tab.ui-tab.ui-tabs-tab {
    border-left: none
}

.ui-button.ui-state-active:hover,.ui-button:active,.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active,a.ui-button:active {
    background-color: rgba(0,0,0,.8);
    color: #fff;
    font-weight: 400
}

.ui-tabs .ui-tabs-panel {
    border-width: 0;
    display: block;
    font-family: mreaves-regular;
    padding: 0
}

.ui-tabs .ui-tabs-panel thead {
    background: #fbf8f0;
    color: #906a39;
    font-family: mreaves-regular;
    font-size: 16px;
    letter-spacing: 1.2px;
    border: 2px solid #d9b99b;
}

.ui-tabs .ui-tabs-panel thead th,.ui-tabs .ui-tabs-panel thead th a {
    color: #906a39;
    font-family: mreaves-bold;
    font-size: 18px;
    font-weight: 100;
    margin: 0;
    padding: 0
}

.ui-tabs .ui-tabs-panel thead th a {
    text-decoration: underline
}

#search_form .field_label {
    color: #906a39;
    font-family: mreaves-bold;
    font-size: 18px;
    margin-top: 0;
    padding-right: 18px;
    padding-top: 6px;
    text-transform: capitalize
}

#carat_value_inputs .from_carat_value,#carat_value_inputs .to_carat_value,#price_value_inputs .from_price_value,#price_value_inputs .to_price_value,#ratio_value_inputs .from_ratio_value,#ratio_value_inputs .to_ratio_value {
    background: #fff;
    border: none;
    border-bottom: 2px solid #d9b99b
}

.number_1,.number_2,.number_3 {
    color: #333
}

.select_diamond_container .step_2,.select_diamond_container .step_3 {
    background: hsla(0,0%,100%,.4)
}

#diamond_list_section .diamond_filter_certificate_content li label, #diamond_list_section .diamond_filter_source_content li label {
    cursor: pointer
}

#diamond_detail_section .step_1,#diamond_detail_section .step_3,#diamond_list_section .step_1,#diamond_list_section .step_3 {
    background: #333
}

#diamond_detail_section .step_2,#diamond_list_section .step_2 {
    background: initial
}

#diamond_detail_section .steps_diamond_first .step_1,#diamond_list_section .steps_diamond_first .step_1 {
    background: #fff
}

#diamond_detail_section .steps_diamond_first .step_1 .description_1 span,#diamond_detail_section .steps_diamond_first .step_1 .number_1,#diamond_list_section .steps_diamond_first .step_1 .description_1 span,#diamond_list_section .steps_diamond_first .step_1 .number_1 {
    color: #333
}

#diamond_detail_section .steps_diamond_first .step_2,#diamond_list_section .steps_diamond_first .step_2 {
    background: #333
}

#diamond_detail_section .steps_diamond_first .step_2 .number_2,#diamond_list_section .steps_diamond_first .step_2 .number_2 {
    background-color: #333;
    color: #fff
}

#diamond_detail_section .steps_diamond_first .step_2 .description_2 span,#diamond_list_section .steps_diamond_first .step_2 .description_2 span {
    color: #fff
}

#diamond_detail_section .steps_diamond_first .step_3,#diamond_list_section .steps_diamond_first .step_3 {
    background: #333
}

#diamond_detail_section .steps_diamond_first .step_3 .number_3,#diamond_list_section .steps_diamond_first .step_3 .number_3 {
    background-color: #333;
    color: #fff
}

#diamond_detail_section .steps_diamond_first .step_3 .description_3 span,#diamond_list_section .steps_diamond_first .step_3 .description_3 span {
    color: #fff
}

#diamond_detail_section .steps_ring_first .step_1 .number_1,#diamond_list_section .steps_ring_first .step_1 .number_1 {
    background-color: #333;
    color: #fff
}

#diamond_detail_section .steps_ring_first .step_1 .description_1,#diamond_list_section .steps_ring_first .step_1 .description_1 {
    color: #fff
}

#diamond_detail_section .steps_ring_first .step_2 .number_2,#diamond_list_section .steps_ring_first .step_2 .number_2 {
    color: #333
}

#diamond_detail_section .steps_ring_first .step_2 .description_2,#diamond_list_section .steps_ring_first .step_2 .description_2 {
    color: #333;
    line-height: 10px
}

#diamond_detail_section .steps_ring_first .step_2 .description_2 span,#diamond_list_section .steps_ring_first .step_2 .description_2 span {
    color: #333
}

#diamond_detail_section .steps_ring_first .step_3 .number_3,#diamond_list_section .steps_ring_first .step_3 .number_3 {
    background-color: #333;
    color: #fff
}

#diamond_detail_section .steps_ring_first .step_3 .description_3,#diamond_list_section .steps_ring_first .step_3 .description_3 {
    color: #fff
}

/* #diamond_list_section .round-shape {
    background-position: -.9% 3%;
}

#diamond_list_section .round-shape.active {
    background-position: 0 -79px
}

#diamond_list_section .cushion-shape {
    background-position: -90px 5px
}

#diamond_list_section .cushion-shape.active {
    background-position: -90px -79px
}

#diamond_list_section .oval-shape {
    background-position: -44px 5px
}

#diamond_list_section .oval-shape.active {
    background-position: -44px -79px
}

#diamond_list_section .princess-shape {
    background-position: -130px 5px
}

#diamond_list_section .princess-shape.active {
    background-position: -130px -79px
}

#diamond_list_section .emerald-shape {
    background-position: -171px 5px
}

#diamond_list_section .emerald-shape.active {
    background-position: -171px -79px
}

#diamond_list_section .pear-shape {
    background-position: -213px 5px
}

#diamond_list_section .pear-shape.active {
    background-position: -213px -79px
}

#diamond_list_section .radiant-shape {
    background-position: -255px 5px
}

#diamond_list_section .radiant-shape.active {
    background-position: -255px -79px
}

#diamond_list_section .asscher-shape {
    background-position: -300px 5px
}

#diamond_list_section .asscher-shape.active {
    background-position: -300px -79px
}

#diamond_list_section .marquise-shape {
    background-position: -344px 5px
}

#diamond_list_section .marquise-shape.active {
    background-position: -344px -79px
}

#diamond_list_section .heart-shape {
    background-position: -387px 5px
}

#diamond_list_section .heart-shape.active {
    background-position: -387px -79px
} */

#advanced_filters_content>.row {
    margin-right: 0
}

#advanced_filters_content>.row>div {
    padding-right: 0
}

#advanced_filters_content>.row>div>div:first-of-type {
    float: left;
    margin-top: 15px;
    max-width: none;
    padding: 0;
    width: 15%
}

#advanced_filters_content>.row>div>div:nth-of-type(2) {
    float: left;
    width: 85%
}

#diamond_list_section>h4 {
    clear: both;
    font-family: mreaves-book;
    font-size: 22px;
    padding: 0 20px
}

#diamond_list_section #comparison_table_section table tr {
    height: 35px
}

#diamond_list_section #comparison_table_section table tr td.price_td {
    font-family: mreaves-bold
}

#diamond_list_section #comparison_table_section table tr td {
    font-family: mreaves-regular;
    font-size: 17px
}

/* #diamond_list_section .shape {
    margin: 0
} */

#tabs {
    margin: 0 auto 50px
}

#tabs,.diamond_filter {
    max-width: 1300px;
    width: 100%
}

.diamond_filter {
    margin: 0 auto;
    padding-right: 15px
}

.diamond_filter .tooltip_container {
    bottom: 0;
    color: #333;
    height: 20px;
    left: auto;
    margin: auto;
    position: absolute;
    right: 0;
    top: 6px
}

.diamond_filter #search_form>div>div:first-of-type .tooltip_container .tooltiptext {
    margin-left: -86px;
    width: 170px
}

.mt-0 {
    margin-top: 0!important
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .mobile-block {
        display:block
    }

    .tick_tab {
        position: absolute;
        right: 0;
        right: -4px;
        top: calc(50% + 5px);
        transform: translate(-50%,-50%)
    }

    .tick_tab img {
        vertical-align: baseline;
        width: 27px
    }

    .is_onshore_column img {
        display: inline-block;
        margin-top: -1px;
        vertical-align: text-top;
        width: 16px
    }

    #tabs ul li a {
        max-height: none;
        width: 100%
    }

    #tabs ul li a .left-content {
        display: inline-block;
        float: left;
        width: calc(100% - 27px)
    }

    #tabs ul li a .right-image {
        display: inline-block;
        float: right;
        position: absolute;
        top: 50%;
        transform: translate(-50%,-50%);
        width: 27px
    }

    #tabs ul li a .right-image i {
        font-size: 20px
    }

    #tabs ul li .ui-tabs-anchor {
        width: 100%
    }

    #tabs ul li.compare_tab {
        display: none
    }

    #tabs ul li.result_tab {
        width: 18%
    }

    #tabs ul li.available_showroom_tab {
        text-align: left;
        width: 47%
    }

    #tabs ul li.available_showroom_tab .right-image {
        top: calc(50% + 3px)
    }

    #tabs ul li.recommended_tab {
        width: 35%
    }

    .diamond_filter {
        padding-right: 0
    }

    .small-font {
        font-size: 25px!important;
        line-height: 25px!important
    }

    .clear-filter-btn {
        background: #333;
        color: #fff;
        display: block;
        font-family: mreaves-regular;
        font-size: 18px;
        font-size: 16px;
        letter-spacing: 1.2px;
        line-height: 20px;
        margin-top: 2px;
        padding: 13px 10px;
        position: relative;
        text-decoration: none;
        text-transform: uppercase;
        width: 100%
    }

    .clear-filter-btn:hover {
        color: #fff
    }

    .clear-filter-btn .close-btn {
        font-family: mreaves-bold;
        font-size: 12px;
        margin-left: 10px;
        vertical-align: top
    }
}

.current_specials_tab .to_current_special {
    padding-left: 7px!important
}

.current_specials_tab.ui-state-active .current-special-icon.active-icon {
    display: inline-block
}

.current_specials_tab.ui-state-active .current-special-icon.inactive-icon {
    display: none
}

.current_specials_tab.ui-state-active .tooltip_container {
    color: #333!important
}

.current_specials_tab .current-special-icon {
    margin-top: -5px;
    width: 18px
}

.current_specials_tab .current-special-icon.active-icon {
    display: none
}

.current_specials_tab .current-special-icon.inactive-icon {
    display: inline-block
}

.current_specials_tab .tooltip_container {
    left: unset;
    right: 3px;
    top: 5px
}

.available_showroom_tab.ui-state-active .floating_video_icon .video-icon.black_icon {
    display: none
}

.available_showroom_tab.ui-state-active .floating_video_icon .video-icon.white_icon {
    display: inline-block
}

.available_showroom_tab .floating_video_icon {
    line-height: 20px
}

.available_showroom_tab .floating_video_icon .video-icon {
    margin-right: 3px;
    vertical-align: text-top
}

.available_showroom_tab .floating_video_icon .video-icon.black_icon {
    display: inline-block
}

.available_showroom_tab .floating_video_icon .video-icon.white_icon {
    display: none
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #filter_clarity_labels .vvs1 {
        padding-left:6px
    }

    #filter_clarity_labels .vs1,#filter_clarity_labels .vs2,#filter_clarity_labels .vvs2 {
        padding-left: 0
    }

    #filter_clarity_labels .si1 {
        padding-left: 8px;
        text-align: left
    }

    #filter_clarity_labels .si2 {
        padding-left: 5px;
        text-align: left
    }

    #filter_clarity_labels .i1 {
        padding-left: 7px;
        text-align: left
    }
}

#diamond_list_section #available_recommended_table_section table tr.even_row,#diamond_list_section #available_showroom_table_section table tr.even_row,#diamond_list_section #comparison_table_section table tr.even_row,#diamond_list_section #current_specials_table_section table tr.even_row,#diamond_list_section #load_here table tr.even_row {
    background-color: rgba(217, 185, 155, .5);
}

.available_showroom_tab .tooltip_container,.recommended_tab .tooltip_container {
    left: unset;
    right: 6px;
    top: 5px
}

.result_tab .tooltip_container {
    left: 87%;
    top: 5px
}

.tooltiptext .star-icon {
    display: inline
}

#body_table_comparison tr td {
    font-size: 14px
}

#available_recommended_table_section table tr td,#available_showroom_table_section table tr td,#load_here table tr td {
    padding: 6px 0
}

#current_specials_table_section table tr td {
    border: 1px solid #fefefe;
    font-family: mreaves-book;
    font-size: 17px;
    padding: 4px 0
}

@media screen and (max-width: 767px) {
    #current_specials_table_section table tr {
        height:50px
    }

    #current_specials_table_section table tr th img#carat_specials_table_header_img,#current_specials_table_section table tr th img#price_specials_table_header_img {
        width: 20px
    }

    #current_specials_table_section table tr td {
        font-size: 12px!important
    }

    #current_specials_table_section table tr td:first-of-type {
        font-family: mreaves-book
    }

    #current_specials_table_section table tr td.is_onshore_column {
        font-size: 16px!important
    }
}

#diamond_list_section>.row>div {
    padding: 0
}

#diamond_list_section #load_here table tr {
    height: 25px
}

#diamond_list_section #comparison_table_section table tr {
    font-size: 16px;
    height: 25px
}

#comparison_table_section table {
    width: 100%
}

#comparison_table_section {
    font-size: 12px;
    min-height: 900px;
    position: relative
}

.container_input {
    cursor: pointer;
    display: block;
    font-size: 22px;
    height: 25px;
    margin: 0;
    padding-left: 35px;
    position: relative;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.container_input input {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute;
    width: 0
}

.checkmark {
    background-color: #fff;
    border: 1px solid #333;
    height: 22px;
    left: 0;
    margin: auto;
    position: absolute;
    /* right: 0; */
    top: 0;
    width: 22px
}

.container_input:hover input~.checkmark {
    background-color: #d9b99b;
    border: none
}

.container_input input:checked~.checkmark {
    background-color: #d9b99b
}

.checkmark:after {
    content: "";
    display: none;
    position: absolute
}

.container_input input:checked~.checkmark:after {
    display: block
}

.container_input .checkmark:after {
    border: solid #fff;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 9px;
    top: 5px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 5px
}

.irs--flat .irs-line {
    background-color: rgba(217,185,155,.3)!important
}

#diamond_detail_section {
    border-bottom: 2px solid #d9b99b;
    box-sizing: border-box;
    padding-bottom: 80px
}

#diamond_detail_section>.row {
    margin: 0 auto;
    max-width: 1000px;
    padding-top: 10px;
    width: 100%
}

.diamond_detail_container {
    padding: 35px 0 0 100px;
    position: relative
}

#diamond_view_container {
    overflow-x: scroll;
}

#diamond_view_container iframe {
    position: relative;
    width: 500px;
    height: 300px;
    border: none; 
    overflow: scroll; 
}

#diamond_iframe {
    width: 100%;
    height: 100%;
    transition: transform 0.3s ease-in-out, width 0.3s, height 0.3s;
    border: none;
}
#diamond_view_container:hover #diamond_iframe {
    position: absolute;
    width: 500px;
    height: 500px;
    top: 0px;
    left: 0px;
    z-index: 1000;
}

#diamond_detail_section>.row>div:nth-of-type(2) {
    padding: 0 15px
}

.back_loose_link {
    left: 0;
    position: absolute;
    top: 0
}

.back_loose_link a {
    color: #333
}

#diamond_detail_section .diamond_detail_tabs {
    left: 0;
    position: absolute;
    top: 35px;
    width: 85px
}

#diamond_detail_section .diamond_detail_tabs a {
    background: transparent;
    border-radius: 0;
    color: #333;
    line-height: 14px;
    margin-bottom: 10px;
    min-height: 80px;
    width: 100%
}

#diamond_detail_section .diamond_detail_content_img img,.diamond_detail_content_certificate img,.diamond_detail_content_video img {
    height: 300px;
    width: 100%!important
}

.only_one,.others_bag {
    float: left;
    padding: 14px 0;
    width: 100%
}

.only_one {
    font-size: 17px;
    text-align: left
}

.only_one .available_showroom {
    float: left;
    width: 50%
}

.only_one .checkbox_with_floating_video {
    display: inline-block;
    position: relative;
    width: 50%
}

.only_one .checkbox_with_floating_video .pink_checkbox_box {
    width: 100%
}

.only_one .checkbox_with_floating_video .floating_video_icon {
    left: 195px;
    position: absolute
}

.only_one .available_recommended {
    float: left;
    width: 50%
}

.only_one .pink_checkbox_box {
    clear: none;
    float: left;
    margin-top: 2px;
    width: 50%
}

.only_one .pink_checkbox_box .pink_checkbox_box_legend {
    margin-top: -2px
}

.only_one .shipping_time {
    clear: both
}

.only_one .ships_as_a_loose_diamond {
    font-family: mreaves-bold;
    margin-bottom: 10px
}

.only_one img {
    margin-right: 15px;
    margin-top: -3px;
    width: 20px
}

.choose_diamond_section {
    background: #333;
    clear: both;
    margin: 40px auto auto;
    min-height: 44px;
    padding: 10px 45px 10px 5px;
    position: relative;
    width: 100%
}

#add_loose_diamond_to_cart_submit:hover,.choose_diamond_section a:hover {
    text-decoration: none
}

.add_loose_diamond_section {
    background: #333;
    clear: both;
    margin: 5px auto auto;
    padding: 5px 5px 4px
}

.add_loose_diamond_section input {
    background-color: #333;
    border: none;
    color: #fff;
    font-size: 21px;
    text-decoration: none;
    text-transform: uppercase;
    width: 100%
}

.add_loose_diamond_section input:hover {
    text-decoration: underline
}

.diamond_detail_set_favorite {
    border-left: 1px solid #fff;
    bottom: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.diamond_detail_favorite {
    cursor: pointer;
    height: 0;
    opacity: 0;
    position: absolute
}

.diamond_detail_set_favorite label {
    cursor: pointer;
    margin: 10px 0 0
}

.diamond_detail_set_favorite label:before {
    background: url(/build/images/heart_line_white.9bc34ddb.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 28px;
    width: 24px
}

.diamond_detail_set_favorite input:checked+label:before {
    background: url(/build/images/heart_filled.28682183.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%;
    content: "";
    display: block;
    height: 28px;
    width: 24px
}

.diamond_is_in_shopping_cart_button,.to_setting_list_from_diamond_detail,.to_summary_from_diamond_detail {
    color: #fff;
    font-size: 21px;
    height: 100%;
    left: 0;
    line-height: 42px;
    position: absolute;
    text-transform: uppercase;
    top: 0;
    width: calc(100% - 40px)
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .add_loose_diamond_section input,.to_setting_list_from_diamond_detail {
        font-size:18px
    }

    #diamond_detail_section .diamond_detail_content_img img,.diamond_detail_content_certificate img {
        height: auto;
        width: 75%!important
    }

    .real_sample_sign {
        margin-top: 15px!important
    }

    .diamond_detail_content_video img {
        width: 60%!important
    }

    .only_one .available_showroom {
        float: none;
        width: 100%
    }

    .only_one .checkbox_with_floating_video {
        display: inline-block;
        position: relative;
        width: 100%
    }

    .only_one .checkbox_with_floating_video .pink_checkbox_box {
        width: 100%
    }

    .only_one .checkbox_with_floating_video .floating_video_icon {
        left: 195px;
        position: absolute
    }
}

.diamond_is_in_shopping_cart_button:hover,.to_setting_list_from_diamond_detail:hover,.to_summary_from_diamond_detail:hover {
    color: #fff
}

.diamond_recommended_div {
    background-color: #333;
    color: #fff;
    display: none;
    font-family: mreaves-bold;
    font-size: 31px;
    padding: 10px;
    text-align: center;
    text-transform: uppercase;
    width: 100%
}

.diamond_recommended_div img {
    margin-bottom: 5px;
    margin-right: 10px;
    width: 35px
}

.diamond_detail_content_features {
    clear: both;
    float: left;
    margin-top: 20px;
    width: 100%
}

.diamond_detail_content_features .gemstone a {
    color: #333;
    text-decoration: underline
}

.diamond_detail_content_features .er_details_row {
    display: flex;
    margin-left: 27%;
    text-align: left;
    width: 60%
}

.diamond_detail_content_features .er_details_row a {
    color: #333
}

.diamond_detail_content_features .er_details_row .er_details_column_one,.diamond_detail_content_features .er_details_row .er_details_column_two {
    width: 50%
}

.diamond_detail_content_features .er_details_row>div:last-of-type {
    font-family: mreaves-bold
}

#diamond_detail_section .diamond_detail_container .loading_diamond_media {
    position: absolute;
    width: 100%;
    z-index: -1
}

#diamond_detail_section .diamond_detail_container .loading_diamond_media img {
    margin-top: 125px;
    width: 64px
}

.carousel-control-next,.carousel-control-prev {
    bottom: 100px!important;
    top: 100px!important
}

@media screen and (min-width: 1px) and (max-width:767px) {
    body {
        top: 80px !important;
    }

    .diamond_recommended_div {
        margin-top:35px
    }

    .diamond_detail_content_features .er_details_row {
        display: flex;
        margin-left: 13%;
        width: 86%
    }

    #price_value_inputs .from_price_value {
        width: 30%
    }

    #price_value_inputs .from_price_value input {
        padding-left: 35%
    }

    #price_value_inputs .to_price_value {
        width: 31%
    }

    #diamond_detail_section .diamond_detail_container .loading_diamond_media img {
        margin-top: 140px
    }

    .carousel-indicators .active {
        border-right: 20px;
        height: 22px;
        margin-top: 7px;
        width: 22px
    }

    ol.carousel-indicators {
        bottom: -40px!important
    }

    ol.carousel-indicators>li {
        background-clip: unset;
        background-color: #d9b99b;
        border-bottom: 0;
        border-radius: 15px;
        border-top: 0;
        display: table;
        height: 12px;
        margin-left: 10px;
        margin-right: 10px;
        margin-top: 12px;
        opacity: 1;
        width: 12px
    }

    #diamond_detail_section .diamond_detail_slides_mobile_content {
        max-height: 370px;
        min-height: 350px
    }

    #diamond_detail_section .diamond_media_iframe_container iframe {
        height: 261px;
        padding-left: 0!important;
        width: 261px
    }

    #diamond_detail_section .back_loose_link {
        left: 15px
    }

    #diamond_detail_section .diamond_detail_container {
        padding: 30px 0 0;
        position: relative
    }

    .select_diamond_container .steps_diamond_first .step_2 .description_2 a,.select_diamond_container .steps_diamond_first .step_2 .description_2 span,.select_diamond_container .steps_diamond_first .step_3 .description_3 span {
        display: none
    }

    .select_diamond_container .steps_diamond_first .step_2,.select_diamond_container .steps_diamond_first .step_3 {
        width: 25%
    }

    .select_diamond_container .steps_diamond_first .step_1 {
        width: 50%
    }

    .select_diamond_container .steps_diamond_first .step_1 .description_1,.select_diamond_container .steps_diamond_first .step_2 .description_2,.select_diamond_container .steps_diamond_first .step_3 .description_3 {
        padding-left: 0
    }

    .select_diamond_container .steps_diamond_first .step_1 .description_1 .mobile a,.select_diamond_container .steps_diamond_first .step_2 .description_2 .mobile a,.select_diamond_container .steps_diamond_first .step_3 .description_3 .mobile a {
        display: block!important;
        margin: 0!important
    }

    .select_diamond_container .steps_diamond_first .step_1 .description_1 img,.select_diamond_container .steps_diamond_first .step_2 .description_2 img,.select_diamond_container .steps_diamond_first .step_3 .description_3 img {
        margin-right: 0;
        width: 20px
    }

    .select_diamond_container .steps_diamond_first .step_1 .description_1 span {
        font-size: 15px
    }

    .select_diamond_container .steps_diamond_first .number_1,.select_diamond_container .steps_diamond_first .number_2,.select_diamond_container .steps_diamond_first .number_3 {
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px
    }

    .select_diamond_container .steps_ring_first .step_1 .description_1 span,.select_diamond_container .steps_ring_first .step_3 .description_3 span {
        display: none
    }

    .select_diamond_container .steps_ring_first .step_1,.select_diamond_container .steps_ring_first .step_3 {
        width: 25%
    }

    .select_diamond_container .steps_ring_first .step_2 {
        width: 50%
    }

    .select_diamond_container .steps_ring_first .step_1_arrow {
        margin-left: calc(25% - 19px)
    }

    .select_diamond_container .steps_ring_first .step_1 .description_1,.select_diamond_container .steps_ring_first .step_2 .description_2,.select_diamond_container .steps_ring_first .step_3 .description_3 {
        padding-left: 0
    }

    .select_diamond_container .steps_ring_first .step_1 .description_1 img,.select_diamond_container .steps_ring_first .step_2 .description_2 img,.select_diamond_container .steps_ring_first .step_3 .description_3 img {
        margin-right: 0;
        width: 21px
    }

    .select_diamond_container .steps_ring_first .step_2 .description_2 span {
        font-size: 15px;
        padding-left: 0
    }

    .select_diamond_container .steps_ring_first .number_1,.select_diamond_container .steps_ring_first .number_2,.select_diamond_container .steps_ring_first .number_3 {
        -ms-flex-preferred-size: 30px;
        flex-basis: 30px
    }

    .ui-tabs .ui-tabs-panel tbody td:nth-of-type(10),.ui-tabs .ui-tabs-panel tbody td:nth-of-type(7),.ui-tabs .ui-tabs-panel tbody td:nth-of-type(8),.ui-tabs .ui-tabs-panel thead th:nth-of-type(10),.ui-tabs .ui-tabs-panel thead th:nth-of-type(7),.ui-tabs .ui-tabs-panel thead th:nth-of-type(8) {
        display: none
    }

    .ui-tabs .ui-tabs-panel thead th,.ui-tabs .ui-tabs-panel thead th a {
        font-size: 12px
    }

    #carat_table_header_img,#price_table_header_img {
        width: 14px
    }

    .ui-tabs .ui-tabs-panel tbody td {
        font-size: 12px
    }

    #load_here table tr td.text-right {
        font-size: 12px;
        padding-right: 10px
    }

    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size: 13px
    }
}

@media screen and (min-width: 1px) and (max-width:767px) and (min-width:376px) and (max-width:768px) {
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size:14px!important
    }
}

@media screen and (min-width: 1px) and (max-width:767px) and (min-width:1px) and (max-width:375px) {
    .ui-tabs .ui-tabs-nav .ui-tabs-anchor {
        font-size:11px!important
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .ui-tabs .ui-tabs-nav li.ui-tabs-active {
        padding-bottom:0!important
    }

    #tabs ul li a {
        max-height: 100%;
        width: 100%
    }

    .ui-tabs .ui-tabs-nav li {
        align-items: center;
        border-radius: 0!important;
        -webkit-border-radius: 0!important;
        -moz-border-radius: 0!important;
        -ms-border-radius: 0!important;
        -o-border-radius: 0!important;
        display: flex;
        height: 67px;
        margin-bottom: 0!important
    }

    .current_specials_tab {
        width: 35%
    }

    #diamond_list_section>h4 {
        border-bottom: 1px solid #d9b99b;
        font-size: 18px;
        margin-bottom: 0;
        padding: 0 20px
    }

    #search_form>.row>div>div:first-of-type {
        padding: 5px 15px;
        text-align: left;
        width: 100%
    }

    .diamond_filter_title {
        background: #d9b99b;
        height: 45px;
        margin-top: 1px!important;
        width: 100%!important
    }

    .diamond_filter_color_title.diamond_filter_title .switch {
        position: absolute;
        padding: 10px 0px;
    }

    #search_form .diamond_filter_ratio_title .field_label,#search_form .diamond_filter_symmetry_title .field_label, #search_form .diamond_filter_price_title .field_label, #search_form .diamond_filter_fluorescence_title .field_label, #search_form .diamond_filter_eye_clean_title .field_label {
        padding-right: 15px;
        padding-top: 12px
    }

    #search_form .field_label {
        color: #fff;
        padding-right: 0
    }

    .diamond_filter_content {
        padding: 10px 25px 10px 35px;
        width: 100%!important
    }

    #diamond_list_section .mobile_diamond_filter_button {
        background-color: #fff;
        border-bottom: 1px solid #d9b99b;
        color: #333;
        cursor: pointer;
        padding: 14px;
        text-align: left
    }

    #diamond_list_section .field_label .point_arrow {
        color: #333
    }

    #diamond_list_section .diamond_filter,#diamond_list_section .diamond_filter .tooltip_container {
        display: none
    }

    #diamond_list_section .point_arrow {
        float: right
    }

    #diamond_list_section .diamond_filter_carat_content,#diamond_list_section .diamond_filter_color_content,#diamond_list_section .diamond_filter_cut_content,#diamond_list_section .diamond_filter_price_content,#diamond_list_section .diamond_filter_shape_content, #diamond_list_section .diamond_filter_fluorescence_content, #diamond_list_section .diamond_filter_eye_clean_content, #diamond_list_section .down_arrow {
        display: none
    }
}

@media screen and (min-width: 1px) and (max-width:767px) and (max-width:500px) {
    #diamond_list_section .diamond_filter_color_content {
        padding-left:15px!important;
        padding-right: 15px!important;
        height: 140px;
        padding-top: 60px;
    }
    #fancyColorOptions {
        /* padding-top: 60px; */
    }

    #diamond_list_section .diamond_filter_color_content #filter_color_labels>div {
        font-size: 13px
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #diamond_list_section .diamond_filter_certificate_content,#diamond_list_section .diamond_filter_clarity_content,#diamond_list_section .diamond_filter_polish_content,#diamond_list_section .diamond_filter_ratio_content,#diamond_list_section .diamond_filter_symmetry_content, #diamond_list_section .diamond_filter_source_content, .diamond_filter_id_content{
        display:none
    }

    #diamond_list_section #load_here table tr,table.diamond_table_recommended tr,table.diamond_table_showroom tr {
        height: 50px
    }

    #search_form>.row>div>div:first-of-type {
        margin-top: 1px
    }

    #filter_polish_labels .excellent {
        padding-left: 47px;
        padding-right: 0
    }

    #filter_polish_labels .very-good {
        padding-left: 13px;
        padding-right: 0
    }

    #filter_polish_labels .good {
        padding-left: 5px
    }

    #filter_symmetry_labels .excellent {
        padding-left: 47px;
        padding-right: 0
    }

    #filter_symmetry_labels .very-good {
        padding-left: 13px;
        padding-right: 0
    }

    #filter_symmetry_labels .good {
        padding-left: 5px
    }

    #advanced_filters_content {
        border-top: unset;
        margin-bottom: 0;
        margin-top: 0
    }

    .container_advanced_filters_button {
        background: #d9b99b;
        border-top: none;
        margin-top: 1px;
        padding: 8px 15px;
        text-align: left
    }

    .container_advanced_filters_button .advance_filters_icon {
        height: 25px;
        margin-left: 5px;
        width: 25px
    }

    #advanced_filters_button {
        background: #d9b99b;
        color: #fff;
        font-family: mreaves-regular;
        font-size: 16px;
        padding: 0;
        text-transform: capitalize
    }

    #advanced_filters_button:after {
        background: transparent;
        display: none
    }

    #advanced_filters_button .point_arrow {
        margin-top: 2px
    }

    #diamond_list_section #advanced_filters_button .point_arrow {
        color: #333
    }
}

.compare_diamond .compare_diamond_checkbox,.compare_diamond .compare_diamond_recommended_checkbox,.compare_diamond .compare_diamond_selected_icon,.compare_diamond .compare_diamond_showroom_checkbox,.compare_diamond .compare_diamond_specials_checkbox {
    display: none
}

.diamond_detail_video_container video {
    margin-bottom: 10px;
    max-height: 261px;
    width: 100%
}

.diamond_detail_video_container #start_diamond_video {
    display: none;
    margin-left: 4px;
    margin-right: 5px
}

.diamond_detail_video_container #pause_diamond_video,.diamond_detail_video_container #start_diamond_video {
    background: none;
    border: none;
    height: 25px;
    padding: 0;
    width: 20px
}

.diamond_detail_video_container #pause_diamond_video img,.diamond_detail_video_container #start_diamond_video img {
    width: 100%!important
}

.diamond_detail_video_container #pause_diamond_video:focus,.diamond_detail_video_container #start_diamond_video:focus {
    border: none;
    outline: 0
}

.diamond_detail_video_container .management_buttons {
    display: flex;
    margin: auto;
    position: relative;
    width: 90%
}

.diamond_detail_video_container .management_buttons #controls {
    width: 30px
}

.diamond_detail_video_container .management_buttons #progressbar {
    margin-top: -2px;
    position: relative;
    width: 280px
}

.diamond_detail_video_container .management_buttons #progressbar #seekslider_diamond_video:focus {
    outline: none
}

.diamond_detail_video_container #seekslider_diamond_video {
    -webkit-appearance: none;
    background: transparent;
    cursor: pointer;
    height: 30px!important;
    width: 100%
}

.diamond_detail_video_container #seekslider_diamond_video:focus {
    outline: none
}

.diamond_detail_video_container #seekslider_diamond_video::-moz-focus-outer {
    border: 0
}

.diamond_detail_video_container #seekslider_diamond_video::-webkit-slider-runnable-track {
    background: #333;
    height: 1px
}

.diamond_detail_video_container #seekslider_diamond_video::-moz-range-track {
    background: #333;
    height: 1px
}

.diamond_detail_video_container #seekslider_diamond_video::-webkit-slider-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin-top: -10px;
    width: 20px
}

.diamond_detail_video_container #seekslider_diamond_video::-moz-range-thumb {
    -webkit-appearance: none;
    appearance: none;
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin-top: -10px;
    width: 20px
}

.diamond_detail_video_container #seekslider_diamond_video::-ms-track {
    background: transparent;
    border-color: transparent;
    border-width: 6px 0;
    color: transparent;
    margin-top: 0
}

.diamond_detail_video_container #seekslider_diamond_video::-ms-thumb {
    background: #333;
    border-radius: 50%;
    cursor: pointer;
    height: 20px;
    margin-top: 0;
    width: 20px
}

.diamond_detail_video_container #seekslider_diamond_video::-ms-track {
    height: 20px
}

.diamond_detail_video_container #seekslider_diamond_video::-ms-fill-lower,.diamond_detail_video_container #seekslider_diamond_video::-ms-fill-upper {
    background: #333;
    height: 1px
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .diamond_detail_video_container {
        display:block
    }

    .diamond_detail_video_container .management_buttons {
        width: 280px
    }

    .diamond_detail_video_container .management_buttons #progressbar {
        width: 230px
    }
}

.slidecontainer {
    display: inline-block;
    padding: 0 15px;
    position: relative;
    width: calc(100% - 120px)
}

.left-range,.right-range {
    display: inline-block;
    font-size: 12px;
    width: 50px
}

.slidecontainer .noUi-connect {
    background: #d9b99b
}

.slidecontainer .noUi-horizontal {
    height: 8px
}

.slidecontainer .noUi-horizontal .noUi-handle {
    background-color: #333;
    border: none;
    border-radius: 50%;
    box-shadow: none;
    height: 20px;
    width: 20px
}

.noUi-handle {
    box-shadow: none
}

.slidecontainer .noUi-handle:after,.slidecontainer .noUi-handle:before {
    display: none
}

.slidecontainer .noUi-horizontal .noUi-tooltip {
    border: none;
    bottom: auto;
    top: 120%
}

.slidecontainer .noUi-handle,.slidecontainer .noUi-handle:focus {
    outline: none
}

.slider_value_div {
    height: 24px;
    margin: 15px auto auto;
    width: 70px
}

.slider_value_div .slider_value {
    border: 1px solid #d9b99b;
    height: 100%;
    text-align: right;
    width: 100%
}

.slider_value_div .slider_value:focus {
    outline: none
}

#carat_modal .modal-dialog {
    max-width: 600px
}

#carat_modal .modal-content {
    border: 3px solid #d9b99b;
    border-radius: 0!important
}

#carat_modal .modal-header {
    border-bottom: none;
    padding: 30px 20px 15px
}

#carat_modal .modal-body {
    padding: 15px 25px
}

#carat_modal .modal-body .close {
    color: #d9b99b;
    font-size: 57px;
    font-weight: 400;
    opacity: 1;
    position: absolute;
    right: 15px;
    top: 0
}

#carat_modal .catar_modal_heading {
    font-family: mreaves-book;
    font-size: 42px;
    margin-bottom: 0
}

.carat-image-assets {
    background-image: url(https://novitadiamonds.com.my/build/images/round_zoom.88072e3f.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 34.6% auto;
    cursor: default;
    height: 40%;
    left: 31%;
    margin-top: -14%;
    position: absolute;
    top: 53%;
    width: 112px;
    z-index: 2
}

.hand_image_section img {
    display: block;
    margin: auto;
    width: 250px
}

.hand_data_section h6 {
    font-size: 15px!important;
    margin-top: 10px
}

.carat_tooltip_icon :hover {
    cursor: pointer
}

.compare_diamond_selected_icon img,.compare_diamond_unselected_icon img {
    width: 20px
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .carat_tooltip_icon {
        margin-left:10px!important;
        right: auto!important
    }
}

button:focus {
    outline: none
}

#carat_modal .diamond-settings .hand_color_panel,.carat_diamond_compare_container .diamond-settings .hand_color_panel {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%;
    z-index: 999
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel,.carat_diamond_compare_container .diamond-settings .hand_color_panel {
        width:unset
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container {
    border: 1px solid #eee;
    display: inline-block;
    float: left;
    min-height: 65px;
    padding: 2px;
    width: 65px
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container:hover,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container:hover {
    border: 1px solid #d9b99b
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container:before,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container:before {
    border-bottom: 10px solid transparent;
    border-left: 10px solid #333;
    border-top: 10px solid transparent;
    clear: both;
    content: "";
    height: 0;
    left: 65px;
    position: absolute;
    top: calc(100% - 24px);
    width: 0;
    z-index: 1
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel .color_thumb_container:before,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container:before {
        border-left:10px solid transparent;
        border-right: 10px solid transparent;
        border-top: 10px solid #333;
        left: 50%;
        top: 69px;
        transform: translateX(-50%)
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 31px;
    height: 57px;
    margin-top: 4px;
    width: 57px
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color {
    background-color: #e0a087;
    border-radius: 50%;
    display: inline-block;
    height: 30px;
    width: 30px
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_light,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_light {
    background-color: #e0a087
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_semi_light,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_semi_light {
    background-color: #9a5f41
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_dark,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .skin-color.color_shape_dark {
    background-color: #714633
}

#carat_modal .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .color_shape_thumb_name,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_thumb_container .current_color_thumb .color_shape_thumb_name {
    color: #333;
    font-size: 10px;
    line-height: 10px;
    text-align: center;
    width: 100%
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes {
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    height: 65px;
    left: 80px!important;
    opacity: 0;
    position: absolute;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    width: max-content;
    z-index: 1
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel .color_shapes,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes {
        border:none;
        flex-direction: column;
        left: 0!important;
        top: 80px
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes:before,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes:before {
    background: transparent;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    left: -11px;
    position: absolute;
    top: 0;
    width: 10px
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div {
    float: left;
    padding: 2px
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel .color_shapes div,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div {
        background-color:#fff;
        height: 65px;
        width: 65px
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a {
    border: 1px solid transparent;
    display: block;
    overflow: hidden
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel .color_shapes div a,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a {
        display:flex
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a:hover,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a:hover {
    border: 1px solid #d9b99b;
    opacity: 1
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a .color_shape,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a .color_shape {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 31px;
    border-radius: 50%;
    height: 47px;
    margin: 5px 2px;
    width: 47px
}

@media screen and (max-width: 767px) {
    #carat_modal .diamond-settings .hand_color_panel .color_shapes div a .color_shape,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a .color_shape {
        margin-left:auto;
        margin-right: auto
    }
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_light,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_light {
    background-color: #e0a087
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_semi_light,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_semi_light {
    background-color: #9a5f41
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_dark,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a .color_shape.color_shape_dark {
    background-color: #714633
}

#carat_modal .diamond-settings .hand_color_panel .color_shapes div a.active,.carat_diamond_compare_container .diamond-settings .hand_color_panel .color_shapes div a.active {
    border: 1px solid #d9b99b
}

#carat_modal .diamond-settings .hand_color_panel:hover .color_shapes,.carat_diamond_compare_container .diamond-settings .hand_color_panel:hover .color_shapes {
    opacity: 1;
    visibility: visible
}

.diamond_detail_content_container {
    border-bottom: 1px solid #d9b99b;
    gap: 5px;
    line-height: 1;
    margin-top: 20px;
    padding-bottom: 5px
}

.diamond_detail_content_container .diamond_detail_content_title {
    align-items: start;
    display: flex;
    flex-direction: column;
    justify-content: end;
    letter-spacing: 1px;
    text-align: left;
    width: 50%
}

.diamond_detail_content_container .diamond_detail_content_title span {
    font-family: mreaves-book;
    font-size: 18px;
    letter-spacing: 0
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .diamond_detail_content_container .diamond_detail_content_title span {
        font-size:15px!important
    }
}

.diamond_detail_content_container .diamond_detail_content_price {
    align-items: end;
    display: flex;
    justify-content: end;
    text-align: right;
    width: 50%
}

.diamond_detail_content_container .diamond_detail_content_price.yes-new-price {
    flex-direction: column
}

.diamond_detail_content_container .diamond_detail_content_price .prices-container {
    display: flex
}

.diamond_detail_content_container .diamond_detail_content_price .price {
    text-wrap: nowrap;
    font-family: mreaves-bold;
    font-size: 22px;
    letter-spacing: 1px
}

.diamond_detail_content_container .diamond_detail_content_price .old-price {
    align-self: center;
    font-size: 18px
}

@media screen and (max-width: 450px) {
    .diamond_detail_content_container .diamond_detail_content_price .old-price {
        font-size:15px;
        margin-top: -1px
    }

    .diamond_detail_content_container .diamond_detail_content_price .new-price {
        font-size: 18px
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .diamond_detail_content_container .diamond_detail_content_price.no-new-price .price {
        font-size:22px!important
    }
    .container_advanced_filters_button .clear-filter-btn {
        display: none;
    }
}

@media screen and (min-width: 768px) {
    .diamond_detail_content_container .diamond_detail_content_price.no-new-price .tax__text {
        margin-bottom:3px;
        margin-left: 5px
    }
    #search_form .point_arrow {
        display: none;
    }
    .diamond_filter_shape_content {
        display: flex !important;
    }
}

@media screen and (min-width: 767px) and (max-width:900px) {
    .diamond_detail_content_container .diamond_detail_content_price.no-new-price .price {
        font-size:20px
    }

    .diamond_detail_content_container .diamond_detail_content_price.no-new-price .tax__text {
        font-size: 13px
    }
}

@media screen and (min-width: 768px) and (max-width:785px) {
    .diamond_detail_content_container .diamond_detail_content_price.no-new-price .price {
        font-size:19px
    }
}

.diamond_detail_content_container .diamond_detail_content_price.sold {
    margin-top: 15px
}

.diamond_detail_content_container .diamond_detail_content_price.sold.no-new-price .price,.diamond_detail_content_container .diamond_detail_content_price.sold.yes-new-price .prices-container {
    position: relative
}

.diamond_detail_content_container .diamond_detail_content_price.sold.yes-new-price .prices-container:after {
    background-color: #d9b99b;
    bottom: 50%;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 100%
}

.diamond_detail_content_container .diamond_detail_content_price.sold.yes-new-price .prices-container:before {
    bottom: 50%;
    color: #d9b99b;
    content: "SOLD";
    font-family: mreaves-regular;
    font-size: 20px;
    font-weight: 400;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%,-50%);
    width: 100%
}

.diamond_detail_content_container .diamond_detail_content_price.sold.no-new-price .price:after {
    background-color: #d9b99b;
    bottom: 50%;
    content: "";
    height: 2px;
    left: 50%;
    position: absolute;
    transform: translate(-50%,-50%);
    width: 100%
}

.diamond_detail_content_container .diamond_detail_content_price.sold.no-new-price .price:before {
    bottom: 50%;
    color: #d9b99b;
    content: "SOLD";
    font-family: mreaves-regular;
    font-size: 20px;
    font-weight: 400;
    left: 50%;
    position: absolute;
    text-align: center;
    transform: translate(-50%,-50%);
    width: 100%
}

@media screen and (max-width: 767px) {
    .diamond_detail_content_container .diamond_detail_content_title {
        font-size:20px
    }

    .diamond_detail_content_container .diamond_detail_content_price {
        flex-direction: column
    }
}

#diamond_list_section #tabs {
    cursor: pointer
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds,#diamond_list_section #tabs #to_diamonds_available_showroom,#diamond_list_section #tabs #to_diamonds_current_specials,#diamond_list_section #tabs #to_diamonds_recommended {
    align-items: center;
    display: flex;
    gap: 4px
}

@media screen and (min-width: 768px) and (max-width:9999px) {
    #diamond_list_section #tabs #to_diamond_list_from_compare_diamonds,#diamond_list_section #tabs #to_diamonds_available_showroom,#diamond_list_section #tabs #to_diamonds_current_specials,#diamond_list_section #tabs #to_diamonds_recommended {
        gap:6px!important;
        background-color: #d9b99b;
        color: #333;
        font-family: mreaves-bold;
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #diamond_list_section #tabs #to_diamond_list_from_compare_diamonds,#diamond_list_section #tabs #to_diamonds_available_showroom,#diamond_list_section #tabs #to_diamonds_current_specials,#diamond_list_section #tabs #to_diamonds_recommended {
        /* flex-direction:column!important */
    }
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .main_icon,#diamond_list_section #tabs #to_diamonds_available_showroom .main_icon,#diamond_list_section #tabs #to_diamonds_current_specials .main_icon,#diamond_list_section #tabs #to_diamonds_recommended .main_icon {
    display: flex;
    position: static
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .main_text,#diamond_list_section #tabs #to_diamonds_available_showroom .main_text,#diamond_list_section #tabs #to_diamonds_current_specials .main_text,#diamond_list_section #tabs #to_diamonds_recommended .main_text {
        line-height:1.1!important;
        text-align: center!important;
        font-size: 14px;
    }
    #diamond_list_section #tabs #to_diamond_list_from_compare_diamonds,#diamond_list_section #tabs #to_diamonds_available_showroom,#diamond_list_section #tabs #to_diamonds_current_specials,#diamond_list_section #tabs #to_diamonds_recommended {
        align-items: flex-start;
    }

    #filter_cut_labels, #filter_polish_labels, #filter_clarity_labels, #filter_symmetry_labels {
        font-size: 12px;
    }

    #filter_cut_labels .good, #filter_polish_labels .good, #filter_symmetry_labels .good {
        padding-left: 9%;
    }

    #filter_cut_labels .very_good, #filter_polish_labels .very_good, #filter_symmetry_labels .very_good {
        width: 20%;
        padding-left: 5%;
    }

    #filter_cut_labels .ideal, #filter_polish_labels .idea, #filter_symmetry_labels .idea {
        padding-left: 3%;
    }

    #filter_polish_labels .excellent, #filter_symmetry_labels .excellent {
        padding-left: 0;
    }

    /* .checkmark {
        right: 50px;
        left: -30px;
    } */

    .sticky-header {
        position: sticky;
        top: 0;
        background-color: white;
        z-index: 1000;
    }

    #diamond_detail_section .diamond_detail_tabs {
        align-items: center;
        width: 100%;
        position: relative;
        float: unset;
        flex-direction: row !important;
        justify-content: center;
        top: unset;
    }
    #diamond_detail_section .diamond_detail_tabs a {
        width: 20%;
    }
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .secondary_icons,#diamond_list_section #tabs #to_diamonds_available_showroom .secondary_icons,#diamond_list_section #tabs #to_diamonds_current_specials .secondary_icons,#diamond_list_section #tabs #to_diamonds_recommended .secondary_icons {
    align-items: center;
    display: flex;
    gap: 5px
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .secondary_icons .tooltip_container,#diamond_list_section #tabs #to_diamonds_available_showroom .secondary_icons .tooltip_container,#diamond_list_section #tabs #to_diamonds_current_specials .secondary_icons .tooltip_container,#diamond_list_section #tabs #to_diamonds_recommended .secondary_icons .tooltip_container {
    bottom: auto;
    cursor: pointer;
    display: flex;
    height: unset;
    left: 0;
    margin: 0;
    position: relative;
    right: auto;
    top: 0;
    color: #333;
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .secondary_icons .floating_video_icon,#diamond_list_section #tabs #to_diamonds_available_showroom .secondary_icons .floating_video_icon,#diamond_list_section #tabs #to_diamonds_current_specials .secondary_icons .floating_video_icon,#diamond_list_section #tabs #to_diamonds_recommended .secondary_icons .floating_video_icon {
    display: flex;
    height: unset;
    line-height: unset;
    margin: 0!important
}

#diamond_list_section #tabs #to_diamond_list_from_compare_diamonds .secondary_icons .floating_video_icon>img,#diamond_list_section #tabs #to_diamonds_available_showroom .secondary_icons .floating_video_icon>img,#diamond_list_section #tabs #to_diamonds_current_specials .secondary_icons .floating_video_icon>img,#diamond_list_section #tabs #to_diamonds_recommended .secondary_icons .floating_video_icon>img {
    margin: 0;
    width: 18px
}

#diamond_list_section #tabs #to_diamonds_available_showroom .main_icon>i {
    font-size: 20px
}

#diamond_list_section #tabs #to_diamonds_recommended .main_icon>img {
    aspect-ratio: 1/1;
    position: static;
    width: 22px
}

@media screen and (max-width: 767px) {
    #diamond_list_section #tabs ul li {
        height:auto!important
    }

    #diamond_list_section #tabs ul li.result_tab {
        width: 16%
    }

    #diamond_list_section #tabs ul li.available_showroom_tab {
        width: 43.5%
    }

    #diamond_list_section #tabs ul li.recommended_tab {
        width: 18%
    }

    #diamond_list_section #tabs ul li.current_specials_tab {
        width: 23%
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .carat_diamond_compare_container {
        margin-bottom:-40px!important
    }
}

.carat_diamond_compare_container .carat-image-assets {
    left: 29%;
    top: 22%
}

@media screen and (max-width: 767px) {
    .carat_diamond_compare_container .carat-image-assets {
        left:28%;
        top: 8%
    }
}

.carat_diamond_compare_container .hand_image_section img {
    width: 250px
}

.carat_diamond_compare_container .hand_image_section .hand-diamond-img-container {
    width: fit-content
}

.carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
    height: 100%;
    left: 4%;
    margin: 0;
    z-index: 1
}

@media screen and (min-width: 1px) and (max-width:419px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:16%!important
    }
}

@media screen and (min-width: 420px) and (max-width:767px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:8%!important
    }
}

@media screen and (min-width: 768px) and (max-width:909px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:16%!important
    }
}

@media screen and (min-width: 910px) and (max-width:991px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:8%!important
    }
}

@media screen and (min-width: 992px) and (max-width:1069px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:16%!important
    }
}

@media screen and (min-width: 1070px) and (max-width:9999px) {
    .carat_diamond_compare_container .hand_image_section .hand-diamond-img-container .carat-image-assets {
        top:8%!important
    }
}

.carat_diamond_compare_container .slider_value_div {
    margin-top: 0
}

.carat_diamond_compare_container .diamond-settings .hand_color_panel {
    margin-top: 1px;
    width: unset
}

.carat_diamond_compare_container .slider_value_carat {
    border: 1px solid #d9b99b;
    height: 100%;
    text-align: right;
    width: 100%
}

@media screen and (max-width: 767px) {
    .select_diamond_container table.diamond_table {
        border:none!important
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav {
        background-color: #d9b99b;
        display: flex;
        padding-bottom: 2px;
        padding-top: 2px
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab {
        align-items: end;
        background-color: #fff;
        border: none;
        border-left: 1px solid #d9b99b!important;
        display: flex
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab:last-child {
        border-right: 1px solid #d9b99b!important
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active {
        background-color: #d9b99b
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.ui-tabs-active:after {
        border-left: 8px solid transparent;
        border-right: 8px solid transparent;
        border-top: 6px solid #d9b99b;
        bottom: -8px;
        content: "";
        height: 0;
        left: 50%;
        position: absolute;
        transform: translateX(-50%);
        width: 0
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.available_showroom_tab .secondary_icons {
        position: absolute;
        right: 3px;
        top: 3px
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab .main_text,.select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.available_showroom_tab a {
        color: #333
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.available_showroom_tab a .secondary_icons .floating_video_icon .black_icon {
        display: inline-block
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.available_showroom_tab a .secondary_icons .floating_video_icon .white_icon {
        display: none
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.recommended_tab a .main_icon .inactive-recommended-icon {
        display: inline-block
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.recommended_tab a .main_icon .active-recommended-icon {
        display: none
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.current_specials_tab a .main_icon .inactive-icon {
        display: inline-block
    }

    .select_diamond_container .ui-tabs .ui-tabs-nav .ui-tabs-tab.current_specials_tab a .main_icon .active-icon {
        display: none
    }

    .select_diamond_container .help_text.mobile_help_text {
        background-color: #d9b99b;
        padding: 0 3px 3px
    }

    .select_diamond_container .help_text.mobile_help_text.hide {
        display: none
    }

    .select_diamond_container .help_text.mobile_help_text p {
        background: #fff;
        font-size: 11px;
        height: 100%;
        line-height: 1.4;
        margin: 0;
        padding: 15px 10px 8px;
        width: 100%
    }

    .select_diamond_container:has(.help_text.mobile_help_text.hide) .ui-tabs-nav .ui-tabs-tab.ui-tabs-active:after {
        display: none!important
    }

    .select_diamond_container #diamond_list_section .ui-tabs table tbody tr td:first-child {
        border-left: none!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content {
        max-height: 312px!important;
        min-height: 312px!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-indicators {
        align-items: center;
        bottom: 0!important;
        display: flex;
        gap: 10px;
        height: 21px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-indicators>li {
        height: 9px;
        margin: 0!important;
        width: 9px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-indicators>li.active {
        height: 15px;
        width: 15px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds {
        height: calc($IMAGE_VIDEO_HEIGHT + $REAL_TAG_HEIGHT)
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate {
        max-height: 291px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate .link_to_certificate_container {
        padding: 0!important;
        width: 261px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate .link_to_certificate_container>picture {
        display: block;
        height: 249px;
        margin: auto;
        width: 261px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate .link_to_certificate_container>picture>img {
        margin: -12px 0 0!important;
        width: 100%!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate .link_to_certificate_container>a {
        padding: 0!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_certificate .diamond_detail_content_certificate .link_to_certificate_container>a .link_to_certificate {
        height: 35px;
        line-height: 35px;
        padding: 0
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_img,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_video,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_img,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_video {
        height: fit-content;
        margin: auto;
        width: fit-content
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_img>img,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_video>img,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_img>img,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_video>img {
        height: 261px!important;
        width: 261px!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_img .diamond_detail_video_container,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_video .diamond_detail_video_container,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_img .diamond_detail_video_container,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_video .diamond_detail_video_container {
        display: flex;
        height: auto;
        margin: auto;
        position: relative;
        width: max-content
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_img .diamond_detail_video_container #diamond_video_tag,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_video .diamond_detail_video_container #diamond_video_tag,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_img .diamond_detail_video_container #diamond_video_tag,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_video .diamond_detail_video_container #diamond_video_tag {
        height: 261px;
        margin: 0;
        width: 261px
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_img .diamond_detail_video_container .management_buttons,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .diamond_detail_content_video .diamond_detail_video_container .management_buttons,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_img .diamond_detail_video_container .management_buttons,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .diamond_detail_content_video .diamond_detail_video_container .management_buttons {
        bottom: 0;
        left: 0;
        margin: 0;
        position: absolute;
        width: 100%
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .real_sample_sign,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_picture .real_video_sign,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .real_sample_sign,body .select_diamond_container #diamond_detail_section .diamond_detail_container #carouselExampleIndicators.diamond_detail_slides_mobile_content .carousel-inner-diamonds .carousel-item.diamond_media_mobile_slider_video .real_video_sign {
        height: 30px;
        line-height: 30px;
        margin: 0 auto!important;
        max-width: 261px;
        width: 100%!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_content_container {
        margin-top: 20px!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_detail_content_container .diamond_detail_content_price .price_local_tax {
        font-size: 14px
    }

    body .select_diamond_container #diamond_detail_section .diamond_recommended_div {
        align-items: center;
        font-size: 25px;
        gap: 15px;
        height: 38px!important;
        justify-content: center;
        line-height: 1;
        margin: 6px 0 -10px!important;
        padding: 0!important
    }

    body .select_diamond_container #diamond_detail_section .diamond_recommended_div>img {
        margin: 0;
        width: 21px
    }
}

.switch input {
    height: 100%;
    width: 100%;
    position: absolute;
    left: 0;
    top: 0;
    opacity: 0;
    z-index: 100;
    cursor: pointer;
}

.switch label {
    height: 27.5px;
    width: 55px;
    border-radius: 100px;
    display: block;
    box-shadow: inset 0 0 20px rgba(0, 0, 0, 0.2), inset 0 0 5px -2px rgba(0, 0, 0, 0.4);
}

.switch label .bulb {
    height: 22.5px;
    width: 22.5px;
    background: linear-gradient(145deg, #e6f7ff, #ffffff, #d9f2fa, #e6f7ff);
    border-radius: 50%;
    position: relative;
    top: 2.5px;
    left: 2.5px;
    display: block;
    transition: 0.7s;
    box-shadow: 
        inset 0 0 1px 3px #e0f7fa, 
        inset 0 0 6px 8px rgba(255, 255, 255, 0.8), 
        0 20px 30px -10px rgba(173, 216, 230, 0.6),
        0 0 10px 3px rgba(224, 255, 255, 0.7);
}

.switch label .bulb .bulb-center {
    position: absolute;
    display: block;
    height: 9px;
    width: 9px;
    background: linear-gradient(145deg, #e0f7ff, #ffffff, #d9f2fa);
    border-radius: 50%;
    top: 50%;
    left: 50%;
    transition: 0.7s;
    transform: translate(-50%, -50%);
    box-shadow: 
        inset 0 0 0 4px rgba(224, 255, 255, 0.8),
        0 0 6px 2px rgba(224, 255, 255, 0.7);
}

.switch label .bulb .bulb-center:after {
    content: "";
    display: block;
    height: 14px;
    width: 14px;
    background-color: white;
    border-radius: 50%;
    position: absolute;
    transition: 0.7s;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 0 3px 4px #d9b99b;
}

.switch input:checked ~ label .bulb {
    left: 30px;
    background-color: #a7694a;
    box-shadow: inset 0 0 1px 3px #a56758, inset 0 0 6px 8px #6b454f, 0 20px 30px -10px rgba(0,0,0,0.4), 0 0 30px 50px rgba(253,184,67,0.1);
}

.switch input:checked ~ label .bulb {
    left: 30px;
    background-color: #d3e5ff;
}

.switch input:checked ~ label .bulb > .bulb-center {
    background-color: #ffe7d3;
    box-shadow: inset 0 0 0 4px #ffdeaa,
                    0 0 0px 0px #b1cdb3,
                    0 0 20px 10px #b39ddb
}

.switch input:checked ~ label .bulb > .bulb-center:after {
    background-color: #ffd1dc;
    box-shadow: 0 0 2px 4px #ffc1cc;
}

#fancyOptionsWrapper {
    width: 85%;
}

#fancyColorOptions .form-check-input {
    margin-right: 10px;
    cursor: pointer;
    appearance: none;
    width: 16px;
    height: 16px;
    border: 2px solid #ccc;
    border-radius: 50%;
}

#fancyColorOptions .form-check-input:checked {
    background-color: #d9b99b;
    border-color: #d9b99b;
}

#fancyColor .form-check-input:checked::before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 4px;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #ffffff;
}

#fancyColor .form-check-input:hover {
    border-color: #d9b99b;
}

#result-container{
    display: grid;
    padding: 10px;
    column-gap: 10px;
    row-gap: 20px;
    grid-template-columns: 24.3% 24.3% 24.3% 24.3%;
}

.result-container-empty{
    grid-template-columns: none !important;
}

.no-result{
    font-size: 16px;
}

.diamond_item{
    border: 2px solid #efefef;
    background-color: white;
}

.diamond_item:hover{
    border: 2px solid #d9b99b;
}

.diamond_image{
    padding: 5% 5% 0 5%;
}

.diamond_image img{
    width: 250px;
    height: 250px;
}

.diamond_guaranteed img{
    width: 100px;   
}

.diamond_title{
    font-size: 22px;
}

.diamond_type{
    font-size: 16px;
}

.diamond_price{
    font-size: 27px;
    font-weight: bold;
}

.diamond_select{
    background-color: #d9b99b;
    font-size: 18px;
    font-weight: bold;
    position: sticky;
    top: 100%;
}

@media screen and (min-width : 1px) and (max-width : 767.98px){
    #result-container{
        grid-template-columns: 49% 49%;
    }

    .diamond_guaranteed img{
        width: 70px;   
    }

    .diamond_title{
        font-size: 16px;
    }

    .diamond_type{
        font-size: 13px;
    }

    .diamond_price{
        font-size: 20px;
    }

    .diamond_select{
        font-size: 14px;
    }

    .no-result{
        font-size: 14px;
    }
}

@media screen and (min-width : 768px) and (max-width : 991.98px){
    #result-container{
        grid-template-columns: 32.5% 32.5% 32.5%;
    }
}

@media screen and (min-width : 1px) and (max-width : 314.98px){
    .diamond_image img{
        width: 100px;
        height: 100px;
    }
}

@media screen and (min-width : 315px) and (max-width : 374.98px){
    .diamond_image img{
        width: 125px;
        height: 125px;
    }
}

@media screen and (min-width : 375px) and (max-width : 499.98px){
    .diamond_image img{
        width: 150px;
        height: 150px;
    }
}

@media screen and (min-width : 500px) and (max-width : 549.98px){
    .diamond_image img{
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width : 550px) and (max-width : 599.98px){
    .diamond_image img{
        width: 225px;
        height: 225px;
    }
}

@media screen and (min-width : 700px) and (max-width : 767.98px){
    .diamond_image img{
        width: 300px;
        height: 300px;
    }
}

@media screen and (min-width : 768px) and (max-width : 810.98px){
    .diamond_image img{
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width : 811px) and (max-width : 889.98px){
    .diamond_image img{
        width: 225px;
        height: 225px;
    }
}

@media screen and (min-width : 992px) and (max-width : 1160.98px){
    .diamond_image img{
        width: 200px;
        height: 200px;
    }
}

@media screen and (min-width : 1161) and (max-width : 1170.98px){
    .diamond_image img{
        width: 225px;
        height: 225px;
    }
}