/** Shopify CDN: Minification failed

Line 203:4 Expected identifier but found "*"
Line 1681:8 Expected identifier but found "*"
Line 2048:0 Unexpected "}"

**/
.custom-ring-design>h3.step-title{
    border:1px solid #dcb59e;
    width:100%;
    text-align:center;
    font-size:38px;
    line-height:47px;
    padding:8px 10px;
    text-transform:none;
    font-weight:400
}
@media (max-width: 767px){
    .custom-ring-design>h3.step-title{
        font-size:23px;
        line-height:28px
    }
}
.custom-ring-design .image-wrap img:not([role="presentation"]),.custom-ring-design .image-wrap svg,.custom-ring-design .image-wrap .animate-me{
    opacity:1
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title{
    background:#dcb59e;
    position:relative;
    border-left:1px solid #dcb59e;
    border-right:1px solid #dcb59e;
    border-radius:8px;
    float:left;
    width:100%
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step-arrow{
    width:21px;
    position:absolute;
    height:51px;
    right:-2px;
    top:-1px;
    fill:#dcb59e
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step{
    border-top:1px solid #dcb59e;
    border-bottom:1px solid #dcb59e;
    height:51px;
    padding-left:15px;
    display:flex;
    float:left;
    width:33.33%;
    position:relative
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step{
        width:30%;
        padding-left:10px
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.step-1{
    border-top-left-radius:8px;
    border-bottom-left-radius:8px
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.step-2 .description svg{
    margin-top:5px
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.step-3{
    border-top-right-radius:8px;
    border-bottom-right-radius:8px
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .title{
    position:relative;
    font-size:14px;
    line-height:1.5;
    color:#fff;
    width:50%;
    display:flex;
    flex-direction:column;
    justify-content:center
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .title strong{
    letter-spacing:2px
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step .title{
        flex-basis:80px;
        font-size:11px
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description{
    width:50%;
    font-size:20px;
    color:#fff;
    line-height:1.1;
    text-align:right;
    padding-right:20px;
    cursor:pointer;
    display:flex;
    flex-direction:column;
    justify-content:space-around;
    align-items:flex-end
}
@media (max-width: 1024px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description{
        padding-left:0
    }
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description{
        width:40%;
        line-height:10px;
        padding-left:0;
        font-size:11px;
        letter-spacing:0
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description svg{
    vertical-align:middle;
    margin-right:10px
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description svg{
        width:20px;
        margin-right:2px
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description span{
    vertical-align:middle;
    font-weight:600
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step .description span.mreaves_light_font{
    letter-spacing:1px;
    font-weight:300
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step:not(.active) .description{
        display:none
    }
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step:not(.active) .description span{
        display:none
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.active{
    background:#fff
}
@media (max-width: 767px){
    .custom-ring-design #el-step-menu .container_steps_title .steps_title .step.active{
        width:40%
    }
}
.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.active .title,.custom-ring-design #el-step-menu .container_steps_title .steps_title .step.active .description{
    color:#000
}
#CollectionSection>.grid{
    display:flex;
    flex-wrap:wrap;
    flex-direction:row
}
#select-ring{
    width:100%
}
#select-ring.selected .ring-grid{
    display:none!important
}
#select-ring:not(.selected) .ring-preview{
    display:none!important
}
#select-ring .grid__item.invisible{
    display:none
}
#select-ring .ring-grid{
    width:100%
}
#select-ring .ring-grid .loading{
    min-height:900px;
    background-color:#ffffffb3;
    background-image:url('loading-icon.svg');
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat
}
@media (max-width: 767px){
    #select-ring .ring-grid .loading:after,#select-ring .ring-grid .loading:before{
        display:none
    }
}
#select-ring .ring-grid .grid-product__link.active:after{
    width:100%
}
#select-ring .ring-preview{
    width:100%;
    padding-top:50px
}
@media (max-width: 950px){
    #select-ring .ring-preview{
        padding-top:0
    }
}
#select-ring .ring-preview .not-selected{
    top:160px;
    border:1px solid #000;
    width:70%;
    *height: 386px;
    margin-left:15%;
    text-align:center;
    font-size:50px;
    position:sticky;
    line-height:56px;
    padding:80px 35px
}
@media (max-width: 1024px){
    #select-ring .ring-preview .not-selected{
        font-size:41px;
        line-height:47px
    }
}
#select-ring .ring-preview .not-selected:after{
    content:"";
    border:34px solid transparent;
    border-right-color:#dbb7bb;
    left:-69px;
    bottom:0;
    position:absolute
}
#select-ring .ring-preview .product-preview{
    padding:0;
    top:160px;
    position:-webkit-sticky;
    position:sticky
}
@media (max-width: 950px){
    #select-ring .ring-preview .product-preview{
        padding:0;
        position:relative;
        top:auto
    }
}
#select-ring .ring-preview .product-preview .close_setting_detail{
    padding:10px 0;
    text-align:left
}
#select-ring .ring-preview .product-preview .close_setting_detail a{
    color:#dcb59e;
    border:none;
    font-size:17px;
    font-weight:700
}
#select-ring .ring-preview .product-preview .close_setting_detail a svg{
    height:15px;
    vertical-align:middle;
    margin-top:-3px
}
#select-ring .ring-preview .product-preview .close_setting_detail a:after{
    display:none
}
#select-ring .ring-preview .product-preview .images{
    width:60%
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .images{
        width:100%
    }
}
#select-ring .ring-preview .product-preview .images:not(.slick-initialized){
    opacity:0;
    max-height:350px
}
#select-ring .ring-preview .product-preview .product-images{
    width:100%;
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
#select-ring .ring-preview .product-preview .product-images .main-slider{
    width:calc(100% - 95px);
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .product-images .main-slider{
        width:100%;
        flex-direction:column
    }
}
#select-ring .ring-preview .product-preview .product-images .main-slider .slick-dots li{
    background-color:#dcb59e;
    width:20px;
    height:20px;
    border-radius:10px;
    background-clip:unset;
    margin-left:10px;
    margin-right:10px;
    opacity:.5;
    transition:opacity .6s ease
}
#select-ring .ring-preview .product-preview .product-images .main-slider .slick-dots li.slick-active{
    opacity:1
}
#select-ring .ring-preview .product-preview .product-images .nav-slider{
    width:76px
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .product-images .nav-slider{
        display:none
    }
}
#select-ring .ring-preview .product-preview .product-images .nav-slider .slick-list{
    overflow:visible!important
}
#select-ring .ring-preview .product-preview .product-images .nav-slider .image{
    -ms-filter:"alpha(opacity=50)";
    min-height:76px;
    display:block;
    width:100%;
    padding:2px;
    box-sizing:border-box;
    margin:0 0 10px;
    border:2px solid #000;
    display:flex;
    align-items:center;
    -webkit-box-pack:center;
    -ms-flex-pack:center;
    justify-content:center;
    transition:.5s all ease
}
#select-ring .ring-preview .product-preview .product-images .nav-slider .image.slick-active{
    border:2px solid #DCB59E
}
#select-ring .ring-preview .product-preview .product-images .product-single__meta{
    width:40%
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .product-images .product-single__meta{
        flex-direction:column;
        margin-top:45px;
        width:100%
    }
}
@media (min-width: 991px){
    #select-ring .ring-preview .product-preview .product-images .product-single__meta .variant-input{
        width:49%
    }
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .product-images .product-single__meta .product__policies{
        text-align:center
    }
}
#select-ring .ring-preview .product-preview .product-images .product-single__meta .product-single__title{
    margin-bottom:10px
}
#select-ring .ring-preview .product-preview .product-images .product-single__meta .product-price{
    width:40%;
    padding:5px 2px;
    margin:0;
    text-align:center;
    font-size:22px;
    text-transform:none;
    letter-spacing:1px;
    line-height:1.1;
    font-weight:400;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
