/* @charset "UTF-8";#diamond_list_section .shape {
    background: url(https://novitadiamonds.com.my/build/images/diamond_shapes.0f2c3f31.svg) 0 0 no-repeat;
    background-size: 500px;
    cursor: pointer;
    display: inline-block;
    height: 73px;
    margin: 0 0 15px 6px;
    width: 45px
} */

@media screen and (min-width: 768px) and (max-width:1199.98px) {
    /* #diamond_list_section .shape {
        background-size:400px
    } */
    
    #diamond_list_section .diamond_filter .diamond_filter_content.diamond_filter_shape_content {
        display: flex;
    }
}

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

#diamond_list_section .round-shape.active {
    background-position: -.9% 105%
}

#diamond_list_section .cushion-shape {
    background-position: 32.3% 3%
}

#diamond_list_section .cushion-shape.active {
    background-position: 32.3% 105%
}

#diamond_list_section .oval-shape {
    background-position: 9.9% 3%
}

#diamond_list_section .oval-shape.active {
    background-position: 9.9% 105%
}

#diamond_list_section .elongated-cushion-shape {
    background-position: 21.1% 3%
}

#diamond_list_section .elongated-cushion-shape.active {
    background-position: 21.1% 105%
}

#diamond_list_section .princess-shape {
    background-position: 43.2% 3%
}

#diamond_list_section .princess-shape.active {
    background-position: 43.2% 105%
}

#diamond_list_section .emerald-shape {
    background-position: 53.1% 3%
}

#diamond_list_section .emerald-shape.active {
    background-position: 53.1% 105%
}

#diamond_list_section .pear-shape {
    background-position: 62.5% 3%
}

#diamond_list_section .pear-shape.active {
    background-position: 62.5% 105%
}

#diamond_list_section .radiant-shape {
    background-position: 71.9% 3%
}

#diamond_list_section .radiant-shape.active {
    background-position: 71.9% 105%
}

#diamond_list_section .asscher-shape {
    background-position: 82% 3%
}

#diamond_list_section .asscher-shape.active {
    background-position: 82% 105%
}

#diamond_list_section .marquise-shape {
    background-position: 91.7% 3%
}

#diamond_list_section .marquise-shape.active {
    background-position: 91.7% 105%
}

#diamond_list_section .heart-shape {
    background-position: 100.9% 3%
}

#diamond_list_section .heart-shape.active {
    background-position: 100.9% 105%
}

@media screen and (min-width: 768px) and (max-width:1199.98px) {
    /* #diamond_list_section .shape {
        background-position-y:-8%!important
    }

    #diamond_list_section .shape.active {
        background-position-y: 119%!important
    } */
}

#available_showroom_table_section,#comparison_table_section,#load_here {
    font-size: 17px;
    position: relative;
}

#available_showroom_table_section table tr td,#comparison_table_section table tr td,#load_here table tr td {
    font-family: mreaves-book
}

#search_form .field_label {
    font-family: playfairDisplay-bold;
    font-size: 18px;
    margin-top: 20px
}

#search_form .left_column_component {
    margin-left: 0!important;
    padding-left: 0!important
}

#search_form .right_column_component {
    margin-right: 0!important;
    padding-right: 0!important
}

#search_form .left_column_component>div {
    margin-left: 0!important;
    padding-left: 0!important
}

#search_form .right_column_component>div {
    margin-right: 0!important;
    padding-right: 2%!important
}

#price_value_inputs {
    margin-top: 5px;
    overflow: hidden;
    width: 100%
}

#price_value_inputs .from_price_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: left;
    padding-left: 5px;
    position: relative;
    text-align: left;
    width: 25%
}

#price_value_inputs .from_price_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-left: 28%;
    padding-top: 0;
    width: 90%
}

#price_value_inputs .from_price_value span {
    font-size: 15px;
    left: 5px;
    margin-left: 0;
    margin-top: 0;
    position: absolute
}

#price_value_inputs .to_price_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: right;
    padding-left: 5px;
    position: relative;
    text-align: left;
    width: 25%
}

#price_value_inputs .to_price_value span {
    font-size: 15px;
    left: 5px;
    margin-top: 0;
    position: absolute
}

#price_value_inputs .to_price_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-left: 28%;
    padding-top: 0;
    width: 90%
}

#carat_value_inputs {
    margin-top: 5px;
    overflow: hidden;
    width: 100%
}

#carat_value_inputs .from_carat_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: left;
    width: 70px
}

#carat_value_inputs .from_carat_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-top: 0;
    width: 90%
}

#carat_value_inputs .from_carat_value span {
    float: left;
    font-size: 12px;
    margin-left: 5%;
    margin-top: 0;
    width: 20%
}

#carat_value_inputs .to_carat_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: right;
    width: 70px
}

#carat_value_inputs .to_carat_value span {
    float: left;
    font-size: 12px;
    margin-left: 5%;
    margin-top: 0;
    width: 20%
}

#carat_value_inputs .to_carat_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    width: 90%
}

#ratio_value_inputs {
    margin-top: 5px;
    overflow: hidden;
    width: 100%
}

#ratio_value_inputs .from_ratio_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: left;
    width: 70px
}

#ratio_value_inputs .from_ratio_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-top: 0;
    width: 90%
}

#ratio_value_inputs .from_ratio_value span {
    float: left;
    font-size: 12px;
    margin-left: 5%;
    margin-top: 0;
    width: 20%
}

#ratio_value_inputs .to_ratio_value {
    background-color: #d3d3d3;
    border: 1px solid #949699;
    float: right;
    width: 70px
}

#ratio_value_inputs .to_ratio_value span {
    float: left;
    font-size: 12px;
    margin-left: 5%;
    margin-top: 0;
    width: 20%
}

#ratio_value_inputs .to_ratio_value input {
    background-color: transparent;
    border: none;
    float: left;
    font-size: 15px;
    margin: 0 5%;
    padding-bottom: 0;
    padding-top: 0;
    text-align: left;
    width: 90%
}

#filter_regular_content #select_show {
    background-color: #fff;
    margin-top: 22px
}

#filter_cut_labels {
    overflow: hidden;
    width: 100%
}

#filter_cut_labels>div {
    float: left;
    width: 12.5%
}

#filter_cut_labels .poor {
    padding-left: 7%;
}

#filter_cut_labels .fair {
    padding-left: 8%;
}

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

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

#filter_cut_labels .excellent {
    padding-left: 0
}

#filter_cut_labels .ideal, #filter_cut_labels .eightx {
    padding-left: 3%;
}

#filter_fluorescence_labels {
    overflow: hidden;
    width: 100%
}

#filter_fluorescence_labels>div {
    float: left;
    width: 20%
}

.diamond_filter #filter_clarity_labels div {
    display: inline-table;
    float: left;
    padding-left: 0;
    text-align: center!important;
    width: 14%!important
}

#filter_color_labels,
#filter_cut_labels,
#filter_polish_labels, 
#filter_clarity_labels,
#filter_symmetry_labels,
#filter_fluorescence_labels {
    overflow: hidden;
    width: 100%;
    display: flex;
    justify-content: space-around;
}

#filter_symmetry_labels {
    overflow: hidden;
    width: 100%
}

#filter_polish_labels>div, 
#filter_symmetry_labels>div {
    float: left;
    width: 12.5%
}

#filter_polish_labels .poor, 
#filter_symmetry_labels .poor {
    padding-left: 7%;
}

#filter_polish_labels .fair, 
#filter_symmetry_labels .fair {
    padding-left: 8%;
}

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

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

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

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

.diamond_filter_shape_content::-webkit-scrollbar-thumb{
    background-color: #8B8B8B;
    border-radius: 10px;
}

.diamond_filter_shape_content::-webkit-scrollbar{
    background-color: #fbf8f0;
    height: 5px;
}

@media screen and (min-width : 1px) and (max-width : 767.98px){
    .diamond_filter_shape_content::-webkit-scrollbar{
        display: none;
    }
}

.diamond_filter_shape_content_mobile{
    overflow-y : hidden !important;
    overflow-x : scroll !important;
}

.diamond_filter_shape_content:hover{
    overflow-y: hidden;
    overflow-x :scroll;
}

.diamond_filter_shape_content{
    overflow: hidden;
    padding-bottom: 3px;
    width: 80% !important;
}

.diamond_filter_shape_content.grab, .diamond_filter_shape_content *.grab{
    cursor: grabbing;
    cursor: -moz-grabbing;
    cursor: -webkit-grabbing;
}

#diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container{
    cursor: pointer;
    display: inline-block;
    /* height: 73px; */
    margin-left : 6px;
    width: 45px;
}

#diamond_list_section .diamond_filter .shape .svg-container,  #diamond_list_section .diamond_filter .show-more-btn-container .svg-container, #diamond_list_section .diamond_filter .show-less-btn-container .svg-container{
    width: inherit;
    height: inherit;
}

#diamond_list_section .diamond_filter .shape .svg-container svg, #diamond_list_section .diamond_filter .show-more-btn-container .svg-container svg, #diamond_list_section .diamond_filter .show-less-btn-container .svg-container svg{
    width: inherit;
    height: inherit;
    padding: 3px;
}

#diamond_list_section .diamond_filter .shape .shape-label, #diamond_list_section .diamond_filter .show-more-btn-container .more-label, #diamond_list_section .diamond_filter .show-less-btn-container .less-label{
    font-size: 7px;
    margin-top: 5px;
    font-weight: bold;
}

#diamond_list_section .diamond_filter .shape.active{
    border: 1px solid #d9b99b;
    background: #d9b99b;
    border-radius: 5px;
}

#diamond_list_section .diamond_filter .shape.active svg.round_shape *,
#diamond_list_section .diamond_filter .shape.active svg.oval_shape *,
#diamond_list_section .diamond_filter .shape.active svg.other_shape *{
    fill : none;
    stroke: white;
}

#diamond_list_section .diamond_filter .shape.active svg *{
    fill: white;
    stroke: white;
}

.mobile_show_more_hide{
    display: none !important;
}

@media screen and (max-width: 767px) {
    .diamond_filter #filter_clarity_labels {
        width: 100%;
        margin: 0 auto;
        display: flex;
        justify-content: space-evenly;
    }

    .diamond_filter #filter_clarity_labels div {
        display: inline-table;
        width: 14%!important
    }

    #filter_clarity_labels {
        display: inline-table;
        margin: auto;
        width: 94%
    }
}

@media screen and (min-width: 1050px) and (max-width:1259px) {
    /* #diamond_list_section .shape {
        margin:0 0 0 -7px!important
    } */

    .diamond_filter_symmetry_title {
        width: 95px!important
    }

    .diamond_filter_symmetry_content {
        width: calc(100% - 95px)!important
    }
}

@media screen and (min-width: 768px) and (max-width:1049px) {
    /* #diamond_list_section .shape {
        margin:0 0 0 -6px!important
    } */

    #search_form>.row>div>div:nth-of-type(2) {
        padding-right: 0!important
    }

    .diamond_filter_symmetry_title {
        width: 95px!important
    }

    .diamond_filter_symmetry_content {
        width: calc(100% - 95px)!important
    }
}

@media screen and (min-width: 768px) and (max-width:966px) {
    .description_1,.description_2,.description_3,.step_1,.step_2,.step_3 {
        padding-left:0!important
    }

    .diamond_filter_content {
        width: 100%!important
    }

    .diamond_filter_title {
        text-align: left;
        width: 100%!important
    }

    /* #diamond_list_section .shape {
        width: 41px!important
    } */

    .diamond_filter .tooltip_container {
        display: inline-block!important;
        position: relative!important;
        top: 0!important
    }

    .diamond_filter_desktop #search_form .row {
        height: auto!important
    }

    #search_form .field_label {
        padding-left: 15px!important
    }
}

@media screen and (min-width: 1260px) and (max-width:1300px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container{
        width:43px!important
    }
}

@media screen and (min-width: 1050px) and (max-width:1259.98px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container {
        width:40px!important
    }
}

@media screen and (min-width: 992px) and (max-width:1049.98px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container {
        width:40px!important
    }

    #diamond_list_section .diamond_filter .shape .shape-label, #diamond_list_section .diamond_filter .show-more-btn-container .more-label, #diamond_list_section .diamond_filter .show-less-btn-container .less-label{
        font-size: 6px;
    }
}

@media screen and (min-width: 965px) and (max-width:991.98px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container {
        width:39px!important
    }

    #diamond_list_section .diamond_filter .shape .shape-label, #diamond_list_section .diamond_filter .show-more-btn-container .more-label, #diamond_list_section .diamond_filter .show-less-btn-container .less-label{
        font-size: 6px;
    }
}

@media screen and (min-width: 768px) and (max-width:964.98px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container {
        width:37px!important
    }

    #diamond_list_section .diamond_filter .shape .shape-label, #diamond_list_section .diamond_filter .show-more-btn-container .more-label, #diamond_list_section .diamond_filter .show-less-btn-container .less-label{
        font-size: 6px;
    }
}

@media screen and (min-width: 1px) and (max-width:767.98px) {
    #diamond_list_section .diamond_filter .shape, .show-more-btn-container, .show-less-btn-container {
        width:35px!important;
        margin-bottom: 15px;
    }
    
    #diamond_list_section .diamond_filter .shape .shape-label, #diamond_list_section .diamond_filter .show-more-btn-container .more-label, #diamond_list_section .diamond_filter .show-less-btn-container .less-label{
        font-size: 5px;
    }
}

.font_times {
    font-family: Times New Roman!important;
    font-style: normal!important
}

.font_trebuchet {
    font-family: Trebuchet MS!important;
    font-style: normal!important
}

.font_helvetica_italic {
    font-family: Helvetica!important;
    font-style: italic!important
}

.font_georgia_italic {
    font-family: Georgia!important;
    font-style: italic!important
}

.font_helvetica {
    font-family: Helvetica!important
}

.font_garamond {
    font-family: garamond!important
}

.font_tahoma {
    font-family: Tahoma!important
}

#personalise_ring_container {
    background-color: hsla(0,0%,100%,.8);
    display: none;
    left: 0;
    margin-top: 0;
    min-height: 100%;
    min-width: 100%;
    position: absolute;
    z-index: 10000
}

#personalise_ring_container #personalise_ring_box {
    background-color: #fff;
    border: 10px solid #d9b99b;
    font-family: mreaves-light;
    font-size: 22px;
    height: 550px;
    line-height: 22px;
    margin-left: calc(50% - 400px);
    margin-top: 60px;
    padding: 15px 70px;
    position: fixed;
    text-align: left;
    width: 800px
}

#personalise_ring_container #personalise_ring_box .close_ring_container {
    color: #d9b99b;
    cursor: pointer;
    font-family: mreaves-bold;
    font-size: 40px;
    line-height: 40px;
    margin-right: -50px;
    text-align: right
}