@media (max-width: 767px){
    #select-ring .ring-preview .product-preview .product-images .product-single__meta .product-price{
        width:100%;
        min-height:76px
    }
}
#select-ring .ring-preview .product-preview .product-images .product-description{
    width:100%;
    margin-top:15px;
    margin-bottom:0;
    text-align:justify;
    letter-spacing:.5px;
    font-size:15px
}
#select-ring .ring-preview .product-preview .product-images .product-description:after{
    content:""
}
#select-ring .ring-preview .product-preview .product-images .product-description a[data-fancybox=product-specification-modal] svg{
    height:10px
}
#select-ring .ring-preview .product-preview .product-images .choose-design{
    text-align:center;
    margin-top:15px
}
#select-ring .ring-preview .product-preview .product-images .choose-design .select-design{
    background:#DCB59E;
    width:100%;
    margin:auto;
    padding:4px 10px;
    color:#fff;
    font-size:24px;
    letter-spacing:1px
}
#select-ring .ring-preview .product-preview .product-images .choose-design:hover .select-design{
    text-decoration:underline
}
#select-ring #bc-sf-filter-tree-h{
    display:block;
    width:100%;
    margin-top:10px
}
#select-ring #bc-sf-filter-tree-h a:after{
    display:none
}
#select-ring #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type=checkbox]+a{
    border-bottom:none
}
#select-ring #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type=checkbox]:checked+a{
    background:url(bc-sf-filter-checked.png) 2px 6px no-repeat
}
#select-ring #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type=checkbox]+a:before{
    border:1px solid #bbb;
    content:"";
    height:16px;
    width:16px;
    top:3px;
    left:0;
    position:absolute
}
#select-ring #bc-sf-filter-tree-h .bc-sf-filter-option-block .bc-sf-filter-block-content ul li input[type=checkbox]+a>span:first-child{
    width:auto;
    height:auto;
    box-shadow:none;
    position:relative;
    top:auto;
    left:auto
}
#product-specification-modal{
    background-color:#fff;
    border:10px solid #000;
    color:#000;
    font-size:20px;
    font-family:mreaves-book;
    padding:50px 100px;
    max-width:1100px
}
@media (max-width: 767px){
    #product-specification-modal{
        padding:50px 10px;
        font-size:12px;
        line-height:15px
    }
}
#diamond-preview{
    width:100%;
    margin:20px auto 0;
    max-width:1000px;
    clear:both;
    position:relative
}
#diamond-preview .loading{
    background-color:#ffffffb3;
    background-image:url('loading-icon.svg');
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1;
    display:none
}
#diamond-preview .loading:after,#diamond-preview .loading:before{
    display:none
}
#diamond-preview .close_setting_detail{
    padding:10px 0;
    text-align:left
}
#diamond-preview .close_setting_detail a{
    color:#dcb59e;
    border:none;
    font-size:17px;
    font-weight:700
}
#diamond-preview .close_setting_detail a svg{
    height:15px;
    vertical-align:middle;
    margin-top:-3px
}
#diamond-preview .close_setting_detail a:after{
    display:none
}
#diamond-preview .diamond-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:space-between
}
@media (max-width: 767px){
    #diamond-preview .diamond-wrapper{
        flex-direction:column
    }
}
#diamond-preview .diamond-wrapper .diamond-nav{
    width:85px
}
@media (max-width: 767px){
    #diamond-preview .diamond-wrapper .diamond-nav{
        display:none
    }
}
#diamond-preview .diamond-wrapper .diamond-nav .image{
    border:1px solid grey;
    margin-bottom:10px;
    padding:10px;
    min-height:85px;
    cursor:pointer
}
#diamond-preview .diamond-wrapper .diamond-nav .image a{
    display:block;
    border:none
}
#diamond-preview .diamond-wrapper .diamond-nav .image a:after{
    display:none
}
#diamond-preview .diamond-wrapper .diamond-nav .image a:hover{
    text-decoration:underline
}
#diamond-preview .diamond-wrapper .diamond-nav .image img{
    width:100%;
    margin:0 auto;
    display:block
}
#diamond-preview .diamond-wrapper .diamond-nav .image div{
    font-size:12px;
    display:block;
    text-align:center;
    line-height:16px;
    padding:4px 0
}
#diamond-preview .diamond-wrapper .diamond-nav .image.cert{
    padding:0
}
#diamond-preview .diamond-wrapper .diamond-nav .image.cert img{
    width:70%
}
#diamond-preview .diamond-wrapper .diamond-slider{
    width:calc(60% - 85px);
    padding:0 20px
}
@media (max-width: 767px){
    #diamond-preview .diamond-wrapper .diamond-slider{
        width:100%;
        padding:0
    }
}
#diamond-preview .diamond-wrapper .diamond-slider .slick-dots li{
    background-color:#dcb59e;
    width:20px;
    height:20px;
    border-radius:10px;
    background-clip:unset;
    margin-left:10px;
    margin-right:10px;
    opacity:.5;
    transition:opacity .6s ease
}
#diamond-preview .diamond-wrapper .diamond-slider .slick-dots li.slick-active{
    opacity:1
}
#diamond-preview .diamond-wrapper .diamond-slider .image,#diamond-preview .diamond-wrapper .diamond-slider .video{
    position:relative;
    padding-top:100%
}
#diamond-preview .diamond-wrapper .diamond-slider .image img,#diamond-preview .diamond-wrapper .diamond-slider .image video,#diamond-preview .diamond-wrapper .diamond-slider .video img,#diamond-preview .diamond-wrapper .diamond-slider .video video{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    object-position:center center
}
#diamond-preview .diamond-wrapper .diamond-slider .image .diamond_detail_content_certificate,#diamond-preview .diamond-wrapper .diamond-slider .image .sustainability-rated-cert,#diamond-preview .diamond-wrapper .diamond-slider .video .diamond_detail_content_certificate,#diamond-preview .diamond-wrapper .diamond-slider .video .sustainability-rated-cert{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%)
}
#diamond-preview .diamond-wrapper .diamond-slider .image .diamond_detail_content_certificate .link_to_certificate_container,#diamond-preview .diamond-wrapper .diamond-slider .image .sustainability-rated-cert .link_to_certificate_container,#diamond-preview .diamond-wrapper .diamond-slider .video .diamond_detail_content_certificate .link_to_certificate_container,#diamond-preview .diamond-wrapper .diamond-slider .video .sustainability-rated-cert .link_to_certificate_container{
    width:80%;
    margin:0 auto;
    text-align:center
}
#diamond-preview .diamond-wrapper .diamond-slider .image .diamond_detail_content_certificate .link_to_certificate_container a,#diamond-preview .diamond-wrapper .diamond-slider .image .sustainability-rated-cert .link_to_certificate_container a,#diamond-preview .diamond-wrapper .diamond-slider .video .diamond_detail_content_certificate .link_to_certificate_container a,#diamond-preview .diamond-wrapper .diamond-slider .video .sustainability-rated-cert .link_to_certificate_container a{
    display:block
}
#diamond-preview .diamond-wrapper .diamond-slider .image .diamond_detail_content_certificate .link_to_certificate_container a .link_to_certificate,#diamond-preview .diamond-wrapper .diamond-slider .image .sustainability-rated-cert .link_to_certificate_container a .link_to_certificate,#diamond-preview .diamond-wrapper .diamond-slider .video .diamond_detail_content_certificate .link_to_certificate_container a .link_to_certificate,#diamond-preview .diamond-wrapper .diamond-slider .video .sustainability-rated-cert .link_to_certificate_container a .link_to_certificate{
    height:40px;
    color:#fff;
    background-color:#000;
    width:100%;
    padding-top:7px
}
#diamond-preview .diamond-wrapper .diamond-info{
    width:40%;
    padding-left:20px
}
@media (max-width: 767px){
    #diamond-preview .diamond-wrapper .diamond-info{
        width:100%;
        padding-left:0
    }
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-specification{
    display:flex;
    flex-direction:column;
    justify-content:space-between;
    border:1px solid #000
}
@media (max-width: 767px){
    #diamond-preview .diamond-wrapper .diamond-info .diamond-specification{
        margin-top:10px
    }
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-specification .product-name{
    width:100%;
    min-height:76px;
    padding:20px;
    margin:0;
    text-align:center;
    font-size:20px;
    border-bottom:1px solid #000;
    text-transform:none;
    letter-spacing:1px;
    line-height:1.1;
    font-weight:400;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-specification .product-price{
    width:100%;
    padding:5px 2px;
    min-height:76px;
    margin:0;
    text-align:center;
    font-size:22px;
    text-transform:none;
    letter-spacing:1px;
    line-height:1.1;
    font-weight:600;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-description{
    text-align:center;
    margin-top:20px
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-description table{
    background:#fff;
    border-spacing:0
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-description table tr:nth-child(2n){
    background:#dcb59e
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-description table tr td{
    padding:3px 6px;
    font-size:14px;
    background:none
}
#diamond-preview .diamond-wrapper .diamond-info .diamond-description table tr td:last-child{
    text-align:right
}
#diamond-preview .diamond-wrapper .diamond-info .choose-design{
    text-align:center;
    margin-top:15px
}
#diamond-preview .diamond-wrapper .diamond-info .choose-design .select-design{
    background:#DCB59E;
    max-width:320px;
    width:100%;
    margin:auto;
    padding:4px 10px;
    color:#fff;
    font-size:24px;
    letter-spacing:1px
}
#diamond-preview .diamond-wrapper .diamond-info .choose-design:hover .select-design{
    text-decoration:underline
}
#step-3{
    width:100%;
    margin:0 auto
}
#step-3 .ring-wrapper{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    float:left;
    margin-top:25px;
    width:100%
}
@media (max-width: 767px){
    #step-3 .ring-wrapper{
        flex-direction:column
    }
}
#step-3 .ring-wrapper .ring-nav{
    width:85px
}
@media (max-width: 767px){
    #step-3 .ring-wrapper .ring-nav{
        display:none
    }
}
#step-3 .ring-wrapper .ring-nav .image{
    border:1px solid grey;
    margin-bottom:10px;
    padding:10px;
    min-height:85px;
    cursor:pointer
}
#step-3 .ring-wrapper .ring-nav .image a{
    display:block;
    border:none
}
#step-3 .ring-wrapper .ring-nav .image a:after{
    display:none
}
#step-3 .ring-wrapper .ring-nav .image a:hover{
    text-decoration:underline
}
#step-3 .ring-wrapper .ring-nav .image img{
    width:100%;
    margin:0 auto;
    display:block
}
#step-3 .ring-wrapper .ring-nav .image div{
    font-size:12px;
    display:block;
    text-align:center
}
#step-3 .ring-wrapper .ring-nav .image.cert{
    padding:0
}
#step-3 .ring-wrapper .ring-nav .image.cert img{
    width:70%
}
#step-3 .ring-wrapper .ring-slider{
    width:calc(55% - 85px);
    padding:0 20px
}
@media (max-width: 767px){
    #step-3 .ring-wrapper .ring-slider{
        width:100%;
        padding:0
    }
}
@media (max-width: 767px){
    #step-3 .ring-wrapper .ring-slider .slick-dots{
        bottom:0
    }
}
#step-3 .ring-wrapper .ring-slider .slick-dots li{
    background-color:#dbb7bb;
    width:20px;
    height:20px;
    border-radius:10px;
    background-clip:unset;
    margin-left:10px;
    margin-right:10px;
    opacity:.5;
    transition:opacity .6s ease
}
#step-3 .ring-wrapper .ring-slider .slick-dots li.slick-active{
    opacity:1
}
#step-3 .ring-wrapper .ring-slider .image,#step-3 .ring-wrapper .ring-slider .video{
    position:relative;
    padding-top:100%
}
#step-3 .ring-wrapper .ring-slider .image img,#step-3 .ring-wrapper .ring-slider .image video,#step-3 .ring-wrapper .ring-slider .video img,#step-3 .ring-wrapper .ring-slider .video video{
    width:100%;
    height:100%;
    position:absolute;
    top:0;
    left:0;
    object-fit:cover;
    object-position:center center
}
#step-3 .ring-wrapper .ring-slider .image .diamond_detail_content_certificate,#step-3 .ring-wrapper .ring-slider .image .sustainability-rated-cert,#step-3 .ring-wrapper .ring-slider .video .diamond_detail_content_certificate,#step-3 .ring-wrapper .ring-slider .video .sustainability-rated-cert{
    position:absolute;
    top:50%;
    left:0;
    width:100%;
    transform:translateY(-50%)
}
#step-3 .ring-wrapper .ring-slider .image .diamond_detail_content_certificate .link_to_certificate_container,#step-3 .ring-wrapper .ring-slider .image .sustainability-rated-cert .link_to_certificate_container,#step-3 .ring-wrapper .ring-slider .video .diamond_detail_content_certificate .link_to_certificate_container,#step-3 .ring-wrapper .ring-slider .video .sustainability-rated-cert .link_to_certificate_container{
    width:80%;
    margin:0 auto;
    text-align:center
}
#step-3 .ring-wrapper .ring-slider .image .diamond_detail_content_certificate .link_to_certificate_container a,#step-3 .ring-wrapper .ring-slider .image .sustainability-rated-cert .link_to_certificate_container a,#step-3 .ring-wrapper .ring-slider .video .diamond_detail_content_certificate .link_to_certificate_container a,#step-3 .ring-wrapper .ring-slider .video .sustainability-rated-cert .link_to_certificate_container a{
    display:block
}
#step-3 .ring-wrapper .ring-slider .image .diamond_detail_content_certificate .link_to_certificate_container a .link_to_certificate,#step-3 .ring-wrapper .ring-slider .image .sustainability-rated-cert .link_to_certificate_container a .link_to_certificate,#step-3 .ring-wrapper .ring-slider .video .diamond_detail_content_certificate .link_to_certificate_container a .link_to_certificate,#step-3 .ring-wrapper .ring-slider .video .sustainability-rated-cert .link_to_certificate_container a .link_to_certificate{
    height:40px;
    color:#fff;
    background-color:#000;
    width:100%;
    padding-top:7px
}
#step-3 .ring-wrapper .diamond-info{
    width:45%;
    padding-left:20px
}
@media (max-width: 767px){
    #step-3 .ring-wrapper .diamond-info{
        width:100%;
        padding-left:0
    }
}
#step-3 .ring-wrapper .diamond-info .preview-text{
    display:flex;
    justify-content:space-between
}
#step-3 .ring-wrapper .diamond-info .preview-text h2{
    font-size:24px;
    font-weight:600;
    letter-spacing:1px;
    text-transform:none;
    margin-bottom:50px;
    font-family:RobotoCondensed-Regular
}
#step-3 .ring-wrapper .diamond-info .preview-text .clear_selection{
    font-size:1rem;
    font-weight:400;
    line-height:1.5
}
#step-3 .ring-wrapper .diamond-info .preview-price{
    margin-top:50px;
    margin-bottom:20px;
    border-top:1px solid #ddd;
    padding-top:20px
}
#step-3 .ring-wrapper .diamond-info .preview-price .extra-total{
    font-weight:400;
    font-size:20px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    align-items:center;
    border:none
}
#step-3 .ring-wrapper .diamond-info .diamond-specification+.diamond-specification{
    margin-top:50px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification.bordered{
    border:1px solid #000;
    padding:10px;
    margin-top:10px
}
@media (max-width: 767px){
    #step-3 .ring-wrapper .diamond-info .diamond-specification{
        margin-top:10px
    }
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .icon{
    width:17px;
    vertical-align:middle
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .info{
    width:70%
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .info p{
    font-size:14px;
    margin:0
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .total{
    width:60%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-size:30px;
    font-weight:600
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .total h4{
    margin:0;
    padding:0
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .size-title{
    width:40%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .size-title h4{
    margin:0;
    padding:0;
    font-size:24px;
    font-weight:400;
    text-transform:none;
    letter-spacing:normal;
    text-align:center
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .size-input{
    width:60%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    font-weight:600;
    font-size:20px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .size-input select,#step-3 .ring-wrapper .diamond-info .diamond-specification .size-input input{
    width:100%
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .extra{
    width:30%;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
    align-self:center;
    margin-bottom:-20px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .extra .change{
    margin-top:10px;
    cursor:pointer;
    border:none;
    font-size:12px;
    color:#00f
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .product-name{
    text-align:left;
    font-size:14px;
    text-transform:none;
    letter-spacing:1px;
    line-height:1.1;
    font-weight:400;
    margin-bottom:5px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .details{
    margin:0;
    font-size:11px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .details li{
    display:inline flow-root list-item;
    margin-left:12px
}
#step-3 .ring-wrapper .diamond-info .diamond-specification .product-price{
    margin:0;
    text-align:center;
    font-size:16px;
    text-transform:none;
    letter-spacing:1px;
    line-height:1.1;
    font-weight:600
}
#step-3 .ring-wrapper .diamond-info .diamond-description{
    text-align:center;
    margin-top:20px
}
#step-3 .ring-wrapper .diamond-info .choose-design{
    text-align:center;
    margin-top:15px
}
#step-3 .ring-wrapper .diamond-info .choose-design .select-design{
    background:#DCB59E;
    width:100%;
    margin:auto;
    padding:4px 10px;
    color:#fff;
    font-size:24px;
    letter-spacing:1px
}
#step-3 .ring-wrapper .diamond-info .choose-design:hover .select-design{
    text-decoration:underline
}
#diamonds-wrapper{
    float:left;
    width:100%;
    margin:25px auto 0;
    border:none;
    padding:0;
    border-radius:0;
    position:relative
}
#diamonds-wrapper .loading-diamonds{
    display:none;
    background-color:#ffffffb3;
    background-image:url('loading-icon.svg');
    background-size:auto;
    background-position:center center;
    background-repeat:no-repeat;
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:1
}
#diamonds-wrapper.loading .loading-diamonds{
    display:block
}
#diamonds-tabs{
    width:100%;
    border-bottom:none
}
#diamonds-tabs .tabs{
    margin:0 0 32px;
    padding:0;
    border:0;
    background:#fff;
    font-size:0;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
#diamonds-tabs .tabs .tab{
    list-style:none;
    display:inline-block;
    position:relative;
    top:0;
    margin:0 4px 5px;
    padding:0;
    white-space:nowrap;
    background:#fff;
    color:#000;
    border:1px solid #E8E8E1;
    font-size:13px;
    letter-spacing: 0.3em;
    border-radius: 4px;
    text-transform: uppercase;
}
@media (max-width: 768px){
    #diamonds-tabs .tabs .tab{
        font-size:11px
    }
}
#diamonds-tabs .tabs .tab.active{
    background-color:#000;
    color:#fff;
    padding-bottom:0px;
    border: none;
}
#diamonds-tabs .tabs .tab a{
    padding:8px 20px;
    color:currentColor;
    text-decoration:none;
    border:none;
    font-weight: 500;
}
#diamonds-tabs .tabs .tab a:after{
    display:none
}
#diamonds-table,#diamonds-compare-table{
    min-height:900px
}
#diamonds-table[data-filter-location=australia] tbody>tr:not([data-location="australia"]){
    display:none
}
#diamonds-table[data-filter-location=overseas] tbody>tr:not([data-location="overseas"]){
    display:none
}
table.diamond_table thead tr th{
    color:#fff;
    background:#DCB59E;
    text-align:center
}
@media (max-width: 767px){
    table.diamond_table thead tr th{
        font-size:11px
    }
}
table.diamond_table thead tr th.sortable{
    cursor:pointer;
    text-decoration:underline
}
table.diamond_table thead tr th.sortable img{
    display:none;
    height:12px;
    vertical-align:0px;
    margin-left:10px
}
@media (max-width: 767px){
    table.diamond_table thead tr th.sortable img{
        height:6px;
        margin-left:0
    }
}
table.diamond_table thead tr th.sortable.active img{
    display:inline-block
}
table.diamond_table thead tr th.sortable.active.asc img{
    transform:rotate(180deg)
}
@media (max-width: 767px){
    table.diamond_table tbody tr{
        cursor:pointer
    }
}
table.diamond_table tbody tr th{
    text-align:center;
    font-weight:400;
    padding:5px 15px
}
@media (max-width: 767px){
    table.diamond_table tbody tr th{
        padding:5px;
        font-size:11px
    }
}
table.diamond_table tbody tr th.bold{
    font-weight:600
}
table.diamond_table tbody tr th.type{
    padding:5px
}
.compare_diamond{
    margin:0;
    padding:0;
    cursor:pointer
}
.compare_diamond *{
    vertical-align:middle
}
.compare_diamond input:checked+.compare_diamond_unselected_icon{
    display:none
}
.compare_diamond input:not(:checked)+.compare_diamond_unselected_icon+.compare_diamond_selected_icon{
    display:none
}
.to_diamond_detail_from_diamond_list{
    font-weight:700;
    border:none!important;
    padding:0;
    width:84%;
    line-height:1.2
}
.to_diamond_detail_from_diamond_list:after{
    display:none
}
.to_diamond_detail_from_diamond_list img{
    vertical-align:-1px
}
.capital{
    text-transform:capitalize
}
.uppercase{
    text-transform:uppercase
}
.diamond-filters-open{
    display:none;
    width:100%;
    height:44px;
    line-height:17px;
    padding:0;
    background:#fff;
    font-size:13px;
    color:#fff;
    border:none;
    text-align:center;
    font-weight: 500;
    margin:35px auto;
    float:none;
    background: #DCB59E;
    text-transform: uppercase;
    border-radius: 3px;
    max-width: 165px;
    -webkit-font-smoothing:antialiased;
    font-family: Futura;
    letter-spacing: 0.3em;
}

#step-2{
    text-align: center;
}

@media (min-width: 1101px){
    .diamond-filters-open{
        display:none!important
    }

}
@media (max-width: 1100px){
    .diamond-filters-open{
        /*display:block !important*/
    }
    #steps #step-1:before{
        content: " ";
        display: block;
        clear: both;
    }
    #diamonds-filters .all-filters .filter-container .diamond_filter_content.diamond_filter_shape_content{
        padding-top: 0 !important;
    }
}
#diamonds-filters{
    float:left;
    width:100%
}
@media (max-width: 1100px){
    #diamonds-filters{
        position:fixed;
        left:0;
        top:0;
        height:100vh;
        z-index:9999;
        background:rgba(0,0,0,.3)
    }
    #diamonds-filters:not(.mobile-visible){
        display:none!important
    }
}
#diamonds-filters .close{
    display:none
}
@media (max-width: 1100px){
    #diamonds-filters .close{
        display:block;
        position:absolute;
        top:7px;
        right:15px;
        border:none;
        background:none;
        padding:0
    }
}
@media (max-width: 1100px){
    #diamonds-filters .filters-wrapper{
        position:absolute;
        right:auto;
        left:50%;
        top:30px;
        transform:translate(-50%);
        width:calc(100% - 30px);
        max-width:485px;
        height:calc(100vh - 114px);
        background:#fff;
        padding:10px;
        overflow-y:scroll;
        -webkit-overflow-scrolling:touch
    }
}
#diamonds-filters h4{
    text-align: center;
    font-family: Ovo;
    font-size: 28px;
    font-weight: 400;
    line-height: 32px;
    letter-spacing: 3px;
    padding:15px 20px;
    margin: 35px 0;
}
#diamonds-filters .all-filters,#diamonds-filters .advanced-filters{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    justify-content:space-between
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters,#diamonds-filters .advanced-filters{
        flex-direction:column
    }
}
#diamonds-filters .all-filters .filter-container,#diamonds-filters .advanced-filters .filter-container{
    width:47%;
    display:block;
    margin-bottom: 35px
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container,#diamonds-filters .advanced-filters .filter-container{
        width:100%;
        align-items:flex-start;
        flex-direction:column;
        margin-bottom:15px
    }
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain,#diamonds-filters .advanced-filters .filter-container.filter-container__blockchain{
    padding-left:20px;
    padding-top:16px;
    width:30%
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain{
    display: flex;
    padding-left:0px;
    width:47%
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain .diamond_filter_blockchain_content{
    order: 1;
    padding-right: 20px;
    width: 33px;
    padding-left: 0;
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain .field_label{
    order: 2;
    align-items: center;
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain .field_label,#diamonds-filters .advanced-filters .filter-container.filter-container__blockchain .field_label{
    flex:0 0 auto;
    width:auto
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain,
    #diamonds-filters .advanced-filters .filter-container.filter-container__blockchain,
    #diamonds-filters .filter-container.filter-container__source{
        width:auto!important;
        flex-direction:row;
        align-items:center;
    }
}
#diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated,#diamonds-filters .advanced-filters .filter-container.filter-container__sustainably-rated{
    /*padding-top:16px;*/
    width:47%
}
#diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated{
    display: flex;
}

#diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .diamond_filter_sustainably-rated_content{
    order: 1;
    width: 40px
}
#diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .field_label{
    order: 2;
}


#diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .field_label,#diamonds-filters .advanced-filters .filter-container.filter-container__sustainably-rated .field_label{
    flex:0 0 auto;
    width:auto
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated,#diamonds-filters .advanced-filters .filter-container.filter-container__sustainably-rated{
        width:auto!important;
        flex-direction:row;
        align-items:center;
        padding-left:0px
    }
}
#diamonds-filters .all-filters .filter-container .field_label,#diamonds-filters .advanced-filters .filter-container .field_label{
    width:15%;
    cursor:pointer;
    text-align:center;
    font-size:15px;
    letter-spacing: 3px;
    text-transform:uppercase;
    color:#000;
    position:relative;
    display:flex;
    align-items:center
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .field_label,#diamonds-filters .advanced-filters .filter-container .field_label{
        width:100%;
        text-align:left
    }
}
#diamonds-filters .all-filters .filter-container .field_label .tooltiptext,#diamonds-filters .advanced-filters .filter-container .field_label .tooltiptext{
    visibility:hidden;
    width:340px;
    background-color:#dcb59e;
    color:#fff;
    text-align:center;
    border-radius:6px;
    padding:5px;
    position:absolute;
    z-index:5;
    bottom:150%;
    left:50%;
    margin-left:-120px;
    font-size:12px;
    text-transform:none
}
#diamonds-filters .all-filters .filter-container .field_label .tooltiptext img,#diamonds-filters .advanced-filters .filter-container .field_label .tooltiptext img{
    margin-top:10px
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext,#diamonds-filters .advanced-filters .filter-container .field_label .tooltiptext{
        /*display:none!important*/
    }
}
#diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext,#diamonds-filters .advanced-filters .filter-container .field_label:hover .tooltiptext{
    visibility:visible
}
#diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext:after,#diamonds-filters .advanced-filters .filter-container .field_label:hover .tooltiptext:after{
    content:"";
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-5px;
    border:5px solid transparent;
    border-top-color:#dcb59e
}
#diamonds-filters .all-filters .filter-container .field_label .filter-logo,#diamonds-filters .advanced-filters .filter-container .field_label .filter-logo{
    padding-left:5px
}
#diamonds-filters .all-filters .filter-container .diamond_filter_content,#diamonds-filters .advanced-filters .filter-container .diamond_filter_content{
    width:100%;
    padding-right:8px;
    padding-left:8px
}
#diamonds-filters .all-filters .filter-container .diamond_filter_content.diamond_filter_shape_content{
    padding-left: 0px;
    padding-top: 15px
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .diamond_filter_content,#diamonds-filters .advanced-filters .filter-container .diamond_filter_content{
        width:100%;
        padding-right:15px
    }
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content{
    display:flex;
    flex-direction:row
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .diamond_filter_shape_content,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content{
        flex-wrap:wrap;
        justify-content:safe;
        margin-top:20px
    }
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape{
    margin:0 5px 0 4px;
    width:55px;
    height:55px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    position:relative;
    border:1px solid #E8E8E1
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape{
        margin-bottom:20px
    }
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape:before{
    font-size:9px;
    letter-spacing:1px;
    text-transform:none;
    position:absolute;
    left:0;
    bottom:-17px;
    width:100%;
    text-align:center;
    color: #000;
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=round],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=round]{
    background-image:url(round.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=round]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=round]:before{
    content:"Round"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=oval],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=oval]{
    background-image:url(oval.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=oval]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=oval]:before{
    content:"Oval"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=cushion],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=cushion]{
    background-image:url(cushion.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=cushion]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=cushion]:before{
    content:"Cushion"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=princess],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=princess]{
    background-image:url(princess.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=princess]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=princess]:before{
    content:"Princess"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=emerald],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=emerald]{
    background-image:url(emerald.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=emerald]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=emerald]:before{
    content:"Emerald"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=pear],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=pear]{
    background-image:url(pear.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=pear]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=pear]:before{
    content:"Pear"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=radiant],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=radiant]{
    background-image:url(radiant.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=radiant]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=radiant]:before{
    content:"Radiant"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=asscher],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=asscher]{
    background-image:url(asscher.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=asscher]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=asscher]:before{
    content:"Asscher"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=marquise],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=marquise]{
    background-image:url(marquise.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape[data-shape=marquise]:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content .shape[data-shape=marquise]:before{
    content:"Marquise"
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape{
    border:1px solid #dcb59e
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape:before,#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape:before{
    color:#dcb59e
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=round],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=round]{
    background-image:url(round-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=oval],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=oval]{
    background-image:url(oval-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=cushion],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=cushion]{
    background-image:url(cushion-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=princess],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=princess]{
    background-image:url(princess-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=emerald],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=emerald]{
    background-image:url(emerald-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=pear],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=pear]{
    background-image:url(pear-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=radiant],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=radiant]{
    background-image:url(radiant-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=asscher],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=asscher]{
    background-image:url(asscher-active.svg)
}
#diamonds-filters .all-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=marquise],#diamonds-filters .advanced-filters .filter-container .diamond_filter_shape_content input:checked+.shape[data-shape=marquise]{
    background-image:url(marquise-active.svg)
}
#advanced-filter-wrapper{
    width:100%;
    padding:0 0 35px;
    margin-top:15px;
    margin-bottom:25px;
    /*border-top:1px solid #DCB59E;*/
    text-align:center
}
@media (min-width: 1101px){
    #advanced-filter-wrapper{
        display:none
    }
}
#advanced-filter-wrapper #advanced_filters_deselect_button{
    background:none;
    padding:4px 15px;
    text-decoration:none;
    color:#000;
    border:1px solid #DCB59E;
    border-top:none;
    font-size:15px;
    letter-spacing:1.2px
}
#advanced-filter-wrapper #advanced_filters_deselect_button:after{
    display:none
}
#advanced-filter-wrapper #advanced_filters_deselect_button:not(.visible){
    display:none!important
}
@media (min-width: 1001px){
    #advanced-filter-wrapper #advanced_filters_deselect_button{
        display:none!important
    }
}
#advanced-filter-wrapper #advanced_filters_button{
    background:#DCB59E;
    padding: 13px 25px;
    text-decoration:none;
    color:#fff;
    font-size:13px;
    letter-spacing:1.2px;
    font-family: Futura;
    font-weight: 500;
    line-height: 17px;
    letter-spacing: 0.3em;
}
#advanced-filter-wrapper #advanced_filters_button:after{
    display:none
}
.range-filter{
    height:8px;
    border:none !important;
    background-color: #E8E8E1;
    margin-top:22px;
    margin-left:0;
    margin-right:0
}
@media (max-width: 767px){
    .range-filter{
        margin-top:15px
    }
}
.range-filter .ui-slider-range{
    height:8px;
    background-color:#F2E3DA
}
.range-filter .ui-slider-handle{
    background-color:#DCB59E;
    border: none;
    border-radius:50%;
    height:20px;
    width:20px;
    top:-7px
}
.value-inputs span{
    font-size: 13px;
}
.range-filter+.value-inputs{
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    margin-top:10px;
    overflow:hidden
}
.range-filter+.value-inputs .value-1{
    text-align:left
}
.range-filter+.value-inputs .value-2{
    text-align:right
}
.range-filter+.value-inputs .value-1,.range-filter+.value-inputs .value-2{
    width:50%;
    font-size:0
}
.range-filter+.value-inputs .value-1 input,.range-filter+.value-inputs .value-2 input{
    width:100px;
    margin:0;
    font-size:12px;
    background-color:transparent;
    padding:0 5px;
    text-align:center;
    border:1px solid #dbb7bb;
    color:#000;
    display:inline-block
}
.range-filter+.value-inputs .value-1 input+span,.range-filter+.value-inputs .value-2 input+span{
    margin-left:2px
}
.range-filter+.value-inputs .value-1 span,.range-filter+.value-inputs .value-2 span{
    font-size:12px;
    width:10%
}
.range-filter+.value-inputs .value-1 span+input,.range-filter+.value-inputs .value-2 span+input{
    margin-left:2px
}
#CollectionAjaxContent .ring-filters-open{
    display:none;
    width:100%;
    height:44px;
    line-height:42px;
    padding:0;
    background:#fff;
    font-size:14px;
    color:#000;
    border:1px solid #000;
    text-align:center;
    font-weight:400;
    margin-top:10px;
    -webkit-font-smoothing:antialiased
}
@media (max-width: 1780px){
    #CollectionAjaxContent .ring-filters-open{
        *display: block
    }
}
#CollectionAjaxContent .sticky-filter-wrapper{
    width:100%
}
#CollectionAjaxContent #ring-filters{
    width:100%;
    float:left;
    display:flex;
    flex-direction:row;
    justify-content:left;
    margin-top:10px;
    position:relative
}
#CollectionAjaxContent #ring-filters .close{
    display:none
}
@media (max-width: 991px){
    #CollectionAjaxContent #ring-filters .close{
        display:block;
        position:absolute;
        top:-23px;
        right:0;
        border:none;
        background:none;
        padding:0
    }
}
#CollectionAjaxContent #ring-filters .filter-container{
    border-bottom:1px solid #f8f8f8;
    padding-bottom:15px;
    margin-right:10px
}
#CollectionAjaxContent #ring-filters .filter-container:last-child{
    margin-right:0
}
#CollectionAjaxContent #ring-filters .filter-container.shapes-container{
    position:relative
}
#CollectionAjaxContent #ring-filters .filter-container .filter-content{
    position:absolute;
    top:100%;
    left:0;
    width:400px;
    max-width:100%;
    z-index:2;
    background:#fff;
    padding:10px;
    border:1px solid #333
}
#CollectionAjaxContent #ring-filters .filter-container .filter-content.shapes-content{
    width:257px;
    right:0;
    left:auto;
    max-width:none
}
@media (min-width: 992px){
    #CollectionAjaxContent #ring-filters .filter-container:not(:hover) .filter-content{
        display:none!important
    }
}
@media (max-width: 991px){
    #CollectionAjaxContent #ring-filters .filter-container .field_label:not(.active)+.filter-content{
        display:none!important
    }
}
#CollectionAjaxContent #ring-filters .filter-container .field_label{
    position:relative;
    padding-right:45px
}
#CollectionAjaxContent #ring-filters .filter-container .field_label svg{
    position:absolute;
    right:20px;
    height:15px;
    top:50%;
    transform:translateY(-50%) rotate(-90deg)
}
#CollectionAjaxContent #ring-filters .filter-container .range-filter{
    margin-top:20px
}
#CollectionAjaxContent #ring-filters .filter-cancel{
    display:inline-block;
    right:0;
    border:1px solid #636363;
    color:#636363;
    background:none;
    min-width:70px;
    padding:5px 10px;
    font-size:12px;
    font-weight:300;
    cursor:pointer;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