#personalise_ring_container #personalise_ring_box h2 {
    color: #333;
    font-family: mreaves-regular;
    font-size: 38px;
    line-height: 38px
}

#personalise_ring_container #personalise_ring_box .buttons_container {
    background-color: transparent;
    margin-top: 50px;
    padding: 20px;
    text-align: center;
    transition: background-color .4s;
    width: 100%
}

#personalise_ring_container #personalise_ring_box .buttons_container a {
    display: inline-block;
    padding: 8px;
    text-align: center;
    width: 100px
}

#personalise_ring_container #personalise_ring_box .buttons_container #save_store_personalisation {
    background-color: #333;
    color: #fff
}

#personalise_ring_container #personalise_ring_box .buttons_container #cancel_store_personalisation {
    background-color: transparent;
    color: #333;
    text-decoration: underline
}

#personalise_ring_container #personalise_ring_box .options_container {
    margin-left: 9%;
    margin-top: 20px;
    transition: margin-left .5s;
    width: 400px
}

#personalise_ring_container #personalise_ring_box .options_container h4 {
    color: #333;
    font-family: mreaves-regular;
    font-size: 28px;
    line-height: 28px
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option {
    margin-bottom: 20px;
    position: relative;
    width: 290px
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option:before {
    -webkit-font-smoothing: antialiased;
    border: none;
    content: "";
    float: right;
    font-family: Font Awesome\ 5 Free;
    font-weight: 900;
    position: absolute;
    right: 0;
    top: 4px;
    z-index: -1
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option a.btn {
    background-color: transparent;
    border-bottom: 1px solid #979797;
    border-radius: 0;
    color: #535353;
    font-family: mreaves-regular;
    font-size: 19px;
    letter-spacing: .4px;
    line-height: 15px;
    padding-left: 0;
    padding-right: 0;
    text-align: left;
    width: 100%
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option a.btn .legend img {
    margin-top: -3px;
    width: 16px
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option a.btn:focus {
    box-shadow: none;
    outline: none
}

#personalise_ring_container #personalise_ring_box .options_container .dropdown_option a.btn:after {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container.display {
    margin-left: 0
}

#personalise_ring_container #personalise_ring_box {
    overflow: hidden
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel {
    background-color: #fff;
    border: 5px solid #d9b99b;
    font-family: mreaves-regular;
    opacity: 0;
    padding: 20px;
    position: absolute;
    right: -289px;
    top: 0;
    transition: visibility 0s,opacity 1.5s;
    visibility: hidden;
    width: 290px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel:before {
    border-bottom: 14px solid #fff;
    border-left: 14px solid #d9b99b;
    border-top: 14px solid #fff;
    content: "";
    left: 0;
    position: absolute
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .close_sign {
    background-color: #d9b99b;
    border-radius: 20px;
    color: #333;
    cursor: pointer;
    font-size: 17px;
    height: 20px;
    line-height: normal;
    padding-top: 2px;
    position: absolute;
    right: 5px;
    text-align: center;
    top: 5px;
    width: 20px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel a {
    color: #333;
    display: block
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .personalised_option {
    height: 70px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .personalised_option label {
    margin-right: 5px;
    margin-top: 17px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .personalised_option .pink_checkbox_box_legend {
    font-size: 18px;
    line-height: 14px;
    padding-top: 19px;
    position: relative;
    width: 250px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .personalised_option .pink_checkbox_box_legend span {
    display: none;
    font-family: mreaves-book;
    font-size: 14px
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel .personalised_option .pink_checkbox_box_legend span.show_span {
    display: block
}

#personalise_ring_container #personalise_ring_box .options_container .options_panel.display {
    opacity: 1;
    visibility: visible
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_claw_style_group {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_claw_style_group .options_panel:before {
    top: 0
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_claw_style_group .options_panel .personalised_option .pink_checkbox_box_legend img.sample_icon {
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 100px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel {
    top: -49px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel:before {
    top: 45px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel .personalised_option {
    height: 120px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel .personalised_option label {
    margin-top: 1px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel .personalised_option .pink_checkbox_box_legend {
    padding-top: 4px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel .personalised_option .pink_checkbox_box_legend .sample_image img {
    height: auto;
    margin-left: -27px;
    margin-top: 5px;
    width: 220px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel {
    background-color: #fff;
    top: -98px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel:before {
    top: 94px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel .personalised_option {
    height: 90px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel .personalised_option label {
    margin-top: 1px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel .personalised_option .pink_checkbox_box_legend {
    padding-top: 4px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel .personalised_option .pink_checkbox_box_legend .sample_image img {
    height: auto;
    margin-left: calc(50% - 40px);
    margin-top: 4px;
    width: 66px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group #personalised_select_engraving span.select_engraving_message {
    font-size: 14px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel {
    background-color: #fff;
    min-height: 217px;
    top: -183px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel:before {
    top: 179px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel .personalised_option {
    height: 20px;
    width: 150px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel .personalised_option label {
    margin-top: 1px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel .personalised_option .pink_checkbox_box_legend {
    line-height: 14px;
    padding-top: 4px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_choose_message {
    font-family: mreaves-book;
    font-size: 22px;
    padding-top: 25px;
    text-align: center
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container button#engraving_font_type {
    border: 1px solid #d9b99b;
    margin-top: 10px;
    text-align: left;
    width: 100%
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container button#engraving_font_type:after {
    -webkit-font-smoothing: antialiased;
    border: none;
    content: "";
    float: right;
    font-family: Font Awesome\ 5 Free;
    font-style: normal;
    font-weight: 900
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container button:focus {
    box-shadow: none;
    outline: none
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .dropdown-item:active {
    background-color: #d9b99b
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .dropdown-menu {
    width: 240px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container textarea#engraving_textarea {
    border-color: #d9b99b;
    font-size: 14px;
    height: 60px;
    margin-top: 15px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container textarea:focus {
    box-shadow: none;
    outline: none
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container textarea {
    font-family: Times New Roman;
    transition: border-color .4s
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container #engraving_count_message {
    background-color: #999;
    border-radius: .25em;
    color: #fff;
    display: inline;
    float: right;
    font-size: 13px;
    font-weight: 700;
    line-height: 1;
    margin-right: 10px;
    margin-top: -30px;
    padding: 5px .6em .3em;
    position: relative;
    text-align: center;
    vertical-align: baseline;
    white-space: nowrap
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .engraving_link {
    height: auto
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .engraving_link .pink_checkbox_box_legend {
    font-family: mreaves-book;
    font-size: 12px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .engraving_link:hover {
    text-decoration: none
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .personalised_option {
    display: flow-root;
    width: 100%
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .personalised_option .pink_checkbox_box {
    margin-top: 10px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container .personalised_option .pink_checkbox_box .pink_checkbox_box_legend {
    padding-top: 0;
    transition: color .4s
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container a#save_engraving_message_link {
    background-color: #333;
    color: #fff;
    float: right;
    font-size: 16px;
    margin-top: 15px;
    padding: 2px;
    text-align: center;
    width: 60px
}

#personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel #engraving_form_container a#cancel_engraving_message_link {
    float: right;
    font-size: 16px;
    margin-top: 15px;
    padding: 2px;
    text-align: center;
    text-decoration: underline;
    width: 60px
}

@media screen and (min-width: 1px) and (max-width:767px) {
    #personalise_ring_container {
        margin-top:-64px;
        position: fixed
    }

    #personalise_ring_container #personalise_ring_box {
        font-size: 17px;
        height: 70%;
        line-height: 17px;
        margin-left: 5%;
        margin-top: 64px!important;
        overflow: auto;
        padding-left: 20px;
        padding-right: 20px;
        width: 90%
    }

    #personalise_ring_container #personalise_ring_box .close_ring_container {
        font-size: 30px;
        line-height: 10px;
        margin-right: -12px
    }

    #personalise_ring_container #personalise_ring_box h2 {
        font-size: 22px;
        line-height: 22px
    }

    #personalise_ring_container #personalise_ring_box .options_container {
        margin-left: 0;
        width: 100%
    }

    #personalise_ring_container #personalise_ring_box .options_container h4 {
        font-size: 18px;
        line-height: 18px
    }

    #personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group_one .dropdown_option {
        flex-direction: column
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option {
        margin-bottom: 10px;
        max-width: 100%
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option:before {
        content: "";
        top: 7px
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option a.btn {
        font-size: 16px;
        text-decoration: none
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option .options_panel {
        display: none;
        max-width: 100%;
        position: static
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option .options_panel .close_sign,#personalise_ring_container #personalise_ring_box .options_container .dropdown_option .options_panel:before {
        display: none
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option .options_panel .personalised_option .pink_checkbox_box_legend {
        font-family: mreaves-regular;
        font-size: 16px;
        padding-top: 18px
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option .options_panel.display {
        display: block
    }

    #personalise_ring_container #personalise_ring_box .options_container .dropdown_option.display:before {
        content: ""
    }

    #personalise_ring_container #personalise_ring_box .options_container .personalised_select_gold_colour_group .options_panel .personalised_option .pink_checkbox_box_legend {
        padding-top: 3px
    }

    #personalise_ring_container #personalise_ring_box .options_container .personalised_engraving_group .options_panel .personalised_option .pink_checkbox_box_legend,#personalise_ring_container #personalise_ring_box .options_container .personalised_select_stone_setting_group .options_panel .personalised_option .pink_checkbox_box_legend {
        padding-top: 4px
    }
}

@media screen and (min-height: 1px) and (max-height:780px) {
    #personalise_ring_container {
        margin-top:-41px
    }

    #personalise_ring_container #personalise_ring_box {
        margin-top: 20px
    }
}

#personalise_ring_container #personalise_ring_box {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column
}

#personalise_ring_container #personalise_ring_box>h2 {
    padding-bottom: 5px;
    position: relative;
    width: fit-content
}

#personalise_ring_container #personalise_ring_box>h2:after {
    background-color: #d9b99b;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: calc(100% + 70px)
}

#personalise_ring_container #personalise_ring_box>p {
    font-family: mreaves-book;
    font-size: 16px;
    margin-top: 7px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option {
    align-items: center;
    display: flex
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel {
    background-color: #fef6f4;
    border: none;
    left: 102%;
    min-height: auto;
    top: auto;
    width: 340px
}

@media screen and (max-width: 767px) {
    #personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel {
        max-width:100%
    }
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel:before {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel .close_sign {
    background-color: transparent;
    font-family: mreaves-bold;
    font-size: 27px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel a.personalised_option {
    line-height: 1;
    width: auto
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel a.personalised_option .pink_checkbox_box label>div>img {
    aspect-ratio: 1/1;
    height: auto;
    width: 25px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel a.personalised_option .pink_checkbox_box .pink_checkbox_box_legend {
    font-size: 22px;
    line-height: 1;
    margin-left: 8px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_choose_message {
    font-family: mreaves-regular;
    margin-left: 39px;
    text-align: left;
    text-transform: capitalize
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_choose_message br {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container {
    padding: 0 20px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container #engraving_font_type {
    border: none;
    border-bottom: 1px solid #333;
    border-radius: 0;
    font-size: 17px;
    padding-bottom: 3px;
    padding-left: 0;
    padding-right: 0;
    text-transform: capitalize
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container #engraving_textarea {
    border-color: #888;
    border-radius: 0;
    margin-top: 18px;
    resize: none
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container #engraving_count_message {
    background: transparent;
    color: #333;
    font-family: mreaves-regular;
    font-size: 16px;
    font-weight: 400;
    margin-top: -20px;
    padding: 0
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group {
    margin-bottom: .1rem
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group #engraving_symbols {
    align-items: center;
    display: flex;
    gap: 7px;
    justify-content: end;
    margin-top: 6px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group #engraving_symbols .engraving_symbol {
    background-color: transparent!important;
    border: none;
    height: auto;
    margin: 0;
    padding: 0;
    width: auto
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group #engraving_symbols .engraving_symbol img.black-icon,#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group #engraving_symbols .engraving_symbol:hover>img.white-icon {
    display: none
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .engraving_font_and_input_container .form-group #engraving_symbols .engraving_symbol:hover>img.black-icon {
    display: block
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .buttons-group {
    align-items: center;
    display: flex;
    flex-direction: row-reverse;
    gap: 3px;
    justify-content: end;
    margin-bottom: -8px
}

#personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .buttons-group a {
    font-size: 20px!important;
    height: auto;
    line-height: 1;
    padding: 6px 20px 4px!important;
    text-decoration-thickness: 1px!important;
    vertical-align: baseline;
    width: auto!important
}

@media screen and (max-width: 767px) {
    #personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .buttons-group {
        margin-top:10px
    }

    #personalise_ring_container #personalise_ring_box .options_container .paid_options .personalised_engraving_group_one .dropdown_option .options_panel #engraving_form_container .buttons-group a {
        font-size: 14px!important
    }
}

#personalise_ring_container #personalise_ring_box .buttons_container {
    margin-top: auto;
    padding-bottom: 0
}

#personalise_ring_container #personalise_ring_box .buttons_container>a {
    text-decoration-thickness: 1px!important
}

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

.irs--flat .irs-bar--single {
    z-index: 1
}

.irs--flat .irs-grid-pol,.irs--flat .irs-handle {
    z-index: 1
}

.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: 12px;
    left: 0;
    line-height: 9px;
    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 {
    border-radius: 0
}

.irs--flat .irs-bar,.irs--flat .irs-line {
    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: 10px solid transparent;
    border-radius: 50%;
    cursor: pointer;
    display: block;
    margin-left: -10px;
    position: absolute;
    top: 0
}

.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: #212529;
    margin-bottom: -15px
}

.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
}

.magnifier {
    border: 2px solid #d9b99b!important;
    height: 460px!important;
    left: calc(50% - 400px)!important;
    margin-top: -1px;
    width: 430px!important;
    z-index: 11!important
}

.matching_wedding_bands_recommendation_box {
    background-color: #fcecec;
    margin: 15px 0 0
}

.matching_wedding_bands_recommendation_box p {
    text-align: left
}

.matching_wedding_bands_recommendation_box a {
    background-color: transparent;
    text-decoration: none
}

.matching_wedding_bands_recommendation_box a div {
    background-color: #333;
    color: #fff;
    font-size: 20px;
    height: 38px;
    padding-top: 5px;
    width: 230px
}

@media screen and (max-width: 767px) {
    .matching_wedding_bands_recommendation_box a {
        margin-bottom:10px
    }

    .matching_wedding_bands_recommendation_box a div {
        padding-top: 10px
    }
}

.tracker {
    z-index: 11!important
}

.createEngagementModal .modal-md {
    max-width: 600px
}

.createEngagementModal .modal-content {
    border-radius: 0
}

.createEngagementModal .modal-body {
    text-align: center
}

.createEngagementModal .modal-body .close {
    color: #333;
    font-family: mreaves-book;
    font-size: 50px;
    font-weight: 400;
    position: absolute;
    right: 30px;
    top: 15px
}

.createEngagementModal .modal-data {
    border: 2px solid #d9b99b;
    padding: 30px 15px
}

.createEngagementModal .modal-data p {
    font-family: mreaves-book;
    font-size: 22px;
    line-height: 27px
}

.createEngagementModal .modal-data p sup {
    top: -.3em
}

.createEngagementModal .default-black-btn {
    background-color: #101921;
    border-radius: 0;
    font-family: mreaves-bold;
    font-size: 18px;
    letter-spacing: 1px;
    line-height: 14px;
    margin: auto auto 0;
    max-width: 360px;
    padding: 15px 0;
    text-transform: uppercase;
    width: 100%
}

.close_setting_detail {
    display: none;
    padding: 20px 0;
    text-align: left
}

.close_setting_detail a {
    color: #333
}

.instructions {
    background-color: hsla(0,0%,100%,.7);
    height: 100%;
    left: 0;
    padding: 70px 15%;
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 200
}

.instructions .box {
    background-color: #d9b99b;
    cursor: pointer;
    margin: auto;
    max-width: 900px;
    overflow: hidden;
    width: 100%
}

.instructions .box .title {
    color: #fff;
    font-family: mreaves-book;
    font-size: 42px;
    line-height: 42px;
    padding-top: 0;
    position: relative;
    text-align: center
}

.instructions .box .title span {
    font-family: mreaves-bold
}

.instructions .box .steps .steps_container .row>div>div {
    border-radius: 10px;
    height: 340px;
    margin: 1px;
    padding: 5px 10px;
    text-align: center
}

.instructions .box .steps .steps_container .row {
    color: #333
}

.instructions .box .steps .steps_container .row .step_complete,.instructions .box .steps .steps_container .row .step_diamond,.instructions .box .steps .steps_container .row .step_setting {
    background-color: #fff;
    color: #333
}

.instructions .box .information {
    font-family: mreaves-regular;
    font-size: 25px;
    line-height: 30px;
    margin-top: 5px
}

.instructions .box .information a {
    color: #fff
}

.instructions .box .information .link_to_resize {
    text-align: center
}

.instructions .box .information .discount_message {
    color: #fff;
    text-align: center
}

.instructions .box .information .discount_message a {
    position: relative
}

.instructions .box .information .discount_message a .floating_video_icon {
    margin-right: 0!important;
    position: absolute;
    right: -22px;
    top: calc(50% - 11px)
}

.instructions .get_started_button {
    background-color: #333;
    color: #fff;
    font-size: 25px;
    margin-bottom: 20px;
    margin-left: calc(50% - 170px);
    margin-top: 5px;
    padding: 5px;
    text-align: center;
    width: 340px
}

.down_icon,.hide {
    display: none
}

.show {
    display: inline-block
}

.info_link {
    width: 100%
}

.info_icon.show {
    display: inline-block
}

.info_icon {
    cursor: pointer;
    display: none;
    float: right;
    margin-right: 20px
}

.instruction_section .instructions {
    padding: 0;
    position: static
}

.instruction_section .instructions .box {
    max-width: 1280px
}

.selection_instruction_section {
    border: none!important;
    padding: 0!important
}

.selection_instruction_section .instructions .box {
    padding: 15px
}

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

.selection_instruction_section .w_100 {
    flex: 0 0 100%;
    margin-bottom: 5px!important;
    max-width: 100%
}

.selection_instruction_section .w_100:last-child {
    margin-bottom: 0!important
}

.selection_instruction_section .instructions .box .steps .steps_container {
    width: 100%
}

.selection_instruction_section .instruction_section .instructions .box .steps .steps_container .title_diamond_box {
    float: left;
    width: 35%
}

.selection_instruction_section .instruction_section .instructions .box .steps .steps_container .explanation {
    font-size: 14px;
    line-height: 19px
}

.selection_instruction_section .instruction_section .instructions .box .steps .steps_container .explanation span {
    font-size: 21px;
    letter-spacing: .5px;
    line-height: 24px
}

@media screen and (min-width: 768px) and (max-width:840px) {
    .selection_instruction_section .instruction_section .instructions .box .steps .steps_container .explanation span {
        font-size:16px!important
    }
}

@media screen and (min-width: 841px) and (max-width:900px) {
    .selection_instruction_section .instruction_section .instructions .box .steps .steps_container .explanation span {
        font-size:19px!important
    }
}

.selection_instruction_section .instruction_section .w_100 {
    flex: 0 0 100%;
    max-width: 100%
}

.selection_instruction_section .instruction_section .instructions .box .steps .steps_container .shape img {
    height: 40px;
    margin-bottom: 10px;
    margin-top: 0
}

.selection_instruction_section .discount_message,.selection_instruction_section .link_to_resize {
    flex: 0 0 100%;
    margin: 0;
    max-width: 100%
}

.selection_instruction_section .title {
    font-size: 41px;
    margin: auto;
    text-align: center;
    width: 80%
}

.prev_data_select {
    border: 1px solid #333!important;
    height: 386px!important;
    padding: 80px 35px 35px!important
}

.instruction_section .information a {
    text-decoration: underline
}

@media screen and (min-width: 965px) and (max-width:1279px) {
    .instructions .box .steps {
        padding-left:0!important
    }

    .instructions .box .steps .steps_container {
        width: 100%!important
    }

    #select_ring_instructions {
        margin-left: 10%!important;
        max-width: 412px!important;
        width: 80%!important
    }

    .setting_detail_main {
        padding-right: 0!important
    }
}

@media screen and (min-width: 768px) and (max-width:966px) {
    .instructions .box .steps {
        padding-left:0!important
    }

    .instructions .box .steps .steps_container {
        width: 100%!important
    }

    #select_ring_instructions {
        margin-left: 10%!important;
        width: 90%!important
    }

    .setting_detail_main {
        padding-right: 0!important
    }

    .instruction_section .instructions .box .title {
        padding: 0!important
    }

    .selection_instruction_section .instructions .box .close_sign {
        right: -30px
    }

    .ring_item .name {
        font-size: 14px!important
    }

    .ring_item .price {
        font-size: 16px!important
    }
}

.showroom_td .tooltiptext {
    height: fit-content;
    /* top: -5px!important; */
    width: 220px!important;
    z-index: 1!important
}

.showroom_td_compare .tooltiptext {
    width: 170px!important
}

.available_showroom_tab .tooltiptext,.result_tab .tooltiptext {
    left: -15px!important;
    width: auto!important
}

.result_tab .tooltiptext {
    margin-left: -30px!important;
    margin-top : 8px
}
.result_tab .tooltiptext:before {
    left: 41%;
}

table.diamond_table {
    border: 1px solid transparent
}

@media screen and (min-width: 800px) and (max-width:850px) {
    .ring_detail_specification {
        margin-top:130px!important
    }

    .available_showroom_tab .tooltip_container,.showroom_td .tooltip_container {
        display: none!important
    }

    .number_1,.number_2,.number_3 {
        flex-basis: 28px!important
    }

    img.hover_image {
        margin-top: 0!important
    }

    a.ring_detail_link:hover img.main_product_image {
        display: none!important
    }

    .setting_filter_main {
        max-width: 100%!important
    }

    section.setting_filter {
        width: 100%!important
    }

    #ring_detail_content {
        margin-top: 0!important;
        top: 45px!important
    }

    #ring_detail_content_price {
        font-size: 16px!important
    }

    .setting_media_container {
        height: 250px!important;
        min-height: 250px!important
    }

    .ring_detail_image_container {
        height: 250px!important;
        max-height: 250px!important
    }

    #ring_detail_content_img {
        height: 250px!important;
        width: 250px!important
    }

    .pink_checkbox_box .pink_checkbox_box_legend {
        font-size: 14px!important;
        font-size: 15px;
        line-height: 28px!important;
        margin-left: 5px;
        margin-top: 2px;
        text-align: left
    }

    .choose_setting {
        font-size: 19px
    }

    .setting_detail_main .tooltip_container,.setting_filter .tooltip_container {
        display: none
    }
}

#certificate_box {
    background-color: transparent;
    background: url(https://novitadiamonds.com.my/build/images/loading.eafe672f.gif) 50% no-repeat;
    background-size: 60px;
    display: none;
    height: 80%;
    max-width: 1200px;
    width: 90%
}

.diamond_detail_content_certificate {
    border: none;
    height: 100%
}

.diamond_detail_content_certificate .diamond_media_iframe_container,.diamond_detail_content_certificate .diamond_media_iframe_container iframe {
    height: 100%
}

.diamond_detail_content_certificate .link_to_certificate_container {
    background-color: #fff;
    margin: auto;
    padding-bottom: 100px;
    width: 80%
}

.diamond_detail_content_certificate .link_to_certificate_container .link_to_certificate {
    background-color: #333;
    color: #fff;
    height: 40px;
    padding-bottom: 7px;
    padding-top: 7px;
    width: 100%
}

.product_picture {
    float: left;
    margin: 10px;
    width: 100px
}

#selection_summary_section .diamond_summary .diamond_img img,#selection_summary_section .ring_summary img.ring_img {
    width: 100px
}

#symmary_pictures {
    overflow: hidden
}

.summary_picture {
    float: left;
    margin: 10px;
    width: 100px
}

.summary_setting_size {
    position: relative
}

#loading_spinner {
    background-color: rgba(0,0,0,.2);
    display: none;
    min-height: 100%;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
    z-index: 999
}

#loading_spinner img {
    height: 100px;
    margin-top: 15%
}
#diamond_list_section,.back_to_setting_list_from_diamond_list,.select_diamond_container,.to_setting_list_from_diamond_detail,.to_summary_from_diamond_detail {
    display: none
}

#diamond_detail_section {
    display: block;
}

#diamond_list_section table tr td .local_tax {
    font-family: mreaves-light;
    font-size: 14px
}

.comparison-table-row,.table-row {
    cursor: pointer
}

#ring_detail_content,.back_to_diamond_detail_from_setting_list,.select_ring_container,.to_diamond_list_from_ring_detail,.to_summary_from_ring_detail {
    display: none
}

.product_metal_type_link_18ct-rose-gold .carat,.product_metal_type_link_18ct-white-gold .carat,.product_metal_type_link_18ct-yellow-gold .carat,.product_metal_type_link_platinum .carat {
    margin: 10px;
    width: 50px
}

#ring_detail_metal_type_detail {
    min-height: 30px
}

.selection_summary_container {
    display: none
}

#ring_list_section .ring_list img {
    width: 50px
}

.tooltiptext {
    z-index: 3;
    margin-top : 5px;
}

.tooltip_container .tooltiptext {
    background-color: #383838;
    border-radius: 6px;
    top: 100%;
    color: #fff;
    font-family: mreaves-book;
    font-size: 15px;
    height: max-content;
    left: 50%;
    margin-left: -120px;
    padding: 5px;
    position: absolute;
    text-align: center;
    text-transform: none;
    visibility: hidden;
    width: 240px;
    /* z-index: 2 */
}

/* .tooltip_container{ */
    /* border: 5px solid transparent; */
    /* border-top-color: #383838; */
    /* content: "";
    left: 50%;
    margin-left: -5px;
    position: absolute;
    top: 100%
} */

.tooltiptext:before {
    border: 5px solid transparent;
    border-top-color: #383838;
    content: "";
    left: 72%;
    margin-left: -24%;
    position: absolute;
    bottom: 100%;
    transform: rotateX(180deg);
    padding-top : 5%;
}

.tooltip_container:hover .tooltiptext {
    visibility: visible
}

#header_desktop {
    border: 1px solid #d9b99b
}

.engagement {
    display: block;
    margin-top: 0;
    min-height: 500px;
    position: relative;
    text-align: center
}

.engagement .first_row {
    margin: 0 auto;
    max-width: 100%
}

#create_engage_ring_container {
    max-width: 100%;
    min-height: 500px;
    padding: 0;
    width: 100%;
}

.ring_detail_specification {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: end;
    border-bottom: 1px solid #d9b99b;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 10px;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 5px;
    margin-top: 40px;
    padding: 0 0 5px;
    width: 100%
}

.ring_detail_specification #ring_detail_content_title {
    font-size: 22px;
    text-align: left;
    width: 50%
}

.ring_detail_specification #ring_detail_content_price {
    align-items: end;
    display: flex;
    justify-content: end;
    width: 50%
}

.ring_detail_specification #ring_detail_content_price .prices-container {
    display: flex;
    flex-direction: column
}

.ring_detail_specification #ring_detail_content_price .price {
    text-wrap: nowrap;
    font-family: mreaves-bold;
    font-size: 24px
}

.ring_detail_specification #ring_detail_content_price .new-price {
    font-size: 22px
}

.ring_detail_specification #ring_detail_content_price .old-price {
    align-self: center;
    font-size: 18px
}

.ring_detail_specification #ring_detail_content_price .tax-ring-only-container {
    align-items: start;
    display: flex;
    flex-direction: column;
    font-size: 12px;
    line-height: 1.2;
    margin-bottom: 3px;
    margin-left: 7px
}

.ring_detail_specification #ring_detail_content_price .tax-ring-only-container .ring-only-container .tooltip_container {
    display: inline;
    font-size: 10px;
    line-height: 1;
    position: relative
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .ring_detail_specification #ring_detail_content_price .tax-ring-only-container .ring-only-container .tooltip_container {
        display:none!important
    }
}

@media screen and (max-width: 1150px) {
    .ring_detail_specification #ring_detail_content_price {
        flex-direction:column
    }

    .ring_detail_specification #ring_detail_content_price .prices-container {
        flex-direction: row
    }

    .ring_detail_specification #ring_detail_content_price .tax-ring-only-container {
        align-items: end
    }
}

@media screen and (min-width: 768px) and (max-width:991px) {
    #ring_detail_content {
        padding:0 20px!important
    }

    .container_steps_title .steps_title .step_1,.container_steps_title .steps_title .step_2,.container_steps_title .steps_title .step_3 {
        padding-left: 25px!important
    }
}

.ring_detail_image_container {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 350px;
    justify-content: center;
    max-height: 350px
}

#ring_detail_content_img {
    height: 350px;
    width: 350px
}

#ring_detail_content #ring_metal_type,#ring_detail_content h4 {
    display: inline-block;
    font-family: mreaves-book;
    font-size: 26px;
    margin: 0 4px 0 0
}

#ring_detail_content_price,#ring_detail_content_title {
    font-family: mreaves-regular;
    font-size: 22px
}

#ring_detail_content #ring_metal_type {
    margin-right: 4px
}

.select_ring_container {
    padding: 0
}

.select_ring_container>.row {
    margin: 0;
    padding: 0 20px
}

.select_ring_container>.row>div {
    flex: 0 0 50%;
    max-width: 50%
}

.select_ring_container>.row>div.setting_detail_main {
    z-index: 10
}

.select_ring_container>.row>div:first-of-type {
    flex: 0 0 100%;
    max-width: 70%;
    padding: 0;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 9
}

.select_ring_container>.row>div:nth-of-type(2) {
    box-sizing: border-box;
    padding: initial
}

#select_ring_instructions {
    display: none
}