#CollectionAjaxContent #ring-filters .filter-cancel:hover{
    color:#fff;
    background:#636363
}
#CollectionAjaxContent #ring-filters .filter-cancel:not(.visible){
    display:none
}
#CollectionAjaxContent #ring-filters .filter-apply{
    display:inline-block;
    right:0;
    border:1px solid #636363;
    color:#636363;
    background:none;
    min-width:70px;
    padding:5px 10px;
    font-size:12px;
    font-weight:300;
    cursor:pointer;
    -webkit-transition:all .3s linear;
    transition:all .3s linear
}
@media (min-width: 991px){
    #CollectionAjaxContent #ring-filters .filter-apply{
        display:none!important
    }
}
#CollectionAjaxContent #ring-filters .filter-apply:hover{
    color:#fff;
    background:#636363
}
#CollectionAjaxContent #ring-filters .filter-apply:not(.visible){
    display:none
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    padding-top:0;
    max-width:220px;
    margin:0 auto
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape{
    margin:20px 5px 0 4px;
    width:45px;
    height:45px;
    background-size:contain;
    background-repeat:no-repeat;
    background-position:center center;
    cursor:pointer;
    display:inline-block;
    text-align:center;
    position:relative;
    border:1px solid #000
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape:before{
    font-size:9px;
    letter-spacing:1px;
    text-transform:none;
    position:absolute;
    left:0;
    top:-16px;
    width:100%;
    text-align:center
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=round]{
    background-image:url(round.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=round]:before{
    content:"Round"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=oval]{
    background-image:url(oval.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=oval]:before{
    content:"Oval"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=cushion]{
    background-image:url(cushion.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=cushion]:before{
    content:"Cushion"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=princess]{
    background-image:url(princess.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=princess]:before{
    content:"Princess"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=emerald]{
    background-image:url(emerald.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=emerald]:before{
    content:"Emerald"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=pear]{
    background-image:url(pear.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=pear]:before{
    content:"Pear"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=radiant]{
    background-image:url(radiant.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=radiant]:before{
    content:"Radiant"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=asscher]{
    background-image:url(asscher.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=asscher]:before{
    content:"Asscher"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=marquise]{
    background-image:url(marquise.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content .shape[data-shape=marquise]:before{
    content:"Marquise"
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape{
    border:1px solid #dcb59e
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape:before{
    color:#dcb59e
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=round]{
    background-image:url(round-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=oval]{
    background-image:url(oval-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=cushion]{
    background-image:url(cushion-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=princess]{
    background-image:url(princess-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=emerald]{
    background-image:url(emerald-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=pear]{
    background-image:url(pear-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=radiant]{
    background-image:url(radiant-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=asscher]{
    background-image:url(asscher-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_shape_content input:checked+.shape[data-shape=marquise]{
    background-image:url(marquise-active.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content{
    display:flex;
    flex-direction:row;
    flex-wrap:wrap
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style{
    margin:0;
    width:33%;
    height:60px;
    display:flex;
    justify-content:center;
    align-items:flex-end;
    flex-direction:row;
    cursor:pointer;
    background-position:center center;
    background-repeat:no-repeat;
    background-size:50px auto;
    text-align:center;
    font-size:11px;
    text-transform:none;
    letter-spacing:normal
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style[data-style=halo]{
    background-image:url(/cdn/shop/files/Halo.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style[data-style=solitaire]{
    background-image:url(/cdn/shop/files/Solitaire.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style[data-style=sidestones]{
    background-image:url(/cdn/shop/files/Side_stones.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style[data-style=trilogy]{
    background-image:url(/cdn/shop/files/Three_stones.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content .style[data-style=vintage]{
    background-image:url(/cdn/shop/files/Vintage.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content input:checked+.style[data-style=halo]{
    background-image:url(/cdn/shop/files/Halo_hover.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content input:checked+.style[data-style=solitaire]{
    background-image:url(/cdn/shop/files/Solitaire_hover.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content input:checked+.style[data-style=sidestones]{
    background-image:url(/cdn/shop/files/Side_stones_hover.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content input:checked+.style[data-style=trilogy]{
    background-image:url(/cdn/shop/files/Three_stones_hover.svg)
}
#CollectionAjaxContent #ring-filters .ring_diamond_filter_style_content input:checked+.style[data-style=vintage]{
    background-image:url(/cdn/shop/files/Vintage_hover.svg)
}
@media (max-width: 767px){
    .desktop-only{
        display:none!important
    }
}
@media (min-width: 768px){
    .mobile-only{
        display:none!important
    }
}
.custom-ring-modal,.goto-diamond-modal,.book-appointment-modal{
    position:fixed;
    left:0;
    top:0;
    width:100vw;
    height:100vh;
    background:rgba(0,0,0,.6);
    z-index:9999;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center
}
.custom-ring-modal .modal-container,.goto-diamond-modal .modal-container,.book-appointment-modal .modal-container{
    width:95%;
    max-width:1100px;
    border:10px solid #DCB59E;
    padding:10px;
    background:#fff
}
@media (max-width: 768px){
    .custom-ring-modal .modal-container,.goto-diamond-modal .modal-container,.book-appointment-modal .modal-container{
        width:79%
    }
}
.custom-ring-modal .modal-container .modal-inner,.goto-diamond-modal .modal-container .modal-inner {
    background:#DCB59E;
    padding:20px
}
.custom-ring-modal .modal-container .modal-inner h3,.goto-diamond-modal .modal-container .modal-inner h3{
    text-align:center;
    font-size:25px
}
@media (max-width: 990px){
    .custom-ring-modal .modal-container .modal-inner h3,.goto-diamond-modal .modal-container .modal-inner h3,.book-appointment-modal .modal-container .modal-inner h3{
        font-size:20px
    }
}
.custom-ring-modal .modal-container .modal-inner .selections,.goto-diamond-modal .modal-container .modal-inner .selections,.book-appointment-modal .modal-container .modal-inner .selections{
    margin-top:40px;
    display:flex;
    flex-direction:row;
    justify-content:space-between;
    flex-wrap:wrap
}
@media (max-width: 990px){
    .custom-ring-modal .modal-container .modal-inner .selections,.goto-diamond-modal .modal-container .modal-inner .selections,.book-appointment-modal .modal-container .modal-inner .selections{
        flex-direction:column
    }
}
.custom-ring-modal .modal-container .modal-inner .selections .selection,.goto-diamond-modal .modal-container .modal-inner .selections .selection,.book-appointment-modal .modal-container .modal-inner .selections .selection{
    background:#fff;
    width:calc(50% - 50px);
    padding:10px;
    margin-bottom:20px;
    position:relative
}
.custom-ring-modal .modal-container .modal-inner .selections .selection.disabled,.goto-diamond-modal .modal-container .modal-inner .selections .selection.disabled,.book-appointment-modal .modal-container .modal-inner .selections .selection.disabled
    pointer-events:none
}
@media (max-width: 990px){
    .custom-ring-modal .modal-container .modal-inner .selections .selection,.goto-diamond-modal .modal-container .modal-inner .selections .selection,.book-appointment-modal .modal-container .modal-inner .selections .selection{
        width:100%
    }
}
.custom-ring-modal .modal-container .modal-inner .selections .selection .message,.goto-diamond-modal .modal-container .modal-inner .selections .selection .message,.book-appointment-modal .modal-container .modal-inner .selections .selection .message{
    position:absolute;
    left:50%;
    top:10px;
    color:#fff;
    transform:translate(-50%)
}
.custom-ring-modal .modal-container .modal-inner .selections .selection img,.goto-diamond-modal .modal-container .modal-inner .selections .selection img,.book-appointment-modal .modal-container .modal-inner .selections .selection img{
    width:100%
}
.custom-ring-modal .modal-container .modal-inner .selections .selection h4,.goto-diamond-modal .modal-container .modal-inner .selections .selection h4,.book-appointment-modal .modal-container .modal-inner .selections .selection h4{
    text-align:center;
    margin-top:20px;
    margin-bottom:0
}
.book-appointment-modal {
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width:60%;
    max-width: 1000px;
    height:auto;
    /* max-height:80%; */
    padding:10px;
    background:#fff;
    padding: 25px 40px 40px;
}
.book-appointment-modal .modal--heading {
    padding-bottom: 0px;
    text-align: center;
}
.book-appointment-modal .modal--heading h3 { font-size: calc(var(--typeHeaderSize)*0.85); }
.book-appointment-overlay.active + .book-appointment-modal { animation: fadeIn .4s linear 1 forwards; }
@keyframes fadeIn {
    0% { opacity: 0; }
    to { opacity: 1; }
}
.book-appointment-header-btn {
    padding: 9px 16px;
    font-weight: 500;
}
.book-appointment-modal .details {
    font-size: 15px;
    padding-top: 24px;
    flex: 1;
    display: flex;
    flex-direction: column;
   justify-content: space-between;
}
.book-appointment-modal .content-box{
    height: 100%;
    display: flex;
    flex-direction: column;
}
.book-appointment-modal .address {
    display: flex;
    align-items: flex-start;
    font-weight: 300;
}
.book-appointment-modal .address .icon,
.book-appointment-modal .city-num .icon {
    width: 100%;
    max-width: 19px;
    min-width: 19px;
    margin-right: 8px;
    padding-top: 2px;
  flex: 1;
}
.book-appointment-modal .city-num {
    display: flex;
    align-items: center;
}

@media (max-width: 768px ) {
    .appoint_btn { display: none; }
}

.book-appointment-modal .modal-container{
    width:100%;
    border:0;
    padding:0
}
.book-appointment-modal .modal-container .modal-inner{
    overflow:auto;
    height:100%;
    position:relative
}
.book-appointment-modal .close-modal{
    position: absolute;
    top:20px;
    right:20px;
    line-height:1;
    display:block;
    font-size:25px;
    cursor:pointer
}
.book-appointment-modal .modal-container .modal-inner .selections{
    margin-top:5px;
}
.book-appointment-modal .modal-container .modal-inner .selections .selection{
    padding:0;
    width: 100%;
    max-width: 329px;
    padding: 30px;
    border: 1px solid #DCB59E;
    margin-bottom: 0;
}
.book-appointment-modal .modal-container .modal-inner .selections .selection .details .location{
    font-weight: 700;
    padding-bottom: 16px;
}
@media (max-width: 990px){
    .book-appointment-modal {
      width: 95%;
    }
    .book-appointment-modal .modal-container .modal-inner{
        padding:20px 5%
    }
    .book-appointment-modal .modal-container .modal-inner .selections{
        flex-direction:row
    }
    .book-appointment-modal .modal-container .modal-inner .selections .selection{
        width:calc(50% - 10px)
    }
    .book-appointment-modal .modal-container .modal-inner .selections .selection .details .location{
        font-size:17px
    }
    .book-appointment-modal .modal-container .modal-inner .selections .selection .details .address{
        font-size:16px
    }
}
.book-appointment-btn{
    background:#DCB59E;
    color:#fff;
    text-transform:uppercase;
    text-align:center;
    margin-top:15px;
    border-radius:5px;
    padding:5px;
    font-weight:500;
    letter-spacing:1px;
    font-size: 13px;
}
.book-appointment-btn a{
    color:#fff!important;
    display: inline-block;
    width: 100%;
    letter-spacing: 0.3em;
}
.book-appointment-overlay{
    display:none;
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:100%;
    z-index:9999;
    background:rgba(0,0,0,.6)
}
.book-appointment-overlay.active{
    display:block
}
body.scroll-locked{
    overflow-y:hidden
}
.badge-view-in-showroom{
    background-color:#fddfdf;
    color:#000;
    text-align:center;
    font-size:17px;
    line-height:22px;
    padding:6px 15px;
    position:absolute;
    z-index:1;
    top:0;
    right:6px;
    border-radius:50%;
    width:104px;
    height:97px;
    display:flex;
    justify-content:center;
    align-items:center;
    flex-direction:column
}
.badge-view-in-showroom>span{
    display:block
}
.badge-view-in-showroom.on-ring-settings{
    font-size:15px;
    line-height:18px;
    width:94px;
    height:87px
}
@media (max-width: 1199.98px){
    .badge-view-in-showroom,.badge-view-in-showroom.on-ring-settings{
        font-size:13px;
        line-height:16px;
        padding:0;
        right:16px;
        letter-spacing:0px;
        width:79px;
        height:72px
    }
}
@media (max-width: 992.98px){
    .badge-view-in-showroom{
        font-size:11px;
        line-height:14px;
        width:62px;
        height:58px
    }
    .badge-view-in-showroom.on-ring-settings{
        top:2px;
        font-size:11px;
        line-height:14px;
        width:62px;
        height:58px
    }
}
.custom-variant-input-wrap{
    width:100%;
    margin-bottom:20px;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.checkbox-styled{
    position:relative;
    display:inline-block
}
.checkbox-styled .checkbox-style{
    display:flex;
    align-items:center;
    justify-content:center;
    width:19px;
    height:19px;
    background-color:#fff;
    border:2px solid #DCB59E
}
.checkbox-styled .checkbox-style svg{
    opacity:0
}
.checkbox-styled input{
    opacity:0;
    width:19px;
    height:19px;
    z-index:2;
    position:absolute;
    top:0;
    left:0
}
.checkbox-styled input:checked+.checkbox-style{
    background-color:#dcb59e
}
.checkbox-styled input:checked+.checkbox-style svg{
    opacity:1
}
.capital.lab-grown-type,
.capital.source-aether{
    padding:5px;
    text-align:left;
    position:relative
}
.capital.lab-grown-type img{
    float:right;
    position:absolute;
    top:17px;
    right:2px
}
.capital.source-aether img{
    float:right;
    position:absolute;
    top:21px;
    right:2px
}
#step-1 h4#diamond-filter-title2{
    text-align: center;
    padding: 15px 20px;
    font-size: 22px;
    text-transform: uppercase;
    font-weight: 400;
    letter-spacing: normal;
    margin: 35px 0;
    display: none;
}
@media (max-width: 1100px){
    #step-1 h4#diamond-filter-title2{
        display: block;
    }
    .capital.lab-grown-type{
        padding:5px!important
    }
    #diamonds-wrapper{
        overflow-x: auto;
    }
    #diamonds-tabs,
    #diamonds-table,
    #diamonds-compare-table,
    #diamonds-recently-view{
        width: 1200px;
    }
}
@media (max-width: 1150px){
    .capital.lab-grown-type{
        padding:5px 15px!important;
        text-align:center
    }
    .capital.source-aether{
        padding:5px 10px!important;
        text-align:center
    }
    .capital.lab-grown-type img,
    .capital.source-aether img{
        float:none;
        position:unset
    }
}
@media (max-width: 767px){
    #diamonds-tabs,
    #diamonds-table,
    #diamonds-compare-table,
    #diamonds-recently-view{
        width: 800px;
    }
}
@media (max-width: 350px){
    .capital.lab-grown-type{
        padding:5px 0!important
    }
}
.capital.is-blockchain img{
    position:relative;
    top:4px;
    left:5px
}
@media (max-width: 950px){
    .capital.is-blockchain img{
        top:3px;
        left:0
    }
}

.content-box .spacer{
    /*height: 26px;*/
}

.book-appointment-modal .modal-container .modal-inner .selections{
    gap: 20px;
}

.book-appointment-modal .modal-container .modal-inner .selections .selection{
    flex-basis: 31%;
    flex-shrink: 1;
}
@media (max-width: 989px){
    .book-appointment-modal .modal-container .modal-inner .selections .selection {
        flex-basis: 48%;
        max-width: none;
    }
    #book-appointment-modal{
        overflow-y: scroll;
    }
}
@media (max-width: 767px){
    .book-appointment-modal .modal-container .modal-inner .selections .selection {
        flex-basis: 100%;
        max-width: none;
    }
}

@media (min-width: 991px){
  .book-appointment-modal .modal-container .modal-inner .selections .selection{
    flex-grow: 1;
    max-width: none;
  }
  .book-appointment-modal.loc-3-false{
    max-width: 800px;
  }
}

@media (min-width: 770px) and (max-width: 1024px){
    table.diamond_table tbody tr th,
    table.diamond_table thead tr th{
        font-size: 12px !important
    }
    table.diamond_table tbody tr th{
        padding: 5px 5px;
    }
}

#step-2 h4#diamond-filter-title2,
#step-1 h4#diamond-filter-title2{
    display: block;
    text-align: center;
    font-family: Tiemann;
    font-size: 32.3px;
    font-weight: 400;
    line-height: 32px;
    margin-top: 40px;
    letter-spacing: 0.0em;
    text-transform: lowercase;
}

.filters-wrapper h4#diamond-filter-title{
    font-family: Tiemann;
    font-size: 32.3px;
    text-transform: lowercase;
    letter-spacing: 0.0em;
}

#step-2 h4#diamond-filter-title2::first-letter,
#step-1 h4#diamond-filter-title2::first-letter{
    text-transform: uppercase;
}

.filters-wrapper h4#diamond-filter-title::first-letter{
    text-transform: uppercase;
}

#step-1{
    text-align: center;
}

#el-step-menu:after{
    content: " ";
    display: block;
    clear: both;
}

#diamonds-filters h4{
    display: none;
}

@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .diamond_filter_shape_content .shape:before{
        color: #000;
    }
    #step-2 h4#diamond-filter-title2,
    #step-1 h4#diamond-filter-title2{display:block;}
    #step-2 h4#diamond-filter-title2, #step-1 h4#diamond-filter-title2{margin-bottom:0px;padding-bottom:0px;}
    #diamonds-filters h4{
        display: block;
    }
}

table.diamond_table thead tr th{
    font-family: "Futura";
    font-size: 13px;
    font-weight: 500;
    letter-spacing: 0.3em;
    line-height: 17px;
    text-transform: uppercase;
    padding: 10px;
}

table.diamond_table tbody tr th {
    font-family: "Futura";
    font-size: 15px;
    font-weight: 300;
    line-height: 19px;
    padding: 10px;
}

@media (max-width: 767px){
    table.diamond_table thead tr th {
        padding: 15px 3px;
    }
    table.diamond_table tbody tr th {
        font-size: 13px;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain .field_label,
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .field_label{
        width: 250px;
        position: relative;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain,
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated{
        align-items: flex-start;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain .diamond_filter_blockchain_content,
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .diamond_filter_sustainably-rated_content{
        padding-top: 2px;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain .field_label img.filter-logo,
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .field_label img.filter-logo{
        position: absolute;
        top: 27px;
        left: 108px;
    }
}

.field_label .ico-tooltip{
    position: relative;
    display: block;
    width: 14px;
    height: 14px;
    margin-left: 5px;
}

.field_label .ico-tooltip svg{
    position: absolute;
    top: 0;
    left: 0;
    transition: all ease-in-out 0.3s;
}
.field_label .ico-tooltip svg.hover{
    opacity: 0;
}

.field_label:hover .ico-tooltip svg.normal{
    opacity: 0;
}
.field_label:hover .ico-tooltip svg.hover{
    opacity: 1;
}

@media (max-width: 767px){
    .filter-container__blockchain .ico-tooltip,
    .filter-container__sustainably-rated .ico-tooltip,
    .filter-container__source .ico-tooltip{
        position: absolute;
        top: 29px;
        left: 107px;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__blockchain .field_label img.filter-logo,
    #diamonds-filters .all-filters .filter-container.filter-container__sustainably-rated .field_label img.filter-logo{
        position: absolute;
        top: 27px;
        left: 129px;
    }
    #diamonds-filters .all-filters .filter-container.filter-container__source .field_label img.filter-logo{
        position: absolute;
        top: 29px;
        left: 124px;
    }
    #diamonds-filters .all-filters .filter-container__sustainably-rated .full_width_label{
        width: 205px !important;
    }
    #diamonds-filters .all-filters .filter-container__source .full_width_label{
        width: 350px !important;
    }
}

#diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
    left: 50%;
    transform: translateX(-50%);
    margin-left: 0;
}
#diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext.wimg::after{
    margin-left: 2px;
}

@media (max-width: 1350px){
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
        width: 220px;
    }
}

@media (max-width: 1200px){
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
        left: 100%;
        transform: translateX(-36%);
    }
    #diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext::after{
        left: 33%;
    }
}
@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
        transform: translateX(-20%);
    }
    #diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext::after{
        left: 17%;
    }
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
        width: 280px;
    }
    #diamonds-filters .all-filters .filter-container .field_label:hover .tooltiptext.wimg::after{
        margin-left: -4px;
    }
}

@media (max-width: 500px){
    #diamonds-filters .all-filters .filter-container .field_label .tooltiptext{
        width: 202px;
    }
}

#diamonds-filters .all-filters .filter-container.d-block{
    display: block;
}

#diamonds-filters .all-filters .filter-container.d-block .full_width_label{
    /*margin-bottom: 7px;*/
    width: 100%;
}

#diamonds-filters .all-filters .filter-container.d-block .small-checkboxes-container{
    display: flex;
    gap:24px;
}

#diamonds-filters .all-filters .filter-container.d-block .small-checkboxes-container .small-checkbox{
    display: flex;
}

#diamonds-filters .all-filters .filter-container.d-block .small-checkboxes-container .small-checkbox .diamond_filter_content{
    padding-left: 0px;
    text-align: left;
    width: 30px;
}
#diamonds-filters .all-filters .filter-container.d-block .small-checkboxes-container .small-checkbox .field_label{
    width: auto;
    order: 2;
}
#diamonds-filters .all-filters .filter-container.filter-container__blockchain.d-block{
    padding-top: 0px;
}

#diamonds-wrapper .loading-diamonds.fixed{
    position: fixed;
}
#diamonds-filters .all-filters .filter-container.full-width{
    width: 100%;
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"]:before,
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"]:before{
    content: "Square Cushion";
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"],
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"] {
    background-image: url(cushion.svg);
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content input:checked + .shape[data-shape="cushion"],
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content input:checked + .shape[data-shape="cushion"] {
    background-image: url(cushion-active.svg);
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]:before,
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]:before{
    content: "Elongated Cushion";
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"],
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"] {
    background-image: url(elongated-cushion.svg);
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content input:checked + .shape[data-shape="elongated-cushion"],
#diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content input:checked + .shape[data-shape="elongated-cushion"] {
    background-image: url(elongated-cushion-active.svg);
}

#diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape:before,
#diamonds-filters .advanced-filters .filter-.full-width .diamond_filter_shape_content .shape:before{
    font-family: 'Futura';
    font-style: normal;
    font-weight: 400;
    font-size: 13px;
    line-height: 16px;
    letter-spacing: normal;
}

@media (min-width: 1101px){
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape{
        width: 100%;
    }
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_content{
        justify-content: space-between;
    }
}

@media (min-width: 1101px) and (max-width: 1141px){
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]::before,
    #diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]::before{
        bottom: -33px;
    }
}

@media (max-width: 1100px){
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape,
    #diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape {
        margin-bottom: 52px;
    }
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"]::before,
    #diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="cushion"]::before{
        bottom: -33px;
    }
    #diamonds-filters .all-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]::before,
    #diamonds-filters .advanced-filters .filter-container.full-width .diamond_filter_shape_content .shape[data-shape="elongated-cushion"]::before{
        bottom: -33px;
    }
}

@media (max-width: 990px){
    .goto-diamond-modal .modal-container .modal-inner .selections{
        flex-direction: row;
    }
    .goto-diamond-modal .modal-container .modal-inner .selections .selection{
        width: calc(50% - 10px);
    }
}

@media (max-width: 600px){
    .goto-diamond-modal .modal-container .modal-inner .selections{
        flex-direction: column;
    }
    .goto-diamond-modal .modal-container .modal-inner .selections .selection{
        width: 100%;
    }
}

@media (max-height: 660px){
    #diamond-selection-modal .modal-container,
    #ring-settings-modal .modal-container,
    #goto-diamond-modal .modal-container{
        overflow-x: scroll;
        max-height: 100vh;
    }
}