#ring_detail_content {
    margin-top: -45px;
    max-width: 600px;
    padding: 0 100px 0 20px;
    position: static;
    position: -webkit-sticky;
    position: sticky;
    top: 0
}

#select_ring_instructions {
    border: 1px solid #333;
    font-family: mreaves-book;
    font-size: 50px;
    height: 386px;
    line-height: 45px;
    margin-left: 15%;
    min-height: max-content;
    padding: 80px 35px 35px;
    position: sticky;
    text-align: center;
    top: 25px;
    width: 70%;
    z-index: 2
}

.ring-design-footer-top {
    background-color: #fff;
    position: relative;
    z-index: 3
}

#select_ring_instructions:after {
    border: 34px solid transparent;
    border-right-color: #d9b99b;
    content: "";
    left: -68px;
    position: absolute;
    top: 318px
}

#setting_panel_right_column {
    position: absolute;
    right: 0;
    top: 20px;
    width: 65px;
    z-index: 1
}

#product_pictures_panel {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

#product_pictures_panel .thumb_container {
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#product_pictures_panel .thumb_container img {
    width: 100%
}

#product_pictures_panel .thumb_container:before {
    background: transparent;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    content: "";
    height: 7px;
    left: -10px;
    position: absolute;
    rotate: -45deg;
    top: 50%;
    width: 7px;
    z-index: 2
}