/** W.J 12.18 Enhancement Filter & Product Card **/
.usf-sr-container .grid-product {
    border: 1px solid var(--border, #E8E8E1);
    padding: 0px 17px 17px;
}
.usf-sr-container .grid-promotional{
    border: 1px solid var(--border, #E8E8E1);
}
.usf-sr-container .collection-content .grid-product__content{
  height: 100%;
}
.usf-sr-container .grid__item.grid-promotional{
  padding: 0px;
}
@media (min-width: 769px){
  .usf-sr-container .grid-product,.grid-promotional {
    margin-bottom: 30px;
    margin-left: 22px;
  }
  .usf-sr-container .medium-up--one-quarter {
      width: calc(25% - 22px);
  }
}
[data-center-text=true] .grid-product__meta{
  text-align: left;
}
.usf-sr-container .view-in-showroom {
  margin-top: 2px;
  color: #DCB59E;
    font-size: 10px;
    display: flex;
    align-items: center;
    gap: 6px;
}

.usf-sr-container .view-in-showroom span{
  text-decoration-line: underline;
}

[data-center-text=true] .grid-product__colors{
  justify-content:flex-start;
  margin-top: 8px;
}

.usf-sr-container .grid-product__price,.usf-sr-container .stamped-product-reviews-badge{
  margin-top: 8px;
}
.usf-sr-container .grid__item .grid-product__title{
  font-size: 14px;
  text-transform: capitalize;
  letter-spacing: 0px;
}
.usf-sr-container .grid-product__image-mask>div[onclick]{
  background-color:  #E8E8E1 !important;
  top: 10px !important;
}
.usf-sr-container .grid__item table{
  background-color:  #E8E8E1 !important;
  border-radius: 2px;
  padding: 0px 0px 0px 10px;
}
.usf-sr-container .grid__item table td span{
  display: none !important;
}
.usf-sr-container .grid__item table td:first-child{
  background-image: url(tryon.svg);
  background-repeat: no-repeat;
  background-position-y: 5px;
}
.usf-sr-container .grid__item table td:last-child{
  display: none;
}
.usf-sr-container .grid__item table td{
  background-color:  #E8E8E1 !important;
  font-size: 10px !important;
}
.usf-sr-container .grid__item table td:first-child:after{
  content: 'Try On';
  display: block;
  padding: 0px 10px 5px 21px!important;
}
.usf-sr-container .grid-product__colors>span{
  font-size: 12px;
  margin-left: 4px;
}

.usf-sr-container .grid-promotional .grid-product__content{
  
}
.usf-sr-container .promotional-icon{
  margin-bottom: 10px;
}
.usf-sr-container .promotional-icon span{
  display: none;
}
.usf-sr-container .promotional-content h2{
  font-size: 13.6px;
  margin-bottom: 10px;
}
.usf-sr-container .promotional-content .rte{
  font-size: 10px;
  margin-bottom: 10px;
  line-height: 150%;
  display: block;
}
.usf-sr-container .grid-promotional .grid-product__content{
  padding: 0px;
}
.usf-sr-container .promotional-img{
  padding: 10px 10px 0px;
}
.usf-sr-container .promotional-img img{
  width: 100%;
}
.usf-sr-container .promotional-other{padding: 20px;}
.usf-sr-container .promotional-btn a{
  margin-top: 16px;
  font-size: 10px;
  letter-spacing: 2px;
  text-transform: uppercase;
  text-decoration: underline !important;
}
.usf-list .grid-promotional{
  margin-bottom: 0px;
    width: 100%;
    padding-left: 0px;
    height: 152px;
    margin-top: -22px;
  margin-left: 0px;
}
.usf-list .grid-promotional .grid-product__content{
  display: flex;
}

.usf-list .promotional-other,.usf-list .promotional-img{
  flex: 1;
}
.usf-list .promotional-img{
  padding: 10px 0px 10px 10px;
}
.promotional-img img{
  height: 100%;
  object-fit: cover;
}
.usf-list .view-in-showroom{
  justify-content: flex-end;
}
.usf-sr-container .list-view-item__other{
  display: flex;
  align-items: center;
  gap: 8px;
  justify-content: flex-end;
}
.usf-sr-container .list-view-item__title-column .list-view-item__other{
  justify-content: space-between;
}
.usf-sr-container .list-view-item__other > *{
  margin-top: 0px;
}
@media (max-width: 768px){
  .usf-sr-container .grid-product__image-mask>div[onclick]{
    left: 0px !important;
  }
  .usf-list .list-view-item__title{
    display: flex;
    font-size: 13px;
  }
   .usf-list .grid-product__price{
    margin-top: 0px;
  }
  .usf-list .grid-product__price .money{
    font-size: 12px;
  }
  .usf-list .grid-product__price .money span{
    font-size: 10px;
  }
  .usf-list .list-view-item__title .list-view-item__price{
    text-align: right;
  }
  .usf-list .grid-promotional{
    margin-top: 0px;
  }
  .usf-sr-product.list-view-item{
    margin-bottom: 0px !important;
    padding: 17px 0px !important;
  }
  .usf-sr-product.list-view-item .list-view-item__image-wrapper{
    margin-right: 17px !important;
  }
  .usf-results .stamped-badge-caption,.usf-results .fa-star-half-o:before,.usf-results  .fa-star-o:before,.usf-results  .fa-star:before,.usf-results  .stamped-fa-star-half-o:before,.usf-results  .stamped-fa-star-o:before, .stamped-fa-star:before{
    font-size: 10px;
  }
  .usf-sr-product.list-view-item .list-view-item__image-column{
    width: 117px !important;
  }
  .usf-results .color-swatch{
    width: 15px !important;
    height: 15px !important;
  }
  .usf-mobile .usf-results.usf-grid {
      margin-left: 0px;
      width: calc(100% + 35px) !important;
  }
  .usf-grid .grid-product {
    margin-bottom: 0px;
    border-top: 0.5px solid var(--border, #E8E8E1);
    border-bottom: 0.5px solid var(--border, #E8E8E1);
    border-right: 1px solid var(--border, #E8E8E1);
  }
  .usf-grid .grid-product__content{
    border: none;
  }
   .usf-grid  .grid-promotional{
      width: 100%;     
   }
   .usf-grid  .grid-promotional .grid-product__content{
     display: flex;
   }
  .usf-grid  .grid-promotional .promotional-img{
      padding: 10px 0px 10px 10px;
   }
  .usf-grid  .grid-promotional .promotional-img,.usf-grid  .grid-promotional .promotional-other{
    width: 50%;
  }
  .usf-list .promotional-img{
    padding: 10px;
  }
  .usf-list .promotional-img{
    min-width: 117px;
    flex: unset;
  }
  .usf-list .grid-promotional{
      width: calc(100% + 34px);
      margin-left: -17px;
  }
  .usf-list .promotional-content h2{
    display: none;
  }
  .usf-list .grid-promotional{
    height: 121px;
  }
  .usf-list .promotional-other{padding: 17px;}
  .usf-list .promotional-icon span{
    display: inline-block;
    text-wrap: nowrap;
    font-size: 13px;
  }
  .usf-list .promotional-icon img{
    height: 15px;
  }
  .usf-list .promotional-icon {
    display: flex;
    margin-bottom: 10px;
    gap: 10px;
    overflow: hidden;
    align-items: center;
  }
}
.usf-sr-filters-fixed{
  position: fixed;
  z-index: 1000;
  top: 0;
  background-color: white;
  margin-top: 0px !important;
}
.usf-sr-config__mobile-filters-wrapper.usf-sr-filters-fixed{
  margin-left: -17px;
}
.usf-sr-container .grid-product .stamped-product-reviews-badge{
  text-align: left;
}

.custom-ring-modal .modal-container .modal-inner .selections,.goto-diamond-modal .modal-container .modal-inner .selections,.book-appointment-modal .modal-container .modal-inner .selections{
    flex-wrap: nowrap;
    gap: 20px;
}


@media (max-width: 768px){
    .custom-ring-modal .modal-container,.goto-diamond-modal .modal-container,.book-appointment-modal .modal-container{
        width:60%
    }
   .custom-ring-modal .modal-container .modal-inner,.goto-diamond-modal .modal-container .modal-inner {
      padding:10px;
   }
    .custom-ring-modal .modal-container .modal-inner .selections,.goto-diamond-modal .modal-container .modal-inner .selections,.book-appointment-modal .modal-container .modal-inner .selections{
    gap: 0px;
      margin-top: 0px;
   }
  .custom-ring-modal .modal-container .modal-inner .selections .selection h4, .goto-diamond-modal .modal-container .modal-inner .selections .selection h4, .book-appointment-modal .modal-container .modal-inner .selections .selection h4{
    margin-top: 0px;
  }
  .custom-ring-modal .modal-container .modal-inner .selections .selection, .goto-diamond-modal .modal-container .modal-inner .selections .selection, .book-appointment-modal .modal-container .modal-inner .selections .selection{
    margin-bottom: 10px;
  }
}