#product_pictures_panel .thumb_container:hover {
    border: 1px solid #d9b99b
}

#product_pictures_panel:hover #product_pictures {
    display: flex;
    opacity: 1;
    transition: all .5s ease;
    visibility: visible;
    z-index: 1
}

#product_pictures {
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 75px;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    z-index: 1
}

#product_pictures div {
    float: right;
    padding: 2px
}

#product_pictures a {
    display: block;
    overflow: hidden;
    width: 59px
}

#product_pictures a img {
    width: 100%
}

#product_pictures a:active,#product_pictures a:hover {
    border: 1px solid #d9b99b;
    opacity: 1
}

#product_pictures .product_picture {
    margin: 0;
    width: 100%
}

#product_pictures .product_picture_link.active {
    border: 1px solid #d9b99b
}

#product_pictures:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
    width: 10px
}

#product_shapes_panel {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

#product_shapes_panel .shapes_thumb_container {
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#product_shapes_panel .shapes_thumb_container #current_shape_thumb {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 31px;
    height: 57px;
    margin-top: 4px;
    width: 57px
}

#product_shapes_panel .shapes_thumb_container #current_shape_thumb .product_shape_thumb_name {
    color: #333;
    font-size: 10px;
    line-height: 10px;
    padding-top: 34px;
    text-align: center;
    width: 100%
}

#product_shapes_panel .shapes_thumb_container.active {
    border: 1px solid #d9b99b
}

#product_shapes_panel .shapes_thumb_container:before {
    background: transparent;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    content: "";
    height: 7px;
    left: -10px;
    position: absolute;
    rotate: -45deg;
    top: 50%;
    width: 7px;
    z-index: 2
}

#product_shapes_panel .shapes_thumb_container.hidden_arrow:before {
    display: none
}

#product_shapes_panel .shapes_thumb_container:hover {
    border: 1px solid #d9b99b
}

#product_shapes_panel:hover #product_shapes {
    display: flex;
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

#carat_diamond_compare_panel {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

#carat_diamond_compare_panel:before {
    display: none
}

#carat_diamond_compare_panel .carat_compare_container {
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#carat_diamond_compare_panel .carat_compare_container #current_carat_diamond_compare {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 31px;
    height: 57px;
    margin-top: 4px;
    width: 57px
}

#carat_diamond_compare_panel .carat_compare_container #current_carat_diamond_compare img {
    height: 40px;
    width: 40px
}

#carat_diamond_compare_panel .carat_compare_container #current_carat_diamond_compare .carat_diamond_compare_name {
    color: #333;
    font-size: 10px;
    line-height: 10px;
    padding-top: 0;
    text-align: center;
    width: 100%
}

#carat_diamond_compare_panel .carat_compare_container.active {
    border: 1px solid #d9b99b
}

#carat_diamond_compare_panel .carat_compare_container.hidden_arrow:before {
    display: none
}

#carat_diamond_compare_panel .carat_compare_container:hover {
    border: 1px solid #d9b99b
}

#product_shapes {
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 75px;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    z-index: 1
}

#product_shapes div {
    float: right;
    padding: 2px
}

#product_shapes a {
    display: block;
    overflow: hidden;
    width: 51px
}

#product_shapes a .product_shape {
    background-position: top;
    background-repeat: no-repeat;
    background-size: auto 31px;
    height: 57px;
    margin-top: 4px;
    width: 47px
}

#product_shapes a .product_shape .product_shape_name {
    color: #333;
    font-size: 10px;
    line-height: 10px;
    margin-top: 30px;
    padding-top: 4px;
    text-align: center;
    width: 100%
}

#product_shapes a:active,#product_shapes a:hover {
    border: 1px solid #d9b99b;
    opacity: 1
}

#product_shapes .product_shape {
    margin: 0;
    width: 100%
}

#product_shapes .product_shape_link.active {
    border: 1px solid #d9b99b
}

#product_shapes:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
    width: 10px
}

#product_shapes_panel .current_shape_thumb_round,#product_shapes_panel .current_shape_thumb_round-6p,#product_shapes_panel .product_shape_round,#product_shapes_panel .product_shape_round-6p {
    background-image: url(https://novitadiamonds.com.my/build/images/round.72e4ceef.svg)
}

#product_shapes_panel .current_shape_thumb_pear,#product_shapes_panel .product_shape_pear {
    background-image: url(https://novitadiamonds.com.my/build/images/pear.a75380e0.svg)
}

#product_shapes_panel .current_shape_thumb_oval,#product_shapes_panel .product_shape_oval {
    background-image: url(https://novitadiamonds.com.my/build/images/oval.27a971e7.svg)
}

#product_shapes_panel .current_shape_thumb_emerald,#product_shapes_panel .product_shape_emerald {
    background-image: url(https://novitadiamonds.com.my/build/images/esmerald.389eaa53.svg)
}

#product_shapes_panel .current_shape_thumb_cushion,#product_shapes_panel .product_shape_cushion {
    background-image: url(https://novitadiamonds.com.my/build/images/cushion.a96b9101.svg)
}

#product_shapes_panel .current_shape_thumb_princess,#product_shapes_panel .product_shape_princess {
    background-image: url(https://novitadiamonds.com.my/build/images/princess.5339f419.svg)
}

#product_shapes_panel .current_shape_thumb_radiant,#product_shapes_panel .product_shape_radiant {
    background-image: url(https://novitadiamonds.com.my/build/images/radiant.e9fa0e27.svg)
}

#product_shapes_panel .current_shape_thumb_asscher,#product_shapes_panel .product_shape_asscher {
    background-image: url(https://novitadiamonds.com.my/build/images/assher.e8558db9.svg)
}

#live_picture_panel {
    cursor: pointer;
    display: none;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

#live_picture_panel .live_thumb_container {
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#live_picture_panel .live_thumb_container #live_shape_thumb img {
    width: 100%
}

#live_picture_panel .live_thumb_container.active {
    border: 1px solid #d9b99b
}

#live_picture_panel .live_thumb_container:before {
    background: transparent;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    content: "";
    height: 7px;
    left: -10px;
    position: absolute;
    rotate: -45deg;
    top: 50%;
    width: 7px;
    z-index: 1
}

#live_picture_panel .live_thumb_container.hidden_arrow:before {
    display: none
}

#live_picture_panel .live_thumb_container:hover {
    border: 1px solid #d9b99b
}

#live_picture_panel:hover #live_shapes {
    display: flex;
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

#live_shapes {
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 75px;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    z-index: 1
}

#live_shapes div {
    float: right;
    padding: 2px
}

#live_shapes:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
    width: 10px
}

#live_shapes a {
    display: block;
    overflow: hidden;
    width: 59px
}

.live_product_picture {
    width: 100%
}

#live_shapes .live_shape_link.active {
    border: 1px solid #d9b99b
}

#main_video_panel {
    cursor: pointer;
    float: left;
    margin-bottom: 10px;
    position: relative;
    width: 100%
}

#main_video_panel .main_video_thumb_container {
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#main_video_panel .main_video_thumb_container #main_video_shape_thumb img {
    width: 100%
}

#main_video_panel .main_video_thumb_container.active {
    border: 1px solid #d9b99b
}

#main_video_panel .main_video_thumb_container:before {
    background: transparent;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    content: "";
    height: 7px;
    left: -10px;
    position: absolute;
    rotate: -45deg;
    top: 50%;
    width: 7px;
    z-index: 2
}

#main_video_panel .main_video_thumb_container.hidden_arrow:before {
    display: none
}

#main_video_panel .main_video_thumb_container:hover {
    border: 1px solid #d9b99b
}

#main_video_panel:hover #main_video_shapes {
    display: flex;
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

#main_video_panel:hover #main_video_shapes>div {
    z-index: 1
}

#main_video_shapes {
    background-color: #fff;
    border: 1px solid #eee;
    display: flex;
    opacity: 0;
    position: absolute;
    right: 75px;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    z-index: 2
}

#main_video_shapes div {
    float: right;
    padding: 2px
}

#main_video_shapes:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
    width: 10px
}

#main_video_shapes a {
    display: block;
    overflow: hidden;
    width: 59px
}

.main_video_product_picture {
    width: 100%
}

#main_video_shapes .main_video_shape_link.active {
    border: 1px solid #d9b99b
}

#product_videos>div {
    display: block;
    float: left;
    margin-bottom: 10px;
    width: 100%
}

#product_videos a {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: block;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    justify-content: center;
    margin: 0;
    min-height: 65px;
    padding: 2px;
    width: 100%
}

#product_videos a:hover {
    opacity: 1
}

#product_videos a.active,#product_videos a:hover {
    border: 1px solid #d9b99b
}

#setting_metal_dropright {
    float: left;
    margin-bottom: 10px;
    overflow: initial;
    position: relative;
    width: 100%
}

.product_video {
    margin: 0;
    width: 100%
}

#ring_detail_description {
    line-height: 18px;
    margin-bottom: 18px;
    margin-top: 10px;
    max-height: 72px;
    overflow: auto;
    text-align: justify;
    width: 100%
}

#ring_detail_description a {
    color: #333
}

#ring_detail_metal_type_detail {
    float: left;
    font-size: 12px;
    font-weight: 600;
    padding: 10px 3px;
    text-align: center;
    width: 100%
}

#ring_detail_metal_type_detail:before {
    background: transparent;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    clear: both;
    content: "";
    height: 7px;
    left: -10px;
    position: absolute;
    rotate: -45deg;
    top: 50%;
    width: 7px;
    z-index: 1
}

#ring_detail_metal_type_detail .carat {
    border-radius: 50%;
    color: #333;
    font-family: mreaves-book;
    font-size: 15px;
    height: 40px;
    margin: auto;
    overflow: hidden;
    padding-top: 9px;
    text-align: center;
    width: 40px
}

#ring_detail_metal_type_detail .carat.white_gold {
    background-color: #dedede;
    border-color: #dedede
}

#ring_detail_metal_type_detail .carat.yellow_gold {
    background-color: #ead680;
    border-color: #ead680
}

#ring_detail_metal_type_detail .carat.platinum {
    background-color: #dedede;
    border-color: #dedede;
    line-height: 11px
}

#ring_detail_metal_type_detail .carat.platinum span {
    font-size: 10px
}

#ring_detail_metal_type_detail .carat.rose {
    background-color: #f0bc9e;
    border-color: #f0bc9e
}

#setting_metal_dropright:hover #ring_detail_metal_type_detail .carat {
    border: 1px solid #333
}

#product_metal_types {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -ms-flex-pack: distribute;
    align-items: center;
    background: #fff;
    border: 1px solid #eee;
    bottom: 0;
    display: flex;
    justify-content: space-around;
    opacity: 0;
    padding: 0 20px;
    position: absolute;
    right: 75px;
    top: 0;
    transition-delay: .5s;
    visibility: hidden;
    width: 285px
}

#product_metal_types:before {
    background: #fff;
    bottom: 0;
    content: "";
    display: block;
    height: 100%;
    position: absolute;
    right: -11px;
    top: 0;
    width: 10px
}

#setting_metal_dropright:hover #product_metal_types {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    opacity: 1;
    transition: all .5s ease;
    visibility: visible
}

#product_metal_types>div {
    float: left;
    width: 60px
}

.product_metal_type_link_18ct-rose-gold .carat,.product_metal_type_link_18ct-white-gold .carat,.product_metal_type_link_18ct-yellow-gold .carat,.product_metal_type_link_platinum .carat {
    border: 1px solid;
    border-radius: 50%;
    color: #333;
    float: left;
    font-family: mreaves-book;
    height: 40px;
    margin: 0 10px 1px;
    overflow: hidden;
    padding-top: 6px;
    text-align: center;
    vertical-align: middle;
    width: 40px
}

.product_metal_type_link_18ct-white-gold .carat {
    background-color: #dedede;
    border-color: #dedede
}

.product_metal_type_link_18ct-yellow-gold .carat {
    background-color: #ead680;
    border-color: #ead680
}

.product_metal_type_link_platinum .carat {
    background-color: #dedede;
    border-color: #dedede;
    line-height: 11px;
    padding-top: 9px
}

.product_metal_type_link_platinum .carat span {
    font-size: 10px
}

.product_metal_type_link_18ct-rose-gold .carat {
    background-color: #f0bc9e;
    border-color: #f0bc9e
}

.product_metal_type_link .name {
    color: #333;
    font-size: 12px;
    font-weight: 600;
    text-align: center
}

.color_active {
    border-color: #333!important
}

.product_metal_type_link:hover {
    text-decoration: none
}

#jewellery_order_section {
    display: flex;
    gap: 10px;
    margin-top: 12px
}

#jewellery_order_section.with-search .dropdown {
    width: auto
}

#jewellery_order_section.with-search .dropdown button {
    text-align: left
}

#jewellery_order_section.with-search .search-section {
    height: 25px;
    margin-left: auto;
    width: auto
}

#jewellery_order_section.with-search .search-section .input-group {
    border-bottom: 1px solid #333
}

#jewellery_order_section.with-search .search-section .input-group .search-ring-input {
    border: none;
    border-radius: 0;
    height: 25px;
    padding-left: 0;
    padding-right: 0
}

#jewellery_order_section.with-search .search-section .input-group .ring-search-btn {
    background-color: #fff;
    border: none;
    border-radius: 0;
    color: #333;
    cursor: pointer;
    height: 25px;
    padding-left: 5px;
    padding-right: 5px;
    text-decoration: none
}

#jewellery_order_section.with-search .search-section .input-group .ring-search-btn i {
    font-size: 12px
}

#jewellery_order_section.with-search .search-section .search-ring-input:focus {
    z-index: 0
}

#jewellery_order_section.with-search #total_items_number {
    text-wrap: nowrap;
    width: auto
}

#jewellery_order_section .dropdown button {
    align-items: center;
    background-color: #fff;
    border: none;
    color: #333;
    display: flex;
    padding: 0;
    width: auto
}

#jewellery_order_section .dropdown button.dropdown-toggle:after {
    background: url(https://novitadiamonds.com.myhttps://novitadiamonds.com.my/build/images/arrow_down.42ae47a1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    border: none;
    content: "";
    display: inline-block;
    height: 18px;
    width: 18px
}

#jewellery_order_section .dropdown button:focus {
    border: none
}

#jewellery_order_section .dropdown #order_dropdown {
    width: 207px
}

#jewellery_order_section #total_items_number {
    text-align: right;
    width: 67%
}

@media screen and (min-width: 768px) {
    #jewellery_order_section #total_items_number {
        text-align:left
    }

    #search_form {
        border-top: 2px solid #d9b99b;
        margin-top: 15px;
    }
    #search_form>.row:first-of-type {
        margin-top: 20px;
    }
}

.product_metal_type_link_18ct-rose-gold div:hover,.product_metal_type_link_18ct-white-gold div:hover,.product_metal_type_link_18ct-yellow-gold div:hover,.product_metal_type_link_platinum div:hover {
    border-color: #333
}

.choose_setting {
    background: #333;
    clear: both;
    margin: auto;
    min-height: 44px;
    padding: 4px 40px 4px 2px;
    width: 100%
}

.choose_setting>a {
    color: #fff;
    left: 0;
    position: absolute;
    text-transform: uppercase;
    width: calc(100% - 40px)
}

.choose_setting>a:hover {
    text-decoration: none
}

.choose_and_favorite {
    clear: both;
    font-size: 24px;
    letter-spacing: 1px;
    margin: auto;
    position: relative;
    width: 100%
}

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

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

.detail_set_favorite_input {
    height: 0;
    opacity: 0;
    position: absolute
}

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

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

section.setting_filter {
    margin: 0;
    padding: 0;
    position: relative;
    width: 71.5%
}

div.setting_filter {
    margin: 0;
    padding: 0
}

.setting_filter ul {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    font-family: mreaves-book;
    justify-content: space-around;
    list-style: none;
    margin: 0;
    padding: 0
}

.setting_filter_style_panel ul {
    flex-wrap: wrap;
    justify-content: center
}

.setting_filter ul li label {
    font-size: 15px
}

.container_steps_title {
    border-bottom: 1px solid #333;
    border-top: 1px solid #333;
    float: left;
    width: 100%
}

.container_steps_title .steps_title {
    position: relative;
    width: 100%
}

.container_steps_title .steps_title .description_1 img,.container_steps_title .steps_title .description_2 img,.container_steps_title .steps_title .description_3 img {
    margin-right: 10px
}

.steps_title .description_2 {
    line-height: 1;
    padding-left: 15px;
    position: relative
}

.steps_title .description_2 img {
    bottom: 0;
    left: 20px;
    top: -5px
}

.steps_title .description_2 span {
    color: #fff;
    display: inline-block;
    line-height: 0;
    margin: 0
}

.steps_title .description_2 br {
    display: none
}

.steps_title .description_2 a {
    color: #fff;
    display: block;
    font-family: mreaves-book;
    font-size: 12px;
    text-decoration: underline
}

.step_1 {
    width: 34%
}

.step_1,.step_2,.step_3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    float: left
}

.step_2,.step_3 {
    width: 33%
}

.step_1,.step_2,.step_3 {
    height: 51px;
    padding-left: 25px
}

.number_1,.number_2,.number_3 {
    -ms-flex-preferred-size: 50px;
    background: #fff;
    flex-basis: 50px;
    float: left;
    font-size: 40px;
    height: 45px;
    line-height: 1.2;
    position: relative;
    top: 4px
}

.description_1,.description_2,.description_3 {
    color: #333;
    float: left;
    font-size: 20px;
    line-height: 1.2;
    padding-left: 20px;
    text-align: left;
    width: 100%
}

@media screen and (min-width: 768px) and (max-width:800px) {
    .description_1,.description_2,.description_3 {
        font-size:15px!important
    }
}

@media screen and (min-width: 801px) and (max-width:900px) {
    .description_1,.description_2,.description_3 {
        font-size:18px!important
    }
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .description_1,.description_2,.description_3 {
        line-height:10px;
        width: 80%
    }

    .instructions {
        padding: 15px 15% 70px
    }

    .instruction_section .information {
        line-height: 25px
    }

    .info_icon {
        margin-right: 2px;
        margin-top: 4px!important
    }

    .ring_info {
        margin-left: 10px;
        position: absolute;
        z-index: 2
    }
}

.step_1_arrow {
    margin-left: calc(34% - 19px);
    position: absolute;
    width: 21px
}

.step_1_arrow img {
    height: 52px;
    padding-bottom: 1px
}

.step_2_arrow {
    margin-left: calc(67% - 19px);
    position: absolute;
    width: 20px
}

.step_2_arrow img {
    height: 51px
}

.steps_ring_setting_selection {
    display: none;
    max-height: 40px;
    position: absolute;
    right: 30px;
    top: 5px;
    width: 40px
}

.steps_ring_setting_selection img {
    width: 100%
}

.steps_ring_diamond_selection {
    display: none;
    margin-left: calc(33% - 90px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_ring_diamond_selection img {
    width: 100%
}

.steps_diamond_diamond_selection {
    display: none;
    margin-left: calc(33% - 90px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_diamond_diamond_selection img {
    width: 100%
}

.steps_diamond_setting_selection {
    display: none;
    margin-left: calc(34% - 110px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_diamond_setting_selection img {
    width: 100%
}

.steps_ring_setting_selection_summ {
    display: none;
    line-height: 14px;
    margin-left: calc(34% - 90px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_ring_setting_selection_summ img {
    width: 75%
}

.steps_ring_setting_selection_summ a span {
    color: #fff;
    font-size: 13px
}

.steps_ring_diamond_selection_summ {
    display: none;
    line-height: 14px;
    margin-left: calc(33% - 90px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_ring_diamond_selection_summ img {
    width: 75%
}

.steps_ring_diamond_selection_summ a span {
    color: #fff;
    font-size: 13px
}

.steps_diamond_setting_selection_summ {
    display: none;
    line-height: 14px;
    margin-left: calc(34% - 110px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_diamond_setting_selection_summ img {
    width: 75%
}

.steps_diamond_setting_selection_summ a span {
    color: #fff;
    font-size: 13px
}

.steps_diamond_diamond_selection_summ {
    display: none;
    line-height: 14px;
    margin-left: calc(33% - 90px);
    max-height: 40px;
    position: absolute;
    top: 5px;
    width: 40px
}

.steps_diamond_diamond_selection_summ img {
    width: 75%
}

.steps_diamond_diamond_selection_summ a span {
    color: #fff;
    font-size: 13px
}

.select_ring_container .container_steps_title .steps_title {
    background: #333
}

.select_ring_container .steps_ring_first {
    background-color: #333
}

.select_ring_container .steps_ring_first .step_1 {
    background-color: #fff
}

.select_ring_container .steps_ring_first .step_1 .description_1,.select_ring_container .steps_ring_first .step_1 .number_1 {
    color: #333
}

.select_ring_container .steps_ring_first .step_2 .number_2 {
    background-color: #333;
    color: #fff
}

.select_ring_container .steps_ring_first .step_2 .description_2,.select_ring_container .steps_ring_first .step_2 .description_2 span {
    color: #fff
}

.select_ring_container .steps_ring_first .step_2 .description_2 a {
    margin-top: -4px
}

.select_ring_container .steps_ring_first .step_3 .number_3 {
    background-color: #333;
    color: #fff
}

.select_ring_container .steps_ring_first .step_3 .description_3 {
    color: #fff
}

.select_ring_container .steps_diamond_first {
    background-color: #333
}

.select_ring_container .steps_diamond_first .step_1 .number_1 {
    background-color: #333;
    color: #fff
}

.select_ring_container .steps_diamond_first .step_1 .description_1 {
    color: #fff
}

.select_ring_container .steps_diamond_first .step_2 {
    background-color: #fff
}

.select_ring_container .steps_diamond_first .step_2 .description_2,.select_ring_container .steps_diamond_first .step_2 .number_2 {
    background-color: #fff;
    color: #333
}

.select_ring_container .steps_diamond_first .step_2 .description_2 span {
    color: #333
}

.select_ring_container .steps_diamond_first .step_2 .description_2 a {
    margin-top: -4px
}

.select_ring_container .steps_diamond_first .step_3 .number_3 {
    background-color: #333;
    color: #fff
}

.select_ring_container .steps_diamond_first .step_3 .description_3 {
    color: #fff
}

#create_engage_ring_container .description_2_light {
    line-height: 1;
    padding-left: 55px;
    padding-top: 0;
    position: relative
}

#create_engage_ring_container .description_2_light img {
    bottom: 0;
    left: 20px;
    margin: auto;
    position: absolute;
    top: 0
}

#create_engage_ring_container .description_2_light span {
    display: inline-block;
    line-height: 0;
    margin: 0;
    width: 100%
}

#create_engage_ring_container .description_2_light br {
    display: none
}

#create_engage_ring_container .description_2_light a {
    color: #fff;
    display: block;
    font-size: 16px;
    text-decoration: underline
}

#create_engage_ring_container .step_2_light,#create_engage_ring_container .step_3_light {
    background: hsla(0,0%,100%,.4)
}

.select_ring_container .steps_diamond_first .description_2 span {
    color: #333
}

.setting_filter>div {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: center;
    background: #fff;
    border-bottom: 1px solid #333;
    border-right: 1px solid #333;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: center;
    padding: 15px 5px;
    position: static
}

.setting_filter>div:last-of-type {
    border-right: none
}

.setting_filter>div>div {
    font-size: 18px;
    line-height: 1.2;
    padding: 0;
    text-transform: uppercase
}

.tooltip_container {
    /* bottom: 0; */
    /* color: #333; */
    font-size: 12px;
    /* height: 20px; */
    /* left: 0; */
    /* margin: auto; */
    /* position: absolute; */
    /* top: 0; */
    /* border: 5px solid transparent; */
    /* border-top-color: #383838; */
    content: "";
    /* left: 50%; */
    /* margin-left: -5px; */
    /* position: absolute; */
    /* top: 100%; */
    /* z-index: 3 */
}

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

.setting_filter .field_label {
    font-family: mreaves-regular;
    font-size: 14px;
    font-weight: 100;
    letter-spacing: 1px;
    line-height: 1;
    padding-left: 16px;
    padding-right: 10px;
    position: relative
}

.setting_filter .field_label:after {
    background: url(https://novitadiamonds.com.myhttps://novitadiamonds.com.my/build/images/arrow_down.42ae47a1.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: auto 100%;
    bottom: 0;
    content: "";
    display: inline-block;
    height: 18px;
    margin: auto;
    position: absolute;
    right: -5px;
    top: 0;
    width: 18px
}

.setting_filter>div>div:nth-of-type(2) {
    background: #fff;
    border: 1px solid #333;
    border-top: none;
    display: none;
    left: 0;
    position: absolute;
    top: 100%;
    width: 100%;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .setting_filter>div.active .field_label:after {
        background:url(https://novitadiamonds.com.my/build/images/arrow_up.7c60f524.png);
        background-position: 50%;
        background-repeat: no-repeat;
        background-size: auto 100%;
        content: ""
    }

    .setting_filter>div.active {
        border-bottom: none;
        color: #d9b99b
    }

    .setting_filter>div.active>div:nth-of-type(2) {
        display: block;
        padding: 5px 0
    }

    .setting_filter>div.active>div:nth-of-type(2) li {
        color: #333;
        display: inline-block
    }
}

.setting_filter .setting_filter_metal_panel li {
    float: left;
    padding-top: 45px;
    position: relative;
    width: 20%
}

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

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

.setting_filter .checkmark:after {
    border: solid #d9b99b;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 2px;
    top: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px
}

.setting_filter .setting_filter_metal_panel ul li input {
    height: 0;
    opacity: 0;
    position: absolute
}

.setting_filter .setting_filter_metal_panel ul li label.filter_icon:before {
    background: #333;
    border-radius: 50%;
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 40px
}

.setting_filter .setting_filter_metal_panel ul li input:checked+label.filter_icon,.setting_filter .setting_filter_metal_panel ul li:hover input+label.filter_icon {
    color: #d9b99b
}

.setting_filter .setting_filter_metal_panel ul li input:checked+label.filter_icon:before,.setting_filter .setting_filter_metal_panel ul li:hover input+label.filter_icon:before {
    border: 2px solid #d9b99b;
    content: "";
    display: inline-block
}

.setting_filter .checkmark {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    height: 12px;
    top: 65px;
    width: 12px
}

.setting_filter .setting_filter_metal_panel ul li input:checked+.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
}

.setting_filter .setting_filter_metal_panel ul li:first-of-type label.filter_icon:before {
    background: #333
}

.setting_filter .setting_filter_metal_panel ul li:nth-of-type(2) label.filter_icon:before {
    background: #dedede
}

.setting_filter .setting_filter_metal_panel ul li:nth-of-type(3) label.filter_icon:before {
    background: #ead680
}

.setting_filter .setting_filter_metal_panel ul li:nth-of-type(4) label.filter_icon:before {
    background: #f0bc9e
}

.setting_filter .setting_filter_metal_panel ul li:nth-of-type(5) label.filter_icon:before {
    background: #dedede
}

.setting_filter .setting_filter_shape_panel li {
    float: left;
    padding-top: 42px;
    position: relative;
    width: 7%
}

.setting_filter .setting_filter_shape_panel ul li input {
    height: 0;
    opacity: 0;
    position: absolute
}

.setting_filter .setting_filter_shape_panel ul li label.filter_icon {
    font-family: mreaves-book;
    font-size: 14px
}

.setting_filter .setting_filter_shape_panel ul li label.filter_icon:before {
    content: "";
    display: inline-block;
    height: 40px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 85%
}

.setting_filter .setting_filter_shape_panel ul li input:checked+label.filter_icon,.setting_filter .setting_filter_shape_panel ul li:hover input+label.filter_icon {
    color: #d9b99b
}

.setting_filter .setting_filter_shape_panel ul li:first-of-type .filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/all_shape.caf98dd8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(2) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/round.72e4ceef.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(3) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/pear.a75380e0.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(4) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/oval.27a971e7.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(5) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/esmerald.389eaa53.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(6) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/cushion.a96b9101.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(7) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/princess.5339f419.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(8) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/radiant.e9fa0e27.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:nth-of-type(9) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/assher.e8558db9.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li .filter_setting_asscher:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_asscher:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_cushion:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_cushion:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_emerald:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_emerald:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_oval:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_oval:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_pear:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_pear:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_princess:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_princess:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_radiant:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_radiant:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_round:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_round:disabled+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_shape_all:disabled+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_shape_all:disabled+.filter_icon:before {
    opacity: .3
}

.setting_filter .setting_filter_shape_panel ul li .filter_setting_asscher:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_asscher:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_cushion:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_cushion:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_emerald:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_emerald:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_oval:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_oval:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_pear:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_pear:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_princess:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_princess:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_radiant:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_radiant:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_setting_round:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_setting_round:disabled:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li .filter_shape_all:disabled:checked+.filter_icon,.setting_filter .setting_filter_shape_panel ul li .filter_shape_all:disabled:checked+.filter_icon:before {
    opacity: 1
}

.setting_filter .setting_filter_shape_panel ul li:first-of-type input:checked+.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:hover:first-of-type .filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/all_shape_hover.300e7d22.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(2) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(2) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/round_hover.d30395f5.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(3) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(3) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/pear_hover.6e1132a1.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(4) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(4) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/oval_hover.4aa5ead5.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(5) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(5) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/esmerald_hover.187b549c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(6) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(6) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/cushion_hover.991b6d13.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(7) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(7) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/princess_hover.789df652.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(8) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(8) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/radiant_hover.652c9886.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_shape_panel ul li:hover:nth-of-type(9) label.filter_icon:before,.setting_filter .setting_filter_shape_panel ul li:nth-of-type(9) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/assher_hover.2f390752.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel li {
    float: left;
    padding-top: 40px;
    position: relative;
    width: 16.16%
}

.setting_filter_style_panel ul li input {
    height: 0;
    opacity: 0;
    position: absolute
}

.setting_filter .setting_filter_style_panel ul li label.filter_icon:before {
    content: "";
    display: inline-block;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

.setting_filter .setting_filter_style_panel ul li input:checked+label.filter_icon,.setting_filter .setting_filter_style_panel ul li:hover input+label.filter_icon {
    color: #d9b99b
}

.setting_filter .setting_filter_style_panel ul li:first-of-type label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/all_styles.7e025695.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(2) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/solitaire.426cdcf4.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(3) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/side_stone.97b7f7c9.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(4) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/halo.fc0c0c01.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(5) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/three_stone.bd584c51.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(6) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/toi_et_moi.90df80d0.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(7) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/vintage.7846d22b.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(8) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/hidden_halo.c41c787e.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(9) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/clasic.6af5a1ae.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(10) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/unique.ce165530.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:nth-of-type(11) label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/pave.18a8dde8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:first-of-type input:checked+label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:hover:first-of-type+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/all_styles_hover.a34b9faa.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(2) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(2) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/solitaire_hover.f3e87428.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(3) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(3) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/side_stone_hover.22eeeb08.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(4) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(4) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/halo_hover.ab2670ca.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(5) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(5) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/three_stone_hover.121d4cc8.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(6) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(6) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/toi_et_moi_hover.28030dae.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(7) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(7) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/vintage_hover.6e1c9f2f.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(8) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(8) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/hidden_halo_hover.49d0a98c.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(9) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(9) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/clasic_hover.a0ca0472.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(10) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(10) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/unique_hover.09bbe328.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter .setting_filter_style_panel ul li:hover:nth-of-type(11) label.filter_icon:before,.setting_filter .setting_filter_style_panel ul li:nth-of-type(11) input:checked+label.filter_icon:before {
    background: url(https://novitadiamonds.com.my/build/images/pave_hover.8f8dfc25.svg);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: contain
}

.setting_filter>div:nth-of-type(4)>div:nth-of-type(2) li {
    box-sizing: border-box;
    float: left;
    margin: 0;
    min-height: 78px;
    padding: 10px;
    position: relative;
    width: 25%
}

.setting_filter>div:nth-of-type(4)>div:nth-of-type(2) ul li input {
    height: 0;
    opacity: 0;
    position: absolute
}

.setting_filter>div:nth-of-type(4)>div:nth-of-type(2) ul li label.filter_icon {
    border: 1px solid #333;
    display: inline-block;
    font-family: mreaves-book;
    min-height: 50px;
    padding: 5px 15px;
    text-align: center;
    vertical-align: middle
}

.setting_filter>div:nth-of-type(4)>div:nth-of-type(2) ul li input:checked+label.filter_icon,.setting_filter>div:nth-of-type(4)>div:nth-of-type(2) ul li:hover input+label.filter_icon {
    background: #d9b99b;
    border: 2px solid #d9b99b
}

.setting_list {
    clear: both;
    float: left;
    margin: 5px 0 0;
    width: 100%
}

.setting_list .ring_detail_link .picture {
    min-height: 175px;
    position: relative
}

.setting_list .ring_detail_link .picture img {
    width: 100%
}

.matching_wedding_bands_items_container {
    display: none;
    margin-top: 30px
}

.matching_wedding_bands_items_list {
    clear: both;
    color: #333;
    display: flex;
    float: left;
    margin: 5px 0 0
}

.matching_wedding_bands_items_list .wedding_band_detail_link {
    color: #333
}

.matching_wedding_bands_items_list .wedding_band_detail_link .picture {
    min-height: 175px
}

.matching_wedding_bands_items_list .wedding_band_detail_link .picture img {
    width: 100%
}

.matching_wedding_band_list {
    clear: both;
    float: left;
    margin: 5px 0 0;
    width: 100%
}

.matching_wedding_band_list .ring_detail_link .picture {
    min-height: 175px
}

.matching_wedding_band_list .ring_detail_link .picture img {
    width: 100%
}

.matching_wedding_band_list .ring_detail_link.active {
    border: 4px solid #d9b99b
}

.matching_wedding_band_list>div>br {
    display: none
}

.matching_wedding_band_list>div>a {
    border: 4px solid #fff;
    box-sizing: border-box;
    color: #333;
    display: block;
    height: 100%;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 0
}

.matching_wedding_band_list>div>a:hover {
    border: 4px solid #d9b99b;
    text-decoration: none
}

.list_set_favorite {
    position: absolute;
    right: 10px;
    top: 10px
}

.list_set_favorite label {
    margin: 6px 0 0
}

.list_set_favorite_input {
    height: 0;
    opacity: 0;
    position: absolute
}

.list_set_favorite label:before {
    content: "";
    display: block;
    height: 22px;
    width: 18px
}

a.ring_detail_link:hover+.list_set_favorite label:before {
    background: url(https://novitadiamonds.com.myhttps://novitadiamonds.com.my/build/images/heart_line.0a90fc19.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

img.hover_image {
    display: none;
    margin-top: -100%
}

a.ring_detail_link:hover img.hover_image {
    display: block
}

.list_set_favorite:hover label:before {
    background: url(https://novitadiamonds.com.myhttps://novitadiamonds.com.my/build/images/heart.cbdee7f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.list_set_favorite input:checked+label:before {
    content: "";
    display: block;
    height: 22px;
    width: 18px
}

.list_set_favorite input:checked+label:before,a.ring_detail_link:hover+.list_set_favorite input:checked+label:before {
    background: url(https://novitadiamonds.com.my/build/images/heart.cbdee7f4.png);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: 100%
}

.matching_wedding_bands_items_list {
    width: 100%
}

@media screen and (min-width: 500px) {
    .matching_wedding_bands_items_list {
        margin-left:10%;
        width: 80%
    }
}

.matching_wedding_band_list>div,.setting_list>div {
    padding: 2px;
    position: relative
}

#ring_list_section .setting_list .custom_engagement_ring_link img {
    margin-top: 15px;
    width: 100%
}

#ring_list_section .setting_list .custom_engagement_ring_link .title_1 {
    font-family: mreaves-bold;
    margin-top: 32px
}

#ring_list_section .setting_list .custom_engagement_ring_link .title_2 {
    font-family: mreaves-bold;
    margin-top: -3px
}

#ring_list_section .setting_list .custom_engagement_ring_link .easy {
    font-family: mreaves-book;
    font-size: 14px;
    padding: 5px 0
}

#ring_list_section .setting_list .custom_engagement_ring_link .button_like {
    background-color: #333;
    color: #fff;
    font-size: 14px;
    line-height: 12px;
    margin-top: 10px;
    padding: 6px 0
}

#ring_list_section .setting_list .trilogy-item-container .design-your {
    font-family: mreaves-book;
    font-weight: 800;
    margin-bottom: 0
}

#ring_list_section .setting_list .trilogy-item-container .three-stone-ring {
    font-family: mreaves-book;
    font-size: 19px;
    margin-bottom: 0
}

#ring_list_section .setting_list .trilogy-item-container .in-steps {
    font-family: mreaves-book;
    font-size: .8rem
}

#ring_list_section .setting_list .trilogy-item-container .trilogy_item_ring_link_btn {
    background-color: #333;
    border: none;
    color: #fff;
    font-size: 15px;
    font-weight: 700;
    line-height: 17px;
    padding: 8px 0;
    text-transform: uppercase;
    width: 100%
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .slider-item .item-image img {
    width: 100%
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section {
    text-align: center
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .top-small-text {
    font-size: 17px;
    line-height: 17px;
    margin-bottom: 0;
    margin-top: 2px
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-title {
    font-size: 20px;
    font-weight: 700;
    line-height: 20px;
    margin-bottom: 0;
    padding: 0
}

@media screen and (max-width: 520.98px) {
    #ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-title {
        font-size:15px
    }
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .step-text {
    font-size: 13px;
    line-height: 11px;
    margin-bottom: 0
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data {
    padding-bottom: 3px;
    padding-top: 7px
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc {
    font-size: 13px
}

@media screen and (max-width: 520.98px) {
    #ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc {
        font-size:10px
    }
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-price {
    font-size: 15px;
    font-weight: 700;
    margin: 0
}

@media screen and (max-width: 520.98px) {
    #ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-price {
        font-size:13px
    }
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color {
    vertical-align: text-top
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color .color {
    border-radius: 50%;
    display: inline-block;
    height: 12px;
    width: 12px
}

@media screen and (max-width: 520.98px) {
    #ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color .color {
        height:10px;
        width: 10px
    }
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color .color.gold {
    background-color: #e9d074
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color .color.silver {
    background-color: #ececec
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .gold-desc .item-color .color.rose {
    background-color: #d9b99b
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .item-details-section .item-data .hints {
    font-size: 11px;
    line-height: 11px;
    margin-bottom: 0
}

#ring_list_section .setting_list .toi_et_moi_ring_link .slider-card-section .toi_et_moi_ring_link_btn {
    background-color: #333;
    border: none;
    color: #fff;
    font-size: 11px;
    font-weight: 700;
    line-height: 17px;
    padding: 5px 0;
    text-transform: uppercase;
    width: 100%
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .matching_wedding_band_list>div,.setting_list>div {
        flex:0 0 50%;
        max-width: 50%
    }
}

.setting_list>div>a {
    border: 4px solid #fff;
    box-sizing: border-box;
    color: #333;
    display: block;
    height: 100%;
    letter-spacing: 1px;
    line-height: 1.2;
    padding: 10px
}

.setting_list>div>a:hover {
    border: 4px solid #d9b99b;
    text-decoration: none
}

.setting_list .ring_detail_link.active {
    border: 4px solid #d9b99b
}

.setting_list>div>br {
    display: none
}

.ring_item {
    max-width: 206px
}

.ring_item .top-pink-section {
    background-color: #fff7f7;
    color: #d9b99b;
    display: block;
    font-size: 18px;
    left: 6px;
    padding-right: 25px;
    padding-top: 5px;
    position: absolute;
    text-align: right;
    top: 13px;
    width: calc(100% - 12px);
    z-index: 2
}

.ring_item .top-pink-section img {
    vertical-align: baseline;
    width: 45px
}

.special-col {
    flex: 0 0 100%!important;
    max-width: 100%!important
}

.special-col .special-pink-section {
    background: #fcecec;
    font-size: 20px;
    margin-bottom: 5px;
    margin-top: 5px;
    padding: 5px 15px
}

.special-col .special-pink-section a {
    color: #333;
    font-family: mreaves-bold;
    text-decoration: underline
}

.special-col .special-pink-section p {
    margin-bottom: 0
}

.ring_item .name {
    font-family: mreaves-book;
    font-size: 17px
}

.ring_item .name .pink-text {
    color: #d9b99b;
    font-family: mreaves-bold;
    margin-right: 5px;
    text-transform: uppercase
}

.ring_item .metal_type {
    font-family: mreaves-book;
    font-size: 13px;
    font-weight: 100
}

.ideal-seaction {
    align-items: center;
    background: #d9b99b;
    color: #fff;
    display: flex;
    font-family: mreaves-book;
    font-size: 16px;
    font-style: normal;
    font-weight: 600;
    justify-content: center;
    padding: 3px 0;
    width: 100%
}

@media screen and (max-width: 767px) {
    .ideal-seaction {
        padding:3px 0
    }
}

.ideal-seaction i {
    background: #fff;
    border-radius: 50%;
    color: #d9b99b;
    font-size: 7px;
    height: 14px;
    margin-right: 6px;
    padding: 3px 1px 0 2px;
    vertical-align: middle;
    width: 14px
}

.ring_item .price {
    font-size: 24px;
    font-weight: 700
}

.ring_item .local_tax {
    font-size: 11px
}

#loading_spinner_ring_list {
    display: none;
    margin-left: 280px;
    margin-top: 200px;
    position: fixed;
    width: 100px;
    z-index: 1
}

.ring_item .isNew {
    background-image: url(https://novitadiamonds.com.myhttps://novitadiamonds.com.my/build/images/icon_new.d89befa1.svg)
}

.ring_item .isNew,.ring_item .isPink {
    background-repeat: no-repeat;
    height: 20px;
    margin-left: -14px;
    position: absolute;
    width: 46px;
    z-index: 1
}

.ring_item .isPink {
    background-image: url(https://novitadiamonds.com.my/build/images/pink_text.df588026.svg)
}

.paginiation-nav {
    flex: 0 0 100%!important;
    max-width: 100%!important
}

.paginiation-nav .pagination {
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0
}

.paginiation-nav .pagination .page-item {
    flex: 1
}

.paginiation-nav .pagination .page-item.active .page-link {
    font-weight: 700;
    position: relative
}

.paginiation-nav .pagination .page-item.active .page-link:after {
    background-color: #2c2c2c;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

.paginiation-nav .pagination .page-item .page-link {
    background-color: #fff;
    border: none;
    border-bottom: 1px solid #d2d2d2;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    color: #2f2f2f;
    font-family: mreaves-book;
    font-size: 16px;
    font-size: 17px;
    padding: 5px 17px
}

.paginiation-nav .pagination .page-item .page-link:hover {
    background-color: #d9b99b;
    color: #fff
}

.paginiation-nav .pagination .page-item .page-link:hover:after {
    background-color: #2c2c2c;
    bottom: -1px;
    content: "";
    height: 3px;
    left: 0;
    position: absolute;
    right: 0;
    width: 100%
}

#loading_spinner_ring_list img {
    width: 100%
}

@media screen and (min-width: 768px) {
    .setting_filter .setting_filter_metal_panel ul li label.filter_icon:before {
        height:40px;
        width: 40px
    }
}

#ring_more_details_container {
    margin: 0 0 10px;
    text-align: right
}

#ring_more_details_container a {
    color: #333;
    text-decoration: underline
}

#ring_more_details_box {
    background-color: #fff;
    border: 10px solid #d9b99b;
    color: #333;
    font-family: mreaves-book;
    font-size: 20px;
    max-width: 1100px;
    padding: 50px 100px
}

#ring_more_details_box h2,#ring_more_details_box h3,#ring_more_details_box h5 {
    color: #333;
    font-family: mreaves-regular;
    font-size: 32px;
    padding-bottom: 3px;
    position: relative;
    text-align: left;
    width: fit-content
}

@media screen and (min-width: 768px) and (max-width:800px) {
    #ring_more_details_box h2,#ring_more_details_box h3,#ring_more_details_box h5 {
        font-size:30px!important
    }
}

#ring_more_details_box h2:after,#ring_more_details_box h3:after,#ring_more_details_box h5:after {
    background: #d9b99b;
    bottom: 0;
    content: "";
    height: 1px;
    position: absolute;
    right: 0;
    width: 100vw
}

#ring_more_details_box h2.accent-diamond:after,#ring_more_details_box h3.accent-diamond:after,#ring_more_details_box h5.accent-diamond:after {
    width: 100%
}

#ring_more_details_box .recommend_heading {
    display: none
}

#ring_more_details_box .ring_desc_row {
    overflow: hidden;
    width: 100%
}

#ring_more_details_box .ring_desc_row .ring_desc_col {
    float: left;
    line-height: 29px;
    text-align: left;
    width: 50%
}

#ring_more_details_box .ring_desc_row .ring_desc_col:last-of-type {
    font-family: mreaves-regular
}

#ring_more_details_box .ring_desc_col.multiple.left {
    width: 40%
}

#ring_more_details_box .ring_desc_col.multiple.left.total_weight {
    line-height: 17px
}

#ring_more_details_box .ring_desc_col.multiple.right {
    width: 60%
}

#ring_more_details_box .ring_specification>div>div {
    text-align: left
}

#ring_more_details_box .small-font-data h3 {
    font-size: 27px!important
}

#ring_more_details_box .small-font-data .ring_desc_row {
    font-size: 15px
}

#ring_more_details_box button.fancybox-button {
    color: #d9b99b;
    height: 60px;
    width: 60px
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .matching_wedding_band_list .ring_detail_link .picture,.setting_list .ring_detail_link .picture {
        min-height:auto
    }

    #ring_more_details_box {
        font-size: 12px;
        line-height: 15px;
        padding: 50px 10px
    }

    #ring_more_details_box h2,#ring_more_details_box h3,#ring_more_details_box h5 {
        font-size: 22px
    }

    #ring_more_details_box h3 {
        font-size: 15px;
        letter-spacing: 0
    }

    #ring_more_details_box .ring_desc_col {
        line-height: 17px
    }

    .ring_specification>div>div {
        text-align: left
    }

    .ring_item .isNew,.ring_item .isPink {
        margin-left: 0
    }
}

@media screen and (min-width: 1px) and (max-width:425px) {
    .small-font-data h3.text-center {
        margin-top:10px;
        text-align: left!important
    }

    .m-t-20 {
        margin-top: 20px
    }
}

#express_job_option {
    padding: 0 5px
}

#express_job_option .row {
    margin-left: -10px;
    margin-right: -10px
}

#express_job_option .row>div {
    padding-left: 5px;
    padding-right: 5px
}

#express_job_option .row>div span {
    margin-left: 5px
}

#express_job_option .row>div .tooltip_container {
    left: auto;
    right: -5px
}

#express_job_option .row>div .tooltip_container .tooltiptext {
    margin-left: -120px
}

#express_job_option .pink_checkbox_box label {
    margin-bottom: 0
}

#express_job_option .stamp-logo-section {
    padding: 0 10px
}

#express_job_option .stamp-logo-section img {
    width: 100%
}

.pink_checkbox_box {
    margin: 0
}

#live_picture_panel #live_shapes {
    z-index: 1
}

#live_picture_panel #live_shapes a {
    position: relative!important
}

#main_video_panel #main_video_shapes {
    z-index: 1
}

#main_video_panel #main_video_shapes a {
    position: relative!important
}

#product_videos .product_video_transparent_layer {
    left: 13px;
    position: absolute;
    top: 12px
}

#live_picture_panel .product_video_transparent_layer,#main_video_panel .product_video_transparent_layer {
    left: 50%;
    position: absolute!important;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 39px!important
}

.setting_media_container {
    min-height: 350px;
    position: relative
}

.setting_media_container .guarantee_icon_container {
    padding: 15px 0;
    position: absolute;
    right: 0;
    top: 0;
    width: 150px;
    z-index: 1
}

.ring_detail_video_container video {
    max-height: 350px;
    min-height: 350px;
    width: 350px
}

.ring_detail_video_container #start_setting_video {
    display: none;
    margin-left: 4px;
    margin-right: 5px
}

.ring_detail_video_container #pause_setting_video,.ring_detail_video_container #start_setting_video {
    background: none;
    border: none;
    height: 25px;
    padding: 0;
    width: 20px
}

.ring_detail_video_container #pause_setting_video img,.ring_detail_video_container #start_setting_video img {
    width: 100%
}

.ring_detail_video_container #pause_setting_video:focus,.ring_detail_video_container #start_setting_video:focus {
    border: none;
    outline: 0
}

.ring_detail_video_container .management_buttons {
    display: flex;
    margin: -45px auto auto;
    position: relative;
    width: 350px
}

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

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

.ring_detail_video_container .management_buttons #progressbar #seekslider_setting_video:focus {
    outline: none
}

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

.ring_detail_video_container #seekslider_setting_video:focus {
    outline: none
}

.ring_detail_video_container #seekslider_setting_video::-moz-focus-outer {
    border: 0
}

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

.ring_detail_video_container #seekslider_setting_video::-moz-range-track {
    background: #333;
    height: 1px
}

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

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

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

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

.ring_detail_video_container #seekslider_setting_video::-ms-track {
    height: 20px
}

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

@media screen and (min-width: 768px) and (max-width:1080px) {
    .showroom_td .tooltiptext {
        width:180px!important
    }
}

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

    .ring_detail_video_container video {
        width: 100%
    }

    .ring_detail_video_container .management_buttons {
        width: 280px
    }

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

#search_form .diamond_filter_certificate_content ul, .diamond_filter_source_content ul, #search_form .diamond_filter_eye_clean_content ul, .diamond_filter_source_content ul {
    -ms-flex-pack: distribute;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    font-family: mreaves-book;
    justify-content: space-evenly;
    list-style: none;
    margin: 0;
    padding: 0
}

#search_form .diamond_filter_certificate_content li, .diamond_filter_source_content li, #search_form .diamond_filter_eye_clean_content li {
    float: left;
    padding-top: 20px;
    position: relative;
    width: 20%
}

#search_form .diamond_filter_certificate_content ul li input, #search_form .diamond_filter_eye_clean_content ul li input, .diamond_filter_source_content ul li input {
    height: 0;
    opacity: 0;
    position: absolute
}

#search_form .diamond_filter_certificate_content .checkmark, #search_form .diamond_filter_eye_clean_content .checkmark, .diamond_filter_source_content .checkmark {
    background-color: #fff;
    border: 1px solid #d3d3d3;
    height: 12px;
    top: 26px;
    width: 12px
}

#search_form .diamond_filter_certificate_content.diamond_filter_source_content .checkmark, #search_form .diamond_filter_eye_clean_content.diamond_filter_source_content .checkmark, .diamond_filter_source_content.diamond_filter_source_content .checkmark {
    left: -20px;
    margin-right: 60%;
}

#search_form .diamond_filter_certificate_content ul li label, .diamond_filter_source_content ul li label {
    /* float: right */
}

#search_form .diamond_filter_certificate_content ul li label.filter_icon:before, #search_form .diamond_filter_eye_clean_content ul li label.filter_icon:before, .diamond_filter_source_content ul li label.filter_icon:before {
    content: "";
    display: inline-block;
    height: 50px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 50%
}

#search_form .diamond_filter_certificate_content ul li input:checked+label.filter_icon,#search_form .diamond_filter_certificate_content ul li:hover input+label.filter_icon,
#search_form .diamond_filter_eye_clean_content ul li input:checked+label.filter_icon,#search_form .diamond_filter_eye_clean_content ul li:hover input+label.filter_icon,
.diamond_filter_source_content ul li input:checked+label.filter_icon, .diamond_filter_source_content ul li:hover input+label.filter_icon {
    color: #d9b99b
}

.filter_icon{
    padding-top:2px;
}

#search_form .diamond_filter_certificate_content .checkmark:after,
#search_form .diamond_filter_eye_clean_content .checkmark:after,
.diamond_filter_source_content .checkmark:after {
    content: "";
    display: none;
    position: absolute
}

#search_form .diamond_filter_certificate_content input:checked~.checkmark:after,
#search_form .diamond_filter_eye_clean_content input:checked~.checkmark:after,
.diamond_filter_source_content input:checked~.checkmark:after {
    display: block
}

#search_form .diamond_filter_certificate_content .checkmark:after,
#search_form .diamond_filter_eye_clean_content .checkmark:after,
.diamond_filter_source_content .checkmark:after {
    border: solid #d9b99b;
    border-width: 0 3px 3px 0;
    height: 10px;
    left: 2px;
    top: -1px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    width: 6px
}

#setting_metal_dropright .loading_common_content {
    display: none;
    padding: 10px
}

#setting_metal_dropright .loading_common_content img {
    height: 100%;
    width: 100%
}

#product_shapes_panel .loading_common_content {
    display: none;
    padding: 10px
}

#product_shapes_panel .loading_common_content img {
    height: 100%;
    width: 100%
}

#carat_diamond_compare_panel .loading_common_content {
    display: none;
    padding: 10px
}

#carat_diamond_compare_panel .loading_common_content img {
    height: 100%;
    width: 100%
}

.animated-col {
    padding: 15px!important
}

.animated-wrapper {
    background: #fff;
    display: flex;
    flex-direction: column;
    padding-top: 20px;
    width: 100%
}

.wrapper-cell {
    display: inline-block;
    margin-bottom: 0
}

@keyframes placeHolderShimmer {
    0% {
        background-position: -468px 0
    }

    to {
        background-position: 468px 0
    }
}

.animated-background,.image,.text-line,.text-line-second {
    background: #f6f6f6;
    background: linear-gradient(90deg,#f6f6f6 8%,#f0f0f0 18%,#f6f6f6 33%);
    background-size: 800px 104px
}

.animated-background,.animated-background-bottom,.image,.text-line,.text-line-last,.text-line-second {
    animation-duration: 1.25s;
    animation-fill-mode: forwards;
    animation-iteration-count: infinite;
    animation-name: placeHolderShimmer;
    animation-timing-function: linear;
    height: 96px;
    position: relative
}

.animated-background-bottom,.text-line-last {
    background: #f6f6f6;
    background: linear-gradient(90deg,#d2d2d2 8%,silver 18%,#d2d2d2 33%);
    background-size: 800px 104px
}

.image {
    margin-bottom: 15px;
    min-height: 175px;
    width: 100%
}

.text {
    margin-left: 15px
}

.text-line {
    height: 15px;
    margin-bottom: 15px;
    width: 100%
}

.text-line-second {
    height: 15px;
    margin: auto auto 15px;
    text-align: center;
    width: 80%
}

.text-line-last {
    height: 15px;
    margin-bottom: 15px;
    width: 100%
}

.deposit_link_slot {
    background-color: #333
}

.deposit_link_text {
    color: #fff;
    text-decoration: underline
}

.return_fancy_policy_disabled,.return_policy_disabled,.return_shape_policy_disabled {
    background-color: #d9b99b;
    border: 1px solid #333;
    border-top: none;
    display: none;
    float: left;
    font-family: mreaves-regular;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 11px;
    padding: 5px 20px;
    text-align: center;
    width: 100%
}

.return_fancy_policy_disabled .block,.return_policy_disabled .block,.return_shape_policy_disabled .block {
    display: block
}

.return_fancy_policy_disabled bold,.return_policy_disabled bold,.return_shape_policy_disabled bold {
    font-family: mreaves-bold
}

.return_fancy_policy_disabled bold.uppercase,.return_policy_disabled bold.uppercase,.return_shape_policy_disabled bold.uppercase {
    text-transform: uppercase
}

.return_fancy_policy_disabled a:hover,.return_policy_disabled a:hover,.return_shape_policy_disabled a:hover {
    color: #333
}

.relative_inline,.return_fancy_policy_disabled .tooltip_container,.return_policy_disabled .tooltip_container,.return_shape_policy_disabled .tooltip_container {
    display: inline;
    position: relative
}

.underline {
    text-decoration: underline
}

.bold {
    font-weight: 700
}

.font_red {
    color: red
}

@media (max-height: 580px) and (min-width:1024px) {
    #ring_detail_description {
        margin-top:0
    }

    .ring_detail_specification {
        margin-top: 2px
    }

    #ring_more_details_container {
        margin: 0 0 3px
    }

    .ring_detail_video_container .management_buttons {
        width: 320px
    }

    #ring_detail_content_img {
        height: 320px;
        width: 320px
    }

    .ring_detail_video_container video {
        max-height: 320px;
        min-height: 320px;
        width: 320px
    }

    .ring_detail_image_container {
        height: 320px
    }

    .setting_media_container {
        max-height: 320px;
        min-height: 320px
    }
}

.custom-booking-component {
    background: #333;
    margin: 0 auto auto;
    padding: 0;
    text-align: center;
    width: 100%
}

.custom-booking-component a {
    color: #fff;
    cursor: pointer;
    font-family: mreaves-bold;
    font-size: 23px;
    text-transform: uppercase
}

.custom-booking-component a:hover {
    text-decoration: none
}

.custom-booking-component a img {
    margin-left: 5px;
    margin-right: 5px;
    width: 35px
}

.custom-booking-component a img.instore-icon {
    width: 28px
}

.custom-booking-component:hover {
    background-color: #d9b99b
}

#trustpilot_miniwidget {
    margin: auto auto 10px;
    width: 90%
}

@media (min-width: 1200px) {
    #trustpilot_miniwidget {
        margin-bottom:10px
    }

    .custom-booking-component_space {
        margin-bottom: 48px
    }
}

@media screen and (max-width: 450px) {
    .custom-booking-component {
        margin:0 0 20px;
        padding: 10px 15px
    }

    .custom-booking-component a,.virtual-booking-div a {
        font-size: 4vw!important
    }

    .custom-booking-component a img,.virtual-booking-div a img {
        margin-left: 10px;
        margin-right: 0;
        width: 28px
    }
}

.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_1,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_2,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_3 {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: start
}

.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_1 img,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_2 img,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_3 img {
    height: 28px;
    width: 28px
}

@media screen and (max-width: 767px) {
    .engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_1 img,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_2 img,.engagement .first_row #create_engage_ring_container .container_steps_title .steps_title .description_3 img {
        height:24px;
        width: 24px
    }
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring {
    background: linear-gradient(90deg,#fff 50%,#333 0)
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring .steps_title .step_1 {
    background: #fff;
    position: relative
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring .steps_title .step_1 .info_icon {
    margin: 0!important;
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring .steps_title .step_1 .info_icon {
        display:none
    }
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring .steps_title .step_2,.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-ring .steps_title .step_3 {
    background: #333
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond {
    background: linear-gradient(90deg,#333 50%,#333 0)
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_1,.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_3 {
    background: #333
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_1 {
    position: relative
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_1 .steps_diamond_diamond_selection {
    margin: 0;
    right: 30px
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_1 .info_icon {
    margin: 0!important;
    position: absolute;
    right: 5px;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_1 .info_icon {
        display:none
    }
}

.engagement .first_row #create_engage_ring_container .select_ring_container .container_steps_title.first-el-diamond .steps_title .step_2 {
    background: #fff
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring {
    background: linear-gradient(90deg,#333 50%,#333 0)
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_1,.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_3 {
    background: #333
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_1 {
    position: relative
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_1 .info_icon {
    margin: 0!important;
    position: absolute;
    right: 5px;
    z-index: 1
}

@media screen and (max-width: 767px) {
    .engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_1 .info_icon {
        display:none
    }
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-ring .steps_title .step_2 {
    background: #fff
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond {
    background: linear-gradient(90deg,#fff 50%,#333 0)
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_1 {
    background: #fff;
    padding-left: 15px;
    position: relative
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_1 .info_icon {
    margin: 0!important;
    position: absolute;
    right: 0;
    z-index: 1
}

@media screen and (min-width: 768px) {
    .engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_1 .info_icon {
        right:10px
    }
}

@media screen and (max-width: 767px) {
    .engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_1 .info_icon {
        margin-top:-2px!important
    }
}

.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_2,.engagement .first_row #create_engage_ring_container .select_diamond_container .container_steps_title.first-el-diamond .steps_title .step_3 {
    background: #333
}

.engagement .first_row #create_engage_ring_container .selection_summary_container .container_steps_title {
    background: linear-gradient(90deg,#333 50%,#fff 0)
}

.engagement .first_row #create_engage_ring_container .selection_summary_container .container_steps_title .steps_title .step_1,.engagement .first_row #create_engage_ring_container .selection_summary_container .container_steps_title .steps_title .step_2 {
    background: #333
}

.engagement .first_row #create_engage_ring_container .selection_summary_container .container_steps_title .steps_title .step_3 {
    background: #fff
}

.engagement .first_row .container_steps_title .steps_title {
    margin: auto;
    max-width: 1280px
}

.container-xl {
    max-width: 1280px
}

#ring_detail_description i.fa-plus {
    background: #333;
    color: #fff;
    padding: 2px 3px
}

.instruction_section .instructions .modal_title {
    align-items: start;
    display: flex;
    justify-content: space-between;
    line-height: 1;
    margin-bottom: 5px;
    width: 100%
}

.instruction_section .instructions .modal_title>div {
    display: flex;
    flex-direction: column;
    font-family: mreaves-regular;
    font-size: 28px;
    text-align: left
}

.instruction_section .instructions .modal_title .close_sign {
    background: #fff;
    border-radius: 50%;
    color: #d9b99b;
    font-size: 24px;
    height: 28px;
    padding: 4px 0 0;
    width: 28px
}

.instruction_section .instructions .info_link .steps_container div.row>div>div,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div {
    align-items: center;
    display: flex;
    height: auto;
    padding: 20px 25px!important
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .title_diamond_box,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .title_diamond_box {
    display: flex;
    justify-content: start;
    margin: 0 15px;
    width: 33%
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .title_diamond_box .shape-title-container,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .title_diamond_box .shape-title-container {
    display: flex;
    flex-direction: column;
    gap: 10px;
    justify-content: space-evenly
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .title_diamond_box .shape-title-container .shape img,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .title_diamond_box .shape-title-container .shape img {
    height: 40px;
    margin: 0;
    width: 40px
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .title_diamond_box .shape-title-container .title_step,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .title_diamond_box .shape-title-container .title_step {
    font-family: mreaves-regular;
    font-size: 26px;
    line-height: 1
}

@media screen and (min-width: 768px) and (max-width:840px) {
    .instruction_section .instructions .info_link .steps_container div.row>div>div .title_diamond_box .shape-title-container .title_step,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .title_diamond_box .shape-title-container .title_step {
        font-size:20px!important
    }
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .explanation,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .explanation {
    text-align: right;
    width: 66%
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .explanation span,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .explanation span {
    font-family: mreaves-regular;
    font-size: 19px;
    line-height: 24px
}

.instruction_section .instructions .info_link .steps_container div.row>div>div .explanation p,.instruction_section .instructions .info_link_instruction .steps_container div.row>div>div .explanation p {
    font-family: mreaves-book;
    font-size: 14px;
    line-height: 1.1;
    margin: 5px 0 0
}

.instruction_section .instructions .info_link div.information,.instruction_section .instructions .info_link_instruction div.information {
    align-items: center;
    display: flex;
    gap: 5px;
    justify-content: space-between;
    padding: 0
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .instruction_section .instructions .info_link div.information,.instruction_section .instructions .info_link_instruction div.information {
        display:block
    }
}

.instruction_section .instructions .info_link div.information>a,.instruction_section .instructions .info_link_instruction div.information>a {
    align-items: center;
    color: #494949;
    display: flex;
    font-family: mreaves-bold;
    font-size: 17px;
    line-height: 1;
    text-decoration: none
}

@media screen and (min-width: 768px) and (max-width:820px) {
    .instruction_section .instructions .info_link div.information>a,.instruction_section .instructions .info_link_instruction div.information>a {
        font-size:13px!important
    }
}

@media screen and (min-width: 821px) and (max-width:1000px) {
    .instruction_section .instructions .info_link div.information>a,.instruction_section .instructions .info_link_instruction div.information>a {
        font-size:15px!important
    }
}

.instruction_section .instructions .info_link div.information>a .video-icon,.instruction_section .instructions .info_link_instruction div.information>a .video-icon {
    margin: 0 0 0 3px
}

.instruction_section.diamond_section_instruction .instructions {
    background: #d9b99b
}

.instruction_section.diamond_section_instruction .instructions .box {
    margin: auto;
    max-width: 1280px
}

.instruction_section.diamond_section_instruction .instructions .box .modal_title {
    align-items: center;
    font-family: mreaves-regular;
    font-size: 24px;
    gap: 5px;
    justify-content: center;
    margin-bottom: 0;
    margin-top: 0
}

.instruction_section.diamond_section_instruction .instructions .box .modal_title .close_sign {
    background: transparent;
    color: #fff;
    padding: 1px 0 0
}

.instruction_section.diamond_section_instruction .instructions .box .info_link .steps {
    padding-left: 15px!important;
    padding-right: 15px!important
}

.instruction_section.diamond_section_instruction .instructions .box .info_link .information {
    gap: 10px;
    justify-content: center;
    margin-bottom: 10px
}

@media screen and (max-width: 767px) {
    .instruction_section.diamond_section_instruction .instructions .box .info_link .information {
        display:flex
    }
}

.instruction_section.diamond_section_instruction .instructions .box .info_link .information a {
    color: #fff;
    text-decoration: underline
}

@media screen and (min-width: 1001px) and (max-width:1150px) {
    #personalise_ring_container #personalise_ring_box {
        margin-left:calc(50% - 320px)
    }
}

@media screen and (min-width: 1151px) and (max-width:1300px) {
    #personalise_ring_container #personalise_ring_box {
        margin-left:calc(50% - 250px)
    }
}

@media screen and (min-width: 1301px) and (max-width:1500px) {
    #personalise_ring_container #personalise_ring_box {
        margin-left:calc(50% - 170px)
    }
}

@media screen and (min-width: 1501px) and (max-width:1600px) {
    #personalise_ring_container #personalise_ring_box {
        margin-left:calc(50% - 70px)
    }
}

@media screen and (min-width: 1601px) {
    #personalise_ring_container #personalise_ring_box {
        margin-left:calc(50% - 50px)
    }
}

#select_ring_instructions .free_resize_included {
    margin-bottom: 10px
}

@media screen and (min-width: 1px) and (max-width:767px) {
    .instruction_section.diamond_section_instruction .free_resize_included span {
        display:block
    }
}

#ring_detail_content .free_resize_included,#select_ring_instructions .free_resize_included {
    clear: both;
    color: #494949;
    font-size: 17px;
    line-height: 15px;
    margin-top: 10px;
    text-align: left
}

#ring_detail_content .free_resize_included .white_link,#select_ring_instructions .free_resize_included .white_link {
    color: #494949;
    text-decoration: unset
}

#ring_detail_content .free_resize_included .free_resize_value,#select_ring_instructions .free_resize_included .free_resize_value {
    font-family: mreaves-regular;
    font-size: 12px
}

#select_ring_instructions .free_resize_included {
    margin-top: 10px;
    text-align: center
}

#select_ring_instructions .free_resize_included span {
    display: block
}

#select_ring_instructions .free_resize_included .white_link {
    display: inline-block!important
}

.instruction_section.diamond_section_instruction .free_resize_included {
    clear: both;
    color: #fff;
    font-size: 17px
}

.instruction_section.diamond_section_instruction .free_resize_included a {
    display: block
}

.instruction_section.diamond_section_instruction .free_resize_included .free_resize_value {
    font-family: mreaves-regular;
    font-size: 12px
}

.setting_filter .setting_filter_price_panel {
    padding: 8px 20px!important
}

.setting_filter .price-content-section .range-input {
    margin: auto;
    width: 85%
}

.setting_filter .price-content-section .range-input #price_slider {
    display: none!important
}

.setting_filter .price-content-section .price_value_inputs {
    color: #333;
    display: flex;
    font-size: 16px;
    justify-content: space-between;
    margin-top: 10px
}

.setting_filter .price-content-section .price_value_inputs .from_price_value {
    border: 1px solid #d9b99b;
    padding: 2px 5px;
    position: relative
}

.setting_filter .price-content-section .price_value_inputs .from_price_value span {
    position: absolute;
    top: 3px
}

.setting_filter .price-content-section .price_value_inputs .from_price_value input {
    border: none;
    padding-left: 35px;
    text-align: center;
    width: 100px
}

.setting_filter .price-content-section .price_value_inputs .to_price_value {
    border: 1px solid #d9b99b;
    padding: 2px 5px;
    position: relative
}

.setting_filter .price-content-section .price_value_inputs .to_price_value span {
    position: absolute;
    top: 3px
}

.setting_filter .price-content-section .price_value_inputs .to_price_value input {
    border: none;
    padding-left: 35px;
    text-align: center;
    width: 100px
}

/*! nouislider - 14.6.4 - 3/18/2021 */
.noUi-target,.noUi-target * {
    -webkit-touch-callout: none;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -ms-touch-action: none;
    touch-action: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    -moz-user-select: none;
    user-select: none
}

.noUi-target {
    position: relative
}

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

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

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

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

.noUi-origin {
    height: 10%;
    width: 10%
}

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

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

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

.noUi-handle {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    position: absolute
}

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

.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin {
    -webkit-transition: transform .3s;
    transition: transform .3s
}

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

.noUi-horizontal {
    height: 18px
}

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

.noUi-vertical {
    width: 18px
}

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

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

.noUi-target {
    background: #fafafa;
    border: 1px solid #d3d3d3;
    border-radius: 4px;
    box-shadow: inset 0 1px 1px #f0f0f0,0 3px 6px -5px #bbb
}

.noUi-connects {
    border-radius: 3px
}

.noUi-connect {
    background: #3fb8af
}

.noUi-draggable {
    cursor: ew-resize
}

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

.noUi-handle {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ebebeb,0 3px 6px -3px #bbb;
    cursor: default
}

.noUi-active {
    box-shadow: inset 0 0 1px #fff,inset 0 1px 7px #ddd,0 3px 6px -3px #bbb
}

.noUi-handle:after,.noUi-handle:before {
    background: #e8e7e6;
    content: "";
    display: block;
    height: 14px;
    left: 14px;
    position: absolute;
    top: 6px;
    width: 1px
}

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

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

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

[disabled] .noUi-connect {
    background: #b8b8b8
}

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

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

.noUi-pips {
    color: #999;
    position: absolute
}

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

.noUi-value-sub {
    color: #ccc;
    font-size: 10px
}

.noUi-marker {
    background: #ccc;
    position: absolute
}

.noUi-marker-large,.noUi-marker-sub {
    background: #aaa
}

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

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

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

.noUi-marker-horizontal.noUi-marker {
    height: 5px;
    margin-left: -1px;
    width: 2px
}

.noUi-marker-horizontal.noUi-marker-sub {
    height: 10px
}

.noUi-marker-horizontal.noUi-marker-large {
    height: 15px
}

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

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

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

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

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

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

.noUi-tooltip {
    background: #fff;
    border: 1px solid #d9d9d9;
    border-radius: 3px;
    color: #333;
    display: block;
    padding: 5px;
    position: absolute;
    text-align: center;
    white-space: nowrap
}

.noUi-horizontal .noUi-tooltip {
    bottom: 120%;
    left: 50%;
    -webkit-transform: translate(-50%);
    transform: translate(-50%)
}

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

.noUi-horizontal .noUi-origin>.noUi-tooltip {
    bottom: 10px;
    left: auto;
    -webkit-transform: translate(50%);
    transform: translate(50%)
}

.noUi-vertical .noUi-origin>.noUi-tooltip {
    right: 28px;
    top: auto;
    -webkit-transform: translateY(-18px);
    transform: translateY(-18px)
}