@import "iDocon.css";

/*---------- Font Family ----------*/
/* @font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-Black.ttf') format('truetype');font-weight:900;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-BlackItalic.ttf') format('truetype');font-weight:900;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-ExtraBold.ttf') format('truetype');font-weight:800;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-ExtraBoldItalic.ttf') format('truetype');font-weight:800;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-Bold.ttf') format('truetype');font-weight:700;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-BoldItalic.ttf') format('truetype');font-weight:700;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-SemiBold.ttf') format('truetype');font-weight:600;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-SemiBoldItalic.ttf') format('truetype');font-weight:600;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-Regular.ttf') format('truetype');font-weight:400;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-Italic.ttf') format('truetype');font-weight:400;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-Light.ttf') format('truetype');font-weight:300;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-LightItalic.ttf') format('truetype');font-weight:300;font-style:italic}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-ExtraLight.ttf') format('truetype');font-weight:200;font-style:normal}
@font-face{font-family:'nunito';src:url('/vendor/fonts/nunito/NunitoSans-ExtraLightItalic.ttf') format('truetype');font-weight:200;font-style:italic} */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,400;0,600;1,400;1,600&display=swap');

/*---------- Grow Effect ----------*/
.grow-effect figure{overflow:hidden}
.grow-effect img{-moz-transition:-moz-transform 1s;-o-transition:-o-transform 1s;-webkit-transition:-webkit-transform 1s;transition:transform 1s}
.grow-effect:hover img{-moz-transition:-moz-transform .5s;-o-transition:-o-transform .5s;-webkit-transition:-webkit-transform .5s;transition:transform .5s;transform:scale(1.15)}
@media all and (max-width: 768px) {
    .grow-effect:hover img {transform:scale(1)}
}

/*---------- Side Contact New Xiao Chen ----------*/
.float-btn-wrapper{position:fixed;bottom:90px;right:30px;grid-gap:15px;flex-flow:column;display:flex;z-index:1}
a.floating-button{width:35px;height:35px;font-size:16px;background-color:rgba(37,211,102,1);color:#fff;border-radius:50px;z-index:1000;animation:pulsess 3s infinite;display:flex;justify-content:center;align-content:center}
a.floating-button i{display:flex;align-items:center}
a.floating-button svg{width:16px}
a.floating-button_appointment{bottom:190px;background-color:#ff6348}
a.floating-button_phone{bottom:190px;background-color:rgba(220,16,16,1)}
a.floating-button_mail{bottom:70px;background-color:rgba(0,114,198,1)}
a.floating-button_fb{bottom:250px;background-color:rgba(53,120,229,1)}
a.floating-button:hover{color:#fff;background-color:rgba(37,211,102,.45);animation-play-state:paused}
a.floating-button_appointment:hover{bottom:190px;background-color:rgb(255 99 72 / 50%)}
a.floating-button_phone:hover{background-color:rgba(220,16,16,.45)}
a.floating-button_mail:hover{background-color:rgba(0,114,198,.45)}
a.floating-button_fb:hover{background-color:rgba(53,120,229,0.45)}

@keyframes pulsess{
    0{box-shadow:0 0 0 0 rgba(0,0,0,.3)}
    30 %{box-shadow:0 0 0 10px rgba(0,0,0,0.1)}
    50 %{box-shadow:0 0 0 0 rgba(0,0,0,0)}
    80 %{box-shadow:0 0 0 10px rgba(0,0,0,0.1)}
    100 %{box-shadow:0 0 0 0 rgba(0,0,0,0)}
}

@media only screen and (max-width: 768px) {
    #side-contact{background:#fff;display:flex;flex-direction:row;justify-content:center;position:fixed;bottom:0;left:0;width:100%;z-index:1000;-webkit-transition:all .5s ease-in-out;-moz-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;transition:all .5s ease-in-out}
    #side-contact a.floating-button{position:initial;margin:0 15px;width:35px;height:35px;line-height:1;display:flex;flex-direction:row;justify-content:center;align-items:center;font-size:20px}
    #side-contact.initial{bottom:-100%}
}


/*---------- Body ----------*/
html,body{scroll-behavior:smooth}
html{position:relative}
body{font-family:'Montserrat',Arial,Helvetica,sans-serif;font-weight:400;line-height:1.2}
body>*{line-height:1.2;color:#1a1a1a}
:root {
    --dm-yellow: #f4e206;
    --dm-pink: #ffd3f3;
    --dm-purple: #b2a5ff;
    --dm-blue: #4662ff;
    --dm-green: #194f63;
    --dm-orange: #ff8b33;
    --dm-brown: #975100;
    --dm-dgreen: #012a39;
    --rosegold: #d89e9c;
    --whitegold: #d4d4d4;
    --yellowgold: #c98840;
    --platinum: #d3d3d3;
    --checkoutColor: #ee4d2d;
    --mixedgold: -webkit-linear-gradient(90deg, rgba(216, 158, 156, 1) 0, rgba(212, 212, 212, 1) 50%, rgba(201, 136, 64, 1) 100%)
}
.text-yellow{color:var(--dm-yellow)}
.text-pink{color:var(--dm-pink)}
.text-purple{color:var(--dm-purple)}
.text-blue{color:var(--dm-blue)}
.text-green{color:var(--dm-green)}
.text-orange{color:var(--dm-orange)}
.text-brown{color:var(--dm-brown)}
.text-darkgreen{color:var(--dm-dgreen)}
.text-rosegold{color:var(--rosegold)}
.text-whitegold{color:var(--whitegold)}
.text-yellowgold{color:var(--yellowgold)}
.text-platinum{color:var(--platinum)}
.text-mixedgold{background:var(--mixedgold);-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.text-productprice{color:#bd272d}
@media only screen and (max-width: 767px) {
    body {position: relative}
}

/*---------- Heading ----------*/
h1,h2,h3,h4,h5,h6{font-family:'Montserrat',Arial,Helvetica,sans-serif;font-weight:600;margin-bottom:25px}
p{margin-bottom:20px}
h1{font-size:45px}
h2{font-size:35px}
h3{font-size:25px}
h4{font-size:22px}
h5{font-size:20px}
h6{font-size:18px}
p,a{font-size:16px}
a{color:inherit;text-decoration:none;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out}
a:hover{color:inherit}


/*---------- Focus ----------*/
.btn-check:focus+.btn,.btn:focus{outline:0;box-shadow:none!important}
:focus{outline:0}


/*---------- Input ----------*/
input{height:35px}
input[type="search"]{border-radius: 3px;}
.form-control{border:1px solid #afafaf;border-radius:0;background-color:#fff;color:#1a1a1a;font-size:16px;font-weight:400}
.form-control:-moz-placeholder,.form-control::placeholder{color:#1a1a1a}
.form-control:focus{border:1px solid #afafaf;background-color:#fff;color:#1a1a1a;outline:0;box-shadow:none}
.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:inherit!important;box-shadow:none!important;background:none!important}
.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:inherit!important;box-shadow:none!important;background:none!important}
.form-control.is-valid,.was-validated .form-control:valid,.form-control.is-invalid,.was-validated .form-control:invalid{background:none!important}


/*---------- Header ----------*/

/*----- Top Header -----*/
.top-header{background:#3a3f51;color:#fff;}
.top-note.show { display: flex;}
.top-note{display:flex;flex-direction:row;justify-content:flex-start;align-items:center}
.top-note p{font-size:14px;margin-bottom:0}
.top-navi li{padding-left:30px;display:flex;align-items:center}
@media all and (max-width: 768px) {
    .top-note { margin: 10px 0;}
    .top-note p {font-size: 12px;}
}

/*---------- Archive ----------*/
.filter-section{background:#f8f2ed}
.filter-section .filter-step{display:flex;flex-direction:row;justify-content:center;align-items:center;margin-bottom:35px}
.filter-section .filter-step .step{border:1px solid #f9c198;border-right:0;padding:10px 10px 10px 40px;position:relative;background:#f8f2ed;width:33.333%}
.filter-section .filter-step .step:first-child{padding:10px 10px 10px 25px}
.filter-section .filter-step .step .content-wrap{display:flex;justify-content:space-between;width:100%;align-items:center;position:relative}
.filter-section .filter-step .step .img{display:flex;justify-content:center;align-items:center;margin-left:12px;width:38px}
.filter-section .filter-step .step.active .img.icon-only img{filter:brightness(2.0)}
.filter-section .filter-step .step .img.icon-only img{filter:opacity(0.4)}
.filter-section .filter-step .step:after,.filter-section .filter-step .step:before{content:'';position:absolute;top:50%;width:0;height:0;transform:translateY(-50%);border-top:32px solid transparent;border-bottom:32px solid transparent;border-left-style:solid;border-left-width:15px;z-index:10}
.filter-section .filter-step .step:before{left:100%;border-left-color:#f9c198}
.filter-section .filter-step .step:after{left:calc(100% - 1px);border-left-color:#f8f2ed}
.filter-section .filter-step .step p{margin-bottom:0;position:relative;padding-left:30px}
.filter-section .filter-step .step p strong{display:block;font-size:20px}
.filter-section .filter-step .step p:before{content:'';position:absolute;top:0;left:0;font-size:36px;font-weight:400;color:#3a3f51}
.filter-section .filter-step .step-1 p:before{content:'1'}
.filter-section .filter-step .step-2 p:before{content:'2'}
.filter-section .filter-step .step-3 p:before{content:'3'}
.filter-section .filter-step .step.active{border-color:#3a3f51;color:#fff;background-color:#3a3f51}
.filter-section .filter-step .step.active:before,.filter-section .filter-step .step.active:after{border-left-color:#3a3f51}
.filter-section .filter-step .step.active p:before{color:#fff}
.filter-section .filter-type{position:relative;margin-bottom:35px}
.filter-section .filter-type .clear-filter{position:absolute;top:0;right:0}
/* .filter-section .filter-type .diamond-type-list{display:flex;flex-direction:row;justify-content:center;align-items:center;list-style:none} */
/* .filter-section .filter-type .diamond-type-list li{width:calc(25% - 10px);margin-left:5px;margin-right:5px} */
.filter-section .filter-type .diamond-type-list li a{width:100%;background:#fff;color:#000;-webkit-box-shadow:2px 2px 3px 2px rgba(0,0,0,0.1);-moz-box-shadow:2px 2px 3px 2px rgba(0,0,0,0.1);box-shadow:2px 2px 3px 2px rgba(0,0,0,0.1);border-radius:0}
.filter-section .filter-type .diamond-type-list li a.active{background:#f9c198}
.filter-section .filter-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-column-gap:60px;grid-row-gap:50px;margin-bottom:45px}
@media all and (max-width: 768px) {
    .filter-section .filter-type{margin-bottom: 20px;}
}

.top-navi {margin: 10px 0;}
.top-navi li a{color:#fff;font-size:14px;display:flex;justify-content:center;align-items:center; height: 100%;}
.top-navi li a svg{font-size:20px;margin-right:5px}
.top-navi li a svg .cls-1{stroke-width:7px;stroke:currentColor}
.main-header{padding-top:0;padding-bottom:0}
.main-header .column{display:flex;align-items:center}
.main-header .column:nth-child(2){justify-content:flex-end}
.main-header .site-logo{width:auto;height:60px}
.main-header .navbar{padding-top:0;padding-bottom:0}
/* .main-header .navbar.bg-light{background:none!important} */
.main-header .navbar>div,.main-header #bootstrapNavBar,.main-header #bootstrapNavBar ul.nav{align-items:stretch}
.main-header .navbar-brand{padding-top:0;padding-bottom:0;margin-top:10px;margin-bottom:10px}
.main-header #bootstrapNavBar .nav>li{padding-left:24px;display:flex;align-items:center}
.main-header #bootstrapNavBar .nav>li>a{font-size:16px;color:#484848;position:relative;padding:0}
.main-header #bootstrapNavBar .nav>li>a:before{content:'';position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:20px;height:1px;background:#012a39;-webkit-transition:all .3s ease-in-out;-moz-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0}
.main-header #bootstrapNavBar .nav>li:hover>a:before,.main-header #bootstrapNavBar .nav>li.current-item>a:before{opacity:1}
.main-header #bootstrapNavBar .nav>li>a.dropdown-toggle:after{display:none}
.navwrapper {display: flex;}
.navwrapper .svgclose, .navwrapper .mobilesearch { display: none;}
.main-header .top-navi { display: none;}
header#master-header {--headerheight: 0;margin-bottom: var(--headerheight);}
.mobilesearch-front {display: none;}
@media all and (max-width: 768px) {
    header#master-header.active {--headerheight: 55px;}
    .main-header.fixed {position: fixed;width: 100%;top:0;z-index: 9999;box-shadow: 0 3px 5px rgba(0,0,0,0.1);}
    .main-header .top-navi { display: flex;}
    ul.nav.top-navi { margin-left: auto;}
    .top-navi li {padding-left: 10px;}
    .top-navi li a {color:#111;}
    .top-navi li a.search-icon, .navwrapper .mobilesearch .search-icon {width: 20px;height: 20px;background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgaWQ9IkxheWVyXzEiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDQ4IDQ4OyIgdmVyc2lvbj0iMS4xIiB2aWV3Qm94PSIwIDAgNDggNDgiIHhtbDpzcGFjZT0icHJlc2VydmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPjxwYXRoIGQ9Ik00Ni43LDQ1LjNMMzMuNCwzMmMyLjktMy4yLDQuNi03LjQsNC42LTEyYzAtOS45LTguMS0xOC0xOC0xOEMxMC4xLDIsMiwxMC4xLDIsMjBjMCw5LjksOC4xLDE4LDE4LDE4YzQuNiwwLDguOC0xLjgsMTItNC42ICBsMTMuMywxMy4zTDQ2LjcsNDUuM3ogTTQsMjBjMC04LjgsNy4yLTE2LDE2LTE2czE2LDcuMiwxNiwxNnMtNy4yLDE2LTE2LDE2UzQsMjguOCw0LDIweiIvPjwvc3ZnPg==);}
    .customtoggler{width:25px;padding:0}
    .navbar-collapse{position:fixed;top:0;left:0;width:88%;height:100%;background:#fff;overflow-y:scroll;z-index:9999}
    .navbar-collapse.collapsing{left:-100%;transition:none}
    .navbar-collapse.show{left:0;transition:left 300ms ease}
    .navbar-toggler.collapsed~.navbar-collapse{transition:left 300ms ease}
    .navwrapper{width: 100%;flex-direction: column;padding: 25px 0;}
    .darkbg {position:fixed;background:rgba(0,0,0,0.5);width:100%;height:100%;z-index:999;top:0;left:0;display: block;}
    .darkbg.collapsed {display: none;}
    .navwrapper .svgclose, .navwrapper .mobilesearch {display: block;}
    .navwrapper .svgclose {height: 25px;width: 25px;fill: #000000;stroke:#000000;margin-bottom: 5px;margin-left: 20px;}
    .navwrapper .mobilesearch { margin: 15px; position: relative;}
    .navwrapper .mobilesearch .search-icon {position: absolute;top: 0;right: 0;margin: 7px; opacity: 1; transition: .3s;}
    .navwrapper .mobilesearch input:focus + label { opacity: 0; transition: .3s;}
    .mobilesearch-front {margin: 5px 10px 10px;}
    /* .mobilesearch-front.show {display: block; transition: .2s;} */
}

/*---------- Topbar Cart ----------*/
.showcart { height: 100%;}
.showcart:hover > .smallcart {display: block}
.smallcart {position: absolute;z-index: 999;display: none;top: 45px;}
@media screen and (max-width: 425px) {
    .smallcart {margin-left: auto;margin-right: auto;right: 0 !important}
}
.smallcart .tablewrap {background: #fff;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);width: 300px;padding: 10px;margin-top: 10px}
.smallcart .table {margin-bottom: 0}
.smallcart .table tr:last-child td {border-bottom: 0}
.smallcart .table tr td {padding: 15px 5px}
.smallcart .table .cart-item {display: flex}
.smallcart .table .cart-item .imgwrap {position: relative}
.smallcart .table .cart-item .imgwrap .close {background: #999;border-radius: 50%;width: 12px;height: 12px;font-size: 9px;position: absolute;left: -5px;top: -5px}
.smallcart .table .square-badge {background: #f2f2f2;font-size: 12px;width: 25px;height: 25px;display: inline-flex;justify-content: center;align-items: center}
.smallcart .table a.viewcart {color: inherit;font-size: inherit;justify-content: inherit}

/*---------- dropdown hover ----------*/

/*----- desktop view -----*/
.navbar .nav-item .dropdown-menu {display: none;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out;border: 0;border-radius: 0}
.navbar .nav-item:hover .dropdown-menu {display: block;opacity: 1}

/*----- Header mega menu -----*/
.navbar .megamenu {padding: 30px 0px;border: 0;border-radius: 0}

/*----- desktop view -----*/
@media all and (min-width: 768px) {
    .navbar .has-megamenu{position:static!important}
    .navbar .megamenu{left:50%;transform:translateX(-50%);right:auto;width:2000px;margin-top:0}
}

/*----- mobile view -----*/
@media (max-width: 767px) {
    .top-navi li a span{display:none}
    .navbar.fixed-top .navbar-collapse,.navbar.sticky-top .navbar-collapse{overflow-y:auto;max-height:90vh;margin-top:10px}
}

/*---------- Mega Menu ----------*/
.megamenu .mega-column {border-left: 1px solid #ddd;padding: 0 30px;}
.megamenu .mega-column:first-child {border-left: 0;padding-left: calc(var(--bs-gutter-x)/ 2);}
/* .megamenu .row {justify-content: end;} */
/* .megamenu.menu-item-diamonds .mega-column:nth-child(4) {width: 25%} */
/* .megamenu.menu-item-engagement .mega-column:nth-child(4) {width: 20%} */
/* .megamenu.menu-item-weddings .mega-column:nth-child(4) {width: 25%} */
.megamenu .widget:not(:last-child) {margin-bottom: 35px}
.megamenu .widget .widget-title {font-size: 15px;font-weight: 400;margin-bottom: 20px}
.megamenu .widget .text :last-child {margin-bottom: 0}
.megamenu .widget ul.no-list-style {padding-left: 0;list-style: none}
.megamenu .widget ul.list-2-col {-webkit-columns: 2;-moz-columns: 2;columns: 2}
.megamenu .widget ul li {margin-bottom: 15px}
.megamenu .widget ul li a {display: inline-flex}
.megamenu.menu-item-diamonds .mega-column {width: unset;}
@media all and (max-width: 768px) {
    .megamenu .widget .widget-title {font-size: 13px;}
    .megamenu .widget ul li a {grid-gap: 5px; font-size: 14px; letter-spacing: -0.5px;}
    .megamenu .row {margin-right: calc(var(--bs-gutter-x) / -2);margin-left: calc(var(--bs-gutter-x) / -2)}
    .dup-link {margin-bottom: 14px;text-transform: uppercase;font-size: 14px;font-weight: 700;color: #666; display: block;}
}

/*---------- Menu Notification ----------*/
.notification {position: relative}
.notification .badge {position: absolute;top: -5px;right: -5px;border-radius: 50%;background: #0db583;color: white;font-family: 'nunito', Arial, Helvetica, sans-serif;font-size: 10px;width: 15px;height: 15px;display: flex;justify-content: center;align-items: center}

/*---------- Sidebar-footer ----------*/
#sidebar-footer {padding-top: 35px;padding-bottom: 35px;position: relative}
#sidebar-footer > div {position: relative;z-index: 1}
#sidebar-footer:before {content: 'jewellery';position: absolute;top: -15px;left: 0;font-weight: 300;color: #f8eee5;font-size: 115px;line-height: 1;z-index: -1;opacity: .5}
#sidebar-footer:after {content: 'collection';position: absolute;bottom: -15px;right: 0;font-weight: 300;color: #f8eee5;font-size: 115px;line-height: 1;z-index: -1;opacity: .5}
#sidebar-footer .widget {margin-bottom: 35px}
#sidebar-footer .widget:last-child {margin-bottom: 0}
#sidebar-footer .social-widget .social {display: flex;flex-direction: row;justify-content: center;align-items: center;grid-gap: 15px}
#sidebar-footer .social-widget .social .social-facebook {background: #3a3f51;border-radius: 50%;width: 40px;height: 40px;font-size: 20px;color: #fff;text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center}
#sidebar-footer .payment-widget .payment-list {display: flex;flex-direction: row;justify-content: center;align-items: center}
#sidebar-footer .payment-widget .payment-list .payment {padding-left: 10px;padding-right: 10px}
#sidebar-footer .payment-widget .payment-list .payment img {padding: 0;background: 0;border: 0;border-radius: 0}
#sidebar-footer .social-widget .social .social-icon {background: #3a3f51;border-radius: 50%;width: 40px;height: 40px;font-size: 20px;color: #fff;text-align: center;display: flex;flex-direction: row;justify-content: center;align-items: center}

.footer-column a {margin-bottom: 15px;display: inline-block;font-size: 14px;}

/*---------- Footer - colophon ----------*/
#colophon {padding: 0}
#colophon .site-info {text-align: center;line-height: 40px}
#colophon p.inspiren {margin-bottom: 0;font-size: 14px;font-weight: 400}
#colophon p.inspiren .inspiren-right a {color: inherit}

/*---------- Go to top ----------*/
.back-to-top {cursor: pointer;position: fixed;bottom: 20px;right: 20px;display: none;background: #3a3f51;border: 0;border-radius: 0;color: #fff;z-index: 1001}
.back-to-top:hover {background: #fff;border: 0;color: #3a3f51}
.back-to-top:focus {background: #3a3f51;border: 0;color: #fff}

/*---------- Content ----------*/
.no-side-padding {padding-left: 0 !important;padding-right: 0 !important}
.no-side-padding .column-wrap {padding-left: 0;padding-right: 0}
.section {margin-bottom: 65px}
.section.section-fill {margin-bottom: 100px;padding-top: 35px;padding-bottom: 35px}
.section.section-fill .column-wrap {padding-top: 35px}
.section .row .inner-row .column-wrap {padding-top: 0}
.section .row .inner-row.filled .column-wrap {padding-top: 35px}
.home-request.section {margin-bottom: 20px;}
@media all and (max-width: 768px) {
    .filter-settings{}
}

/*---------- Style ----------*/
.image-block img {margin-bottom: 0;background: 0;border-radius: 0;border: 0;padding: 0}
.image-block figure {margin-bottom: 20px}
.image-block > :last-child {margin-bottom: 0}
.image-block, .text-block, .form-block, .tabs-block, .vertical-tabs-block {margin-bottom: 35px}
.image-block :last-child, .text-block :last-child {margin-bottom: 0}

/*---------- Banner ----------*/
.banner {margin-bottom: 100px}
.home .banner {margin-bottom: 0}
.diamonds .banner {margin-bottom: 0}
.about-us .banner {margin-bottom: 0}

/*---------- Carousel base class ----------*/
.carousel {margin-bottom: 0;}

/*---------- Since positioning the image, we need to help out the caption ----------*/
.carousel-caption {bottom: 50%;transform: translateY(+50%);z-index: 10;text-align: left;left: auto;right: auto;margin-left: -12px;margin-right: -12px}
.carousel-caption h1 {font-size: 70px;color: #3a3f51;font-weight: 600;line-height: 1}
.carousel-caption p {color: #000}
.carousel-caption .btn {margin-right: 5px}

/*---------- Declare heights because of positioning of img element ----------*/
.carousel-item {height: calc(100vh - 149px);max-height: 600px}
.carousel-item > img {position: absolute;top: -50%;left: 50%;transform: translate(-50%, 0);min-width: 100%;height: 100vh;max-height: 600px;object-fit: cover;object-position: right}

/*---------- Hero banner with parallax image ----------*/
.hero-banner {height: calc(100vh - 149px);max-height: 400px;position: relative;overflow: hidden}
.hero-banner > img.parallax-img {position: absolute;top: -50%;left: 50%;transform: translate(-50%, 0);min-width: calc(100% + 10px);height: 100vh;max-height: 600px;object-fit: cover;object-position: center}
.hero-banner .heading-block {top: 50%;left: 50%;position: absolute;transform: translate(-50%, -50%);z-index: 10}
.hero-banner h1.banner-heading {font-size: 50px;color: #3a3f51;font-weight: 600;text-shadow: 0 0 8px rgba(0, 0, 0, 0.2)}

/*---------- Button ----------*/
.btn-view-more {background: rgb(58 63 81 / 5%);padding: 5px 10px;border: 1px solid #3a3f51; display: inline-block;}
.btn-view-more:hover {background: #3a3f51;color: #f7f7f7;border: 1px solid rgb(58 63 81 / 5%);}
.btn-readmore {border: 1px solid #3a3f51;background: #3a3f51;color: #fff;border-radius: 0;font-size: 12px;font-weight: 400;margin: 0 4px}
@media screen and (max-width: 425px) {
    .btn-readmore {width: 100%;margin-left: 0;padding: 4px 4px}
}
.btn-readmore:hover {border: 1px solid #3a3f51;background: #fff;color: #3a3f51}
.btn-readmore.btn-reverse {border: 1px solid #3a3f51;background: #fff;color: #3a3f51}
.btn-readmore.btn-reverse:hover {border: 1px solid #3a3f51;background: #3a3f51;color: #fff}
.btn-readmore.btn-outline-white {border: 1px solid #fff;background: transparent;color: #fff}
.btn-readmore.btn-outline-white:hover {border: 1px solid #fff;background: #fff;color: #3a3f51}
.button-row {margin-bottom: 35px}

/*---------- Title ----------*/
.small-heading {font-weight: 400;color: #717984;margin-bottom: 5px}
.all-title {font-weight: 400;color: #3a3f51;margin-bottom: 25px}
h3.all-title {margin-bottom: 35px;line-height: 1;}
.all-title.left {text-align: left}
.all-title.center {text-align: center}
.all-title.right {text-align: right}
@media all and (max-width: 768px) {
    .product-list-grid-view h3.all-title {margin-bottom: 0;}
    .all-title {margin-bottom: 0;}
}

/*---------- Row More Gaps ----------*/
.row-2-col > div:first-child {padding-right: 30px}
.row-2-col > div:last-child {padding-left: 30px}
.row-2-col > div:nth-child(2n+1) {padding-right: 30px}
.row-2-col > div:nth-child(2n) {padding-left: 30px}

/*---------- Home ----------*/
.section.home-design {background: #f8f2ed;position: relative;margin-bottom: 0}
.home-design > div {position: relative;z-index: 1}
.home-design:before {content: 'your';position: absolute;top: -35px;left: 0;font-weight: 300;color: #f8eee5;font-size: 150px;line-height: 1}
.home-design:after {content: 'creation';position: absolute;bottom: -15px;right: 0;font-weight: 300;color: #f8eee5;font-size: 150px;line-height: 1}
.home-design .button-row {display: flex;flex-direction: row;justify-content: center;align-items: stretch;gap: 16px}
.home-design .button-row > * {margin: 0 1px}
.home-design .button-row .btn {display: flex;flex-direction: row;justify-content: flex-start;align-items: center}
.svg-icon {width: 25px !important;height: 25px;display: inline-block;background: #fff;margin-right: 10px}
.diamond-svg {-webkit-mask: url(/images/start-with-diamond.svg) no-repeat center;mask: url(/images/start-with-diamond.svg) no-repeat center}
.setting-svg {-webkit-mask: url(/images/Start-with-a-setting.svg) no-repeat center;mask: url(/images/Start-with-a-setting.svg) no-repeat center}
.svg-icon.setting-svg {width: 32px}
.home-design .button-row .btn:hover .svg-icon {background: #3a3f51}
.section.home-custom {overflow: hidden}
.section.home-custom .container .row > .column {display: flex;flex-wrap: wrap;align-items: center}
.section.home-custom .container .row > .column > .column-wrap {position: relative;margin-top: 100px}
.section.home-custom.custom-jewel-maker .button-row, .section.home-custom.custom-jewel-maker .image-block {margin-bottom: 0}
.diamond-absolute {position: absolute;top: -5px;right: 0;padding: 0 12px}
.section.home-search {background-color: #f8f2ed;margin-bottom: 30px}
.home-search .image-block img {width: auto;height: 70px}
.home-search .all-title {font-weight: 600}
.home-search .col-md-2 {width: calc(100% * 1 / 10)}
.section.home-tips-help {margin-bottom: 60px;}
.home-tips-help > .container > .row > .column > .column-wrap {padding: 35px 30px 0;height: 100%;display: flex;flex-direction: column;justify-content: space-between;align-items: stretch}
.home-tips-help > .container > .row > .column:nth-child(1) > .column-wrap {background-color: #3a3f51;overflow: hidden}
.home-tips-help > .container > .row > .column:nth-child(2) > .column-wrap {background-color: #f8f2ed;position: relative}
.home-tips-help > .container > .row > .column:nth-child(2) > .column-wrap > * {position: relative;z-index: 2}
.home-tips-help > .container > .row > .column:nth-child(2) > .column-wrap:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: #f8eee5;clip-path: polygon(100% 0, 100% 100%, 45% 100%, 0 65%, 0 0);z-index: 1}
.home-tips-help > .container > .row > .column:nth-child(2) .image-block {margin-right: -30px}
.section.home-ring-style {margin-bottom: 50px}
.for-him-carousel .slick-slide img, .for-her-carousel .slick-slide img, .wedding-band .slick-slide img {padding: 5px}
.wedding-ring-style .ring-style-carousel .slick-current img {transform: scale(1.4)}
.ring-style-carousel {margin-bottom: 20px}
.ring-style-carousel .slick-current img {width: 100%;max-width: none;transform: scale(1.6)}
.ring-style-carousel-nav {width: 100%;max-width: 570px;margin-left: auto;margin-right: auto}
.ring-style-carousel-nav .slick-arrow {background: #fff;border-radius: 0;width: 50px;height: 20px;top: 15px;z-index: 99;opacity: 1}
.ring-style-carousel-nav .slick-arrow:before {content: '';position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);width: 100%;height: 100%;background: #1a1a1a;opacity: 1}
.ring-style-carousel-nav .slick-prev {left: 0}
.ring-style-carousel-nav .slick-next {right: 0}
.ring-style-carousel-nav .slick-prev:before {-webkit-mask: url('/images/long-arrow-left.svg') no-repeat center;mask: url('/images/long-arrow-left.svg') no-repeat center}
.ring-style-carousel-nav .slick-next:before {-webkit-mask: url('/images/long-arrow-right.svg') no-repeat center;mask: url('/images/long-arrow-right.svg') no-repeat center}
.section.home-gift{margin-bottom:40px}
.home-gift .image-block{position:relative}
.home-gift .image-block .image-heading {position: absolute;top: 15px;left: 15px;text-transform: uppercase}
.section.home-blog {margin-bottom: 100px;background: #f8f2ed}
.section.home-gallery h3.all-title, .home-request.section h3.all-title, .section.home-design h3.all-title, .section.home-ring-style h3.all-title{margin-bottom: 10px;}
.article-block {display: flex;flex-direction: row;justify-content: center;align-items: stretch;background: #fff;margin-bottom: 35px}
.article-block .article-image {width: 40%;margin-bottom: 0}
.article-block .article-content {width: 60%;padding: 35px 30px;display: flex;flex-direction: column;justify-content: center;align-content: stretch}
.article-block .article-content > :last-child {margin-bottom: 0}
.article-block .article-content .blog-date {margin-bottom: 5px;color: #484848;font-weight: 400;text-transform: uppercase}
.article-block .article-content .blog-title {color: #484848;font-weight: 600;margin-bottom: 20px}
.article-block .article-content .blog-title a {font-size: inherit}
.article-block .article-content .blog-excerpt {color: #000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}
.grid-gallery {display: grid;grid-template-columns: repeat(5, 1fr);grid-template-rows: repeat(2, 1fr);grid-column-gap: 20px;grid-row-gap: 20px;margin-bottom: 35px}
.grid-gallery .gallery-post {position: relative;display: flex;flex-direction: column;justify-content: center;align-content: center;background-repeat: no-repeat;background-position: center;background-size: cover}
.grid-gallery .gallery-post:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.63);z-index: 0;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.grid-gallery .gallery-post .post-content {position: relative;z-index: 1;padding: 20px;opacity: 0;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out}
.grid-gallery .gallery-post .post-content .post-title {color: #fff;margin-bottom: 20px}
.grid-gallery .gallery-post .post-content .post-excerpt {color: #fff;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical}
.grid-gallery .gallery-post .post-content > :last-child {margin-bottom: 0}
.grid-gallery .gallery-post:hover:before, .grid-gallery .gallery-post:hover .post-content {opacity: 1}
.grid-gallery .gallery-post:nth-child(1) {grid-area: 1 / 1 / 3 / 2}
.grid-gallery .gallery-post:nth-child(2) {grid-area: 1 / 2 / 2 / 3}
.grid-gallery .gallery-post:nth-child(3) {grid-area: 1 / 3 / 2 / 4}
.grid-gallery .gallery-post:nth-child(4) {grid-area: 1 / 4 / 3 / 6}
.grid-gallery .gallery-post:nth-child(5) {grid-area: 2 / 2 / 3 / 3}
.grid-gallery .gallery-post:nth-child(6) {grid-area: 2 / 3 / 3 / 4}
.home-request .request-form .form-inner-wrap {display: grid;grid-template-columns: repeat(4, 1fr);grid-gap: 10px}
.home-request .request-form div .form-label {display: none}
.home-request .request-form div input.form-control {border-color: #3a3f51;height: 40px}
.home-request .request-form #send input.btn {width: 100%;text-transform: uppercase;height: 40px;background: #ff4757;border: 1px solid #ff4757;}
.home-request .request-form #send input.btn:hover {background: #fff;border-color: #ff4757;color: #ff4757}
@media all and (max-width: 768px) {
    .home-gift .image-block { margin-bottom: 10px;}
}

/*---------- Diamonds Page ----------*/
.section.diamond-tab {margin-bottom: 0}
.diamond-tab .tabs-block .tabs-button {justify-content: center}
.tabs-block .tabs-button {margin-bottom: 100px}
.diamond-tab .tabs-block .tabs-button .nav-item {width: calc(20% - 10px);margin-left: 30px;margin-right: 30px;width: 250px}
.diamond-tab .tabs-block .tabs-button .nav-link {width: 100%;background: #fff;color: #000;-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);border-radius: 0}
.diamond-tab .tabs-block .tabs-button .nav-link.active {background: #f9c198}

/*---------- Engagement Page ----------*/
.engagement-section {background-color: #f8f2ed;padding-bottom: 1px}
.section.engagement-find-her-style {margin-bottom: 65px}
.engagement-find-her-style .column {display: flex;justify-content: flex-start;align-items: flex-end}
.engagement-find-her-style .column:nth-child(2) {align-items: center}
.engagement-find-her-style .column:nth-child(2) > .column-wrap {padding: 0 60px}
.engagement-find-her-style .column:nth-child(3) .image-block {padding-bottom: 35px}
.section.engagement-recommend {margin-bottom: 65px}
.section.engagement-recommend .vertical-tabs-block { margin-bottom: 0;}
.engagement-recommend .all-title {margin-bottom: 30px}
.engagement-recommend .vertical-tabs-block #v-pills-tab {width: 300px}
.engagement-recommend .vertical-tabs-block .tab-pane .text-block { margin-bottom: 0;}
.engagement-recommend .vertical-tabs-block #v-pills-tab .nav-link {text-align: left;padding: 0;margin-bottom: 20px;font-weight: 600;color: #c8c8c8;background: 0;font-size: 18px}
.engagement-recommend .vertical-tabs-block #v-pills-tab .nav-link:last-child {margin-bottom: 0;}
.engagement-recommend .vertical-tabs-block #v-pills-tab .nav-link.active {color: #383838}
.engagement-recommend .vertical-tabs-block #v-pills-tabContent .all-title {margin-bottom: 20px}
.engagement-desc {}
.engagement-desc div[class*="col-md-6"] img {max-width: 300px;}
@media all and (max-width: 768px) {
    .engagement-desc div[class*="col-md-6"] img {display: block;margin: auto;max-width: 200px;}
}

/*---------- Wedding Page ----------*/
.section.wedding-ring {margin-bottom: 65px}
.wedding-ring .image-block figure {border: 1px solid rgba(128, 128, 128, 0.5)}

/*---------- range slider ----------*/
.setting-wrapper {width: 80%;margin-left: auto}
.rangeslider {width: 100%}
.rangeslider .sliderbar {position: relative}
.measure-display {position: absolute;color: #afafaf;display: flex;justify-content: space-between;font-size: 11px;text-align: center;width: 106%;left: -3%}
.measure-display.top {top: -20px}
.measure-display.btm {bottom: -35px}
.measure-display span {width: 50px}
.measure-display input {color: #afafaf;height: 18px;width: 70px;border: 1px solid #afafaf;background: rgba(255, 255, 255, 0.2);border-radius: 2px;}

/*----- Custom display -----*/
.cuts .measure-display{width:116%;left:-8%}
.cuts .measure-display span{width:90px}

/*---------- About Page ----------*/
.section.about-main {background: #f8f2ed;margin-bottom: 100px}
.section.about-icons {margin-bottom: 30px}
.about-icons .column-wrap {padding: 0 30px 35px}
.about-icons .image-block img {width: auto;height: 75px}
.section.about-process {background: #717984;margin-bottom: 35px}
.about-process .vertical-tabs-block #v-pills-tab {width: 435px}
.about-process .vertical-tabs-block #v-pills-tab .nav-link {text-align: left;padding: 0;margin-bottom: 30px;font-weight: 600;color: #fff;background: 0;font-size: 18px;display: grid;grid-template-columns: 65px auto;grid-column-gap: 5px}
.about-process .vertical-tabs-block #v-pills-tab .nav-link:last-child{ margin-bottom: 0;}
.about-process .vertical-tabs-block #v-pills-tab .nav-link.active {color: #000}
.about-process .vertical-tabs-block #v-pills-tabContent .small-heading {font-weight: 600;color: #fff}
.about-process .vertical-tabs-block #v-pills-tabContent .all-title {color: #fff}
.about-process .vertical-tabs-block #v-pills-tabContent .text-block {color: #fff}
.about-process .vertical-tabs-block #v-pills-tabContent .text-block a {text-decoration: underline}
.about-process .vertical-tabs-block #v-pills-tabContent .text-block a:hover {text-decoration: none}
@media all and (max-width: 768px) {
    /*---------- Explore Jewelry ----------*/
    .section.home-gift.explore-jewelry { margin-bottom: 0;}
    .section.about-main .column-wrap h3.all-title { margin-bottom: 10px;}
}

/*---------- Contact Page ----------*/
.section.contact-main {margin-bottom: 65px}
.section.contact-main .image-block img {width: auto;height: 47px}
.section.contact-map {margin-bottom: 65px}
.section.contact-form-section {margin-bottom: 35px}
.contact-form-section .contact-form .form-inner-wrap {display: grid;grid-template-columns: repeat(3, 1fr);grid-gap: 20px 10px}
.contact-form-section .contact-form div .form-label {display: none}
.contact-form-section .contact-form div .form-control {border-color: #afafaf}
.contact-form-section .contact-form div input.form-control {height: 40px}
.contact-form-section .contact-form #msg, .contact-form-section .contact-form #send {grid-column: 1/ 4}
.contact-form-section .contact-form #send {text-align: center}
.contact-form-section .contact-form #send input.btn {width: 100px;text-transform: capitalize;border: 1px solid #717984;background: #717984}
.contact-form-section .contact-form #send input.btn:hover {color: #717984;border: 1px solid #717984;background: #fff}

/*---------- Education Page ----------*/
.section.education-main {margin-bottom: 25px}
.education-main .education-list .column {width: 20%}
.education-main .education-list .column .column-wrap {position: relative}
/* .education-main .education-list .column .column-wrap:before {content: '';position: absolute;top: 0;left: 0;width: 100%;height: 100%;background: rgba(255, 255, 255, 0.45);opacity: 0;visibility: hidden;z-index: 1;-webkit-transition: all .3s ease-in-out;-moz-transition: all .3s ease-in-out;-o-transition: all .3s ease-in-out;transition: all .3s ease-in-out} */
/* .education-main .education-list .column:hover .column-wrap:before {opacity: 1;visibility: visible} */
.education-main .education-list .column .column-wrap .image-block img {height: 500px;width: 100%;object-fit: cover;object-position: center;}
.education-main .education-list .column .column-wrap .image-block.grow-effect figure {overflow: hidden;background: linear-gradient(0deg, rgb(215 215 215) 0%, rgba(255,255,255,1) 100%);}
.education-main .education-list .column .column-wrap .image-block.grow-effect img {transition: .3s}
.education-main .education-list .column:hover .column-wrap .image-block.grow-effect img {transition: .3s;transform: scale(1.15);filter: brightness(1.1);opacity: 0.75;}
.education-main .education-list .column .column-wrap .text-block {position: absolute;top: 0;left: 0;width: 100%;height: auto;z-index: 2;padding: 35px 15px}
.education-main .education-list .column .column-wrap .text-block .viewmore {color: #012a39;opacity: 0;transition: .3s;}
.education-main .education-list .column:hover .column-wrap .text-block .viewmore {opacity: 1;}
.section.education-content {margin-bottom: 0}
.section.education-center-heading {margin-bottom: 35px}
/* .sidebar .widget {margin-bottom: 35px} */
/* .education-widget {margin-bottom: 35px} */
.education-widget ul.education-list {list-style: none;padding: 0}
.education-widget ul.education-list li {display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;margin-bottom: 20px}
.education-widget ul.education-list li figure {margin-right: 10px;margin-bottom: 0}
.education-widget ul.education-list li img {border: 0;border-radius: 0;padding: 0;width: 50px;height: 50px}
.education-widget ul.education-list li .list-title {background: #f8f2ed;width: calc(100% - 60px);display: flex;padding: 10px;font-size: 14px;font-weight: 600;align-items: center;justify-content: flex-start}
.education-tab {margin-bottom: 65px}
.education-tab .education-nav {border-bottom: 1px solid rgba(58, 63, 81, 0.5);margin-bottom: 35px}
.education-tab .education-nav .nav-item .nav-link {border-radius: 0;background: 0;color: #afafaf;padding: 0 0 10px;position: relative;margin-left: 10px;margin-right: 10px}
.education-tab .education-nav .nav-item .nav-link.active {color: #3a3f51}
.education-tab .education-nav .nav-item .nav-link.active:before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #3a3f51}
.education-post {margin-bottom: 35px}
.education-post .row .column {display: flex;align-items: center}
.education-post .row .column:nth-child(2) > div {width: calc(100% * 7 / 8);margin-left: auto}
.education-post .image-block figure {border: 1px solid rgba(128, 128, 128, 0.5)}
.education-select {display: none;}
.education-main .education-list .column .column-wrap .image-block {border: 1px solid #ddd;}
@media all and (max-width: 768px) {
    .section.education-center-heading {margin-bottom: 0;background: #3a3f51;padding: 15px 0;}
    .section.education-center-heading h3.all-title {color: #fff;margin: 0;font-size: 17px;}
    .education-widget ul.education-list {display: none;}
    .education-main .education-list .column { padding: 0 5px;}
    .education-main .education-list .column .column-wrap .text-block {position: relative;height: unset;padding: 0;margin-bottom: 0;}
    .education-main .education-list .column .column-wrap .text-block h5 {font-size: 60%;margin-bottom: 0;}
    .education-main .education-list .column .column-wrap .image-block {margin-bottom: 10px;border: 1px solid #ddd;}
    .education-main .education-list .column .column-wrap .text-block p {display: none;}
    .education-main .education-list .column:hover .column-wrap .image-block.grow-effect img {transform: scale(1);}
    .education-post, .education-post .text-block {margin-bottom: 0;}
    .education-post img {max-width: 100%;height: auto;}
    .education-select, .education-select * {box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none}
    .placeholder {padding: .5rem;position: relative;height: 2rem;z-index: 2}
    .education-select {display: block;position: relative;line-height: 1;z-index: 99;}
    .education-select:after {content: "\e927";font-family: 'idocon';position: absolute;right: 10px;top: 12px;font-size: 10px;z-index: 2;}
    .education-select .label {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;border-radius: 3px;background: #fff;}
    .education-select .options {margin-bottom: 0;opacity: 0;width: 100%;padding: 0;border: 1px solid #d6d6d6;transition: all .2s;position: absolute;background: #fff;right: 0;border-radius: 3px;box-shadow: 0 3px 5px rgba(0,0,0,0.1);visibility: hidden;}
    .education-select.open .options {opacity: 1;visibility: visible;}
    .education-select .options li a {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;display: block;position: relative;padding: 10px 18px;text-decoration: none}
}

/*---------- Archive ----------*/
.filter-section {background: #f8f2ed}
.filter-section .filter-step {display: flex;flex-direction: row;justify-content: center;align-items: center;margin-bottom: 35px}
.filter-section .filter-step .step {border: 1px solid #f9c198;border-right: 0;padding: 10px 10px 10px 40px;position: relative;background: #f8f2ed;width: 33.333%}
.filter-section .filter-step .step:first-child {padding: 10px 10px 10px 25px}
.filter-section .filter-step .step .content-wrap {display: flex;width: 100%;align-items: center;position: relative}
.filter-section .filter-step .step .img {margin-left: 12px;width: 38px}
.filter-section .filter-step .step.active .img img {filter: brightness(1.0)}
.filter-section .filter-step .step .img img {filter: opacity(0.4)}
.filter-section .filter-step .step:after, .filter-section .filter-step .step:before {content: '';position: absolute;top: 50%;width: 0;height: 0;transform: translateY(-50%);border-top: 32px solid transparent;border-bottom: 32px solid transparent;border-left-style: solid;border-left-width: 15px;z-index: 10}
.filter-section .filter-step .step:before {left: 100%;border-left-color: #f9c198}
.filter-section .filter-step .step:after {left: calc(100% - 1px);border-left-color: #f8f2ed}
.filter-section .filter-step .step p {margin-bottom: 0;position: relative;padding-left: 30px}
.filter-section .filter-step .step p strong {display: block;font-size: 20px}
.filter-section .filter-step .step p:before {content: '';position: absolute;top: 0;left: 0;font-size: 36px;font-weight: 400;color: #3a3f51}
.filter-section .filter-step .step-1 p:before {content: '1'}
.filter-section .filter-step .step-2 p:before {content: '2'}
.filter-section .filter-step .step-3 p:before {content: '3'}
.filter-section .filter-step .step.active {border-color: #3a3f51;color: #fff;background-color: #3a3f51}
.filter-section .filter-step .step.active:before, .filter-section .filter-step .step.active:after {border-left-color: #3a3f51}
.filter-section .filter-step .step.active p:before {color: #fff}
.filter-section .filter-type .clear-filter {position: absolute;top: 0;right: 0}
.filter-section .filter-type .diamond-type-list {display: flex;flex-direction: row;justify-content: center;align-items: center;list-style: none}
.filter-section .filter-type .diamond-type-list li {width: calc(25% - 10px);margin-left: 5px;margin-right: 5px}
.filter-section .filter-type .diamond-type-list li a {width: 100%;background: #fff;color: #000;-webkit-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);-moz-box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);box-shadow: 2px 2px 3px 2px rgba(0, 0, 0, 0.1);border-radius: 0}
.filter-section .filter-type .diamond-type-list li a.active {background: #f9c198}
.filter-section .filter-grid {display: grid;grid-template-columns: repeat(2, 1fr);grid-column-gap: 60px;grid-row-gap: 50px;margin-bottom: 45px}
@media all and (max-width: 768px) {
    .filter-section .filter-step {display: flex;justify-content: center;align-items: center;margin-bottom: 35px}
    .filter-section .filter-step .step {padding: 10px 0 10px 15px}
    .filter-section .filter-step .step .img {width: 17px}
    .filter-section .filter-step .step:after, .filter-section .filter-step .step:before {border-left-width: 10px;border-top: 24px solid transparent;border-bottom: 24px solid transparent}
    .filter-section .filter-step .step:first-child {padding: 10px 0 10px 15px}
    .filter-section .filter-step .step p:before {font-size: 20px}
    .filter-section .filter-step .step p {font-size: 65%;padding-left: 18px}
    .filter-section .filter-step .step p strong {font-size: 100%}
    .filter-section .filter-step .step:last-child {margin-bottom: 0}
    .filter-section .filter-step .step .content-wrap {cursor: pointer}
    .filter-section .filter-type .diamond-type-list li a {font-size: 14px;line-height: 1.2;}

    /* Extra Dropdown */
    .filter-section .filter-step .step .mobile-step-dropdown {display: flex;position: absolute;z-index: 1000;background: #fff;padding: 8px;border-radius: 5px;box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);color: #3a3f51;width: 200px;visibility: hidden;transition: .3s;opacity: 0;top: 20px}
    .filter-section .filter-step .step .mobile-step-dropdown.show {top: 30px;opacity: 1;visibility: visible;transition: .3s}
    .filter-section .filter-step .step .mobile-step-dropdown .img {width: 60px;margin: 0 10px 0 0}
    .filter-section .filter-step .step .mobile-step-dropdown .product-price {font-size: 14px;margin-bottom: 0}
    .filter-section .filter-step .step .mobile-step-dropdown .img img {filter: unset}
    .filter-section .filter-step .step .mobile-step-dropdown .btn-sm {font-size: 11px}
}
@media screen and (min-width: 768px) and ( max-width: 1023px) {
    .filter-section .filter-grid{grid-template-columns:repeat(1,1fr)}
    .filter-section .filter-type .diamond-type-list li{width:calc(32% - 10px)}
    .filter-section .filter-step .step .img{width:20px}
}
.filter-section .filter-grid .filter-grid-area {display: flex;flex-direction: row;justify-content: flex-start;align-items: center}
.filter-section .filter-grid .filter-grid-area .setting-wrapper .filter-close-btn {display: none}
.filter-section .filter-grid .shapes .shape-select {padding-left: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;margin-bottom: 0;width: 80%}
.filter-section .filter-grid .shapes .shape-select .option {border: 1px solid rgba(77, 77, 77, 0.25);border-right: 0;}
.filter-section .filter-grid .shapes .shape-select .option.active a {border: 1px solid rgb(255 166 101);background: #fff;}
.filter-section .filter-grid .shapes .shape-select .option:last-child {border-right: 1px solid rgba(77, 77, 77, 0.25)}
.filter-section .filter-grid .shapes .shape-select .option a {padding: 5px;display: flex;height: 100%;}
.filter-section .filter-grid .rings .ring-select {padding-left: 0;list-style: none;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;margin-bottom: 0}
.filter-section .filter-grid .rings .ring-select .option {margin-right: 30px}
.filter-section .filter-grid .rings .ring-select .option.active {border: 1px solid #f9c198}
.filter-section .filter-grid .rings .ring-select .option a {padding: 5px;display: flex;flex-direction: column;align-items: center}
.filter-section .filter-grid .rings .ring-select .option a svg {display: block;margin-bottom: 5px}
.filter-section .filter-grid .rings .ring-select .option a span {color: #000;font-size: 14px;text-align: center}
.filter-section .filter-grid .rings .ring-select .option a svg text.cls-1 {font-size: 16px;fill: #afafaf;stroke-miterlimit: 0;stroke-width: 0;stroke: transparent}

/*----- Advance Option -----*/
.advanced-options {display: flex;align-items: center;justify-content: space-between}
.advanced-options label {width: auto;display: flex;align-items: center}
.advanced-options label .option-btn {border-radius: 50%;width: 30px;height: 30px;line-height: 20px;background: #fff;padding: 5px;margin-left: 10px}
.advanced-options label .option-btn:before {content: '+';font-size: 18px;line-height: 1}
.advanced-options label .option-btn.display:before {content: '-'}
.advanced-options .option-dropdown .btn-option-dropdown {color: #afafaf;background: transparent;border: 1px solid rgba(77, 77, 77, 0.3);border-radius: 2em;padding: 5px 15px;font-size: 14px;margin: 0 5px}
.advanced-options .option-dropdown .btn-option-dropdown.active .dropdown-icon {display: inline-block;transform: rotate(0deg);transition: .3s}
.advanced-options .option-dropdown .btn-option-dropdown.active .dropdown-icon {transform: rotate(180deg);transition: .3s}
.advanced-options .option-dropdown {opacity: 0;transition: .3s;overflow: hidden}
.advanced-options .option-dropdown.active {opacity: 1;transition: .3s}
.advanced-options .option-item {display: inline-block}
.advanced-options .option-item .adv-item-opt {position: absolute;display: none;background: #fff;padding: 15px;border-radius: 10px;margin-top: 10px;box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1);width: 200px;z-index: 10}
.advanced-options .option-item .adv-item-opt.show {display: block}
.advanced-options .option-item .adv-item-opt .form-check {display: flex}
.advanced-options .option-item .adv-item-opt .form-check-input:checked {background-color: #f9c198;border-color: #f9c198}
.advanced-options .option-item .adv-item-opt .form-check-input:focus {border-color: #f9c198;box-shadow: 0 0 0 .25rem rgb(249 193 152 / 35%)}
.advanced-options .option-item .adv-item-opt .rangeslider {width: 90%;margin: 20px auto 30px}
.advanced-options .option-item .adv-item-opt .rangeslider .noUi-target {background: #ddd}
.advanced-options .option-item .adv-item-opt a.closeOpt {position: absolute;top: 15px;right: 15px;color: #666}
.clear-filter {font-size: 12px}
@media all and (max-width: 767px) {
    .advanced-options{flex-flow:column;align-items:start}
    .advanced-options .option-dropdown{height:0}
    .advanced-options .option-dropdown.active{height:150px}
    .advanced-options .option-dropdown .btn-option-dropdown{width:100%}
    .advanced-options .option-item{width:calc(50% - 6px);margin-bottom:5px}
    .clear-filter{font-size:12px;background:rgba(0,0,0,0.1);padding:10px;border-radius:15px;display:block;text-align:center}
}

.product-list-grid-view .row {margin-bottom: 12px}
.product-list-grid-view .product-list-grid-view-heading .column-wrap {position: relative}
.product-list-grid-view-heading .view-btn-group {position: absolute;top: 1px;right: 0}
.view-btn-group {display: flex;flex-direction: row;align-items: center;justify-content: flex-end}
.view-btn-group > * {margin-left: 10px}
.view-btn-group label {margin: 0}
.view-btn-group .view-btn-icon {padding: 5px;width: 32px;height: 32px;border-radius: 0;background: transparent;border: 1px solid #afafaf;line-height: 1;display: flex;justify-content: center;opacity: .3;}
.view-btn-group .view-btn-icon.active {background: #ffe5d1;border: 1px solid #f8f2ed;color: #ff7d1d;opacity: 1;}
.diamond-filter .tab-content > .tab-pane {display: block;height: 0;overflow: hidden;padding: 0 15px}
.diamond-filter .tab-content > .active {height: auto}
.diamond-filter .img-fit {width: 100%;height: 100%;object-fit: cover}
label.materialOpt, label.ringOpt {text-align: center;position: relative;font-size: 14px}
label.materialOpt span {width: 50px;height: 50px;border-style: solid;border-width: 2px;display: flex;border-radius: 50%;justify-content: center;align-items: center;color: #afafaf;margin: 0 auto 5px;}
label.ringOpt i {font-size: 50px}
label.ringOpt span {width: 50px;height: 50px;display: flex;justify-content: center;align-items: center;margin: 0 auto 10px;color: #afafaf}
label.ringOpt span:nth-child(2) {color:#1a1a1a;height: 30px;white-space: nowrap;margin: 0;}
label.materialOpt.white span {border-color: #afafaf}
label.materialOpt.yellow span {border-color: #c4a74e}
label.materialOpt.rose span {border-color: #ef8784}
.materialOpt input[type="radio"], .ringOpt input[type="radio"] {display: none}
.materialOpt input[type="radio"]:checked + span:after, .ringOpt input[type="radio"]:checked + span:after {content: "";width: calc(100% + 4px);position: absolute;height: calc(100% + 10px);border: 1px solid #f9c198;top: -5px}
.ringOpt input[type="radio"]:checked + span:after {top: 0}
.ringOpt, .materialOpt .circle .content {text-align: center;margin: 6px}
.materialOpt {height: 100%;padding: 6px}
.ringOpt.active i {border: 1px solid #f9c198;padding: 6px}
@media all and (max-width: 767px) {
    .weddingring div[class*="col"] {min-height: 70px; margin-bottom: 10px;}
    .result-title-wrap.column-wrap {display: flex;justify-content: space-between;align-items: center;}
    .view-btn-group label[for="list-and-grid"] {display: none;}
    label.materialOpt, label.ringOpt {font-size: 12px}
    label.materialOpt span {width: 30px;height: 30px;margin-bottom: 5px;}
    .materialOpt input[type="radio"]:checked + span:after {width: 100%}
    .filter-settings label.ringOpt span:nth-child(2){max-height: 13px;align-items:flex-start;line-height:1;white-space: nowrap;}
}

/*---------- Grid View ----------*/
#products .item .card{padding:0;border:1px solid #e5e5e5;border-radius:4px;margin-bottom:15px}
#products .item .card>*{text-align:center;margin-bottom:20px}
#products .item .card .product-desc > p{font-size: 11px;font-weight: 400;}
#products .item .card .product-desc > p:last-child {margin-bottom: 0;}
#products .item .card>div :last-child{margin-bottom:0}
#products .item .product-image{width:100%;margin-left:auto;margin-right:auto}
#products .item .product-image img{object-fit:contain;width:100%;height:100%;max-height:240px}
#products .item .product-title{font-weight:600;color:#1a1a1a}
#products .item .product-price p,.product-price{color:#bd272d;font-weight:600;font-size:20px}
#products .item .product-shape,
#products .item .product-compare,
#products .item .product-wishlist,
#products .item .product-carat,
#products .item .product-clarity,
#products .item .product-cut,
#products .item .product-details .quickview,
#products .item .product-average-carat,
#products .item .product-average-color,
#products .item .product-type,
#products .item .product-metal {display: none}
#products .item .product-wishlist a{color:#ddd}
#products .item .product-wishlist a.active{color:#f9c198}
#products .item .product-details a{color:#3a3f51;border-radius:0;padding:5px 15px;margin:0 5px}
#products .item .product-details .productview{align-self:center}
#products .item .product-details-cart .details{display:flex;flex-direction:column;justify-content:center;align-items:center}
#products .item .product-details-cart a.quickview{border:1px solid #3a3f51;color:#3a3f51;background:#fff;border-radius:0;padding:5px 15px;margin:0 0 10px;line-height:1}
#products .item .product-details-cart a.product-add-to-cart{padding:0;text-decoration:underline;font-style:italic}

/*---------- List View ----------*/
#products .item.list-group-item{width:100%;padding:0;border:0;border-radius:0}
#products .item.list-group-item .card{padding:0;border:0;border-radius:0;display:grid;grid-template-columns:150px repeat(5,1fr) 140px;grid-column-gap:10px;grid-row-gap:0;margin-left:12px;margin-right:12px}
#products .item.list-group-item .product-shape,
#products .item.list-group-item .product-compare,
#products .item.list-group-item .product-wishlist,
#products .item.list-group-item .product-details,
#products .item.list-group-item .product-carat,
#products .item.list-group-item .product-clarity,
#products .item.list-group-item .product-cut,
#products .item.list-group-item .product-average-carat,
#products .item.list-group-item .product-average-color,
#products .item.list-group-item .product-type,
#products .item.list-group-item .product-metal {display: block}
#products .item.list-group-item h5.product-title {display: none}
/*#products .item.list-group-item .product-image {border: 1px solid #f2f2f2}*/
#products .item.list-group-item .product-image {border: none}
#products .item.list-group-item .product-details .quickview {color: #f9c198;padding: 5px;display: inline-flex;align-content: center}
/*#products .item.list-group-item .card > * {margin-bottom: 0;display: flex;justify-content: center;align-items: center}*/
#products .item.list-group-item .card > * {margin-bottom: 0;display: flex;align-items: center}
#products .item .card label {display: none}
#products .item-table-heading {display: none}
#products .item-table-heading.list-group-item {display: block}
#products .item-table-heading.list-group-item .card {color: #fff;background: #717984;padding: 15px 0;margin-left: 12px;margin-right: 12px}
#products .item-table-heading.list-group-item .card p.title-heading {display: none}
.product-list-grid-view .row.product-list-grid-view-content {margin-bottom: 0}
.product-list-grid-view #products.row {margin-bottom: 0;--bs-gutter-x: 0.8rem;}
.product-list-grid-view .row.product-list-grid-view-load-more {margin-bottom: 35px}
.product-list-grid-view-load-more .load-more a {color: #3a3f51;padding-bottom: 5px;border-bottom: 1px solid #3a3f51}
.product-filter-tabs .filter-tabs ul.products-nav {padding: 0;display: flex;flex-direction: row;justify-content: flex-start;align-items: stretch;border-bottom: 1px solid rgba(58, 63, 81, 0.5);margin-bottom: 12px;list-style: none}
.product-filter-tabs .filter-tabs ul.products-nav li .nav-link {border-radius: 0;background: 0;color: #afafaf;padding: 0 0 10px;position: relative;margin-left: 0;margin-right: 60px}
.product-filter-tabs .filter-tabs ul.products-nav li .nav-link.active {color: #3a3f51}
.product-filter-tabs .filter-tabs ul.products-nav li .nav-link.active:before {content: '';position: absolute;bottom: -1px;left: 0;width: 100%;height: 2px;background: #3a3f51}
.filter-input {display: flex;flex-direction: row;align-items: center;justify-content: space-between;margin-bottom: 24px}
@media screen and (max-width: 425px) {
    .filter-input {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start;text-align: center;margin-bottom: 0}
    .filter-input .selection-input > div {margin-left: 0 !important;margin-bottom: 20px !important;justify-content: space-between;width: 100%}
    .filter-input .result-shipping {margin-bottom: 16px;margin-right: 16px}
}
.product-filter-tabs .filter-input .result-shipping {display: flex;flex-direction: row;justify-content: flex-start;align-items: center}
.product-filter-tabs .filter-input .result-shipping > * {margin-bottom: 0;margin-right: 20px}
.product-filter-tabs .filter-input .result-shipping .shipping-form {padding: 0;display: flex;flex-direction: row;align-items: center}
.product-filter-tabs .filter-input .result-shipping .shipping-form .checkbox-wrap {border: 1px solid #f9c198;padding: 5px;display: flex;justify-content: center;align-items: center;width: 22px;height: 22px;margin-right: 10px}
.product-filter-tabs .filter-input .result-shipping .shipping-form .checkbox-wrap input {float: none;margin: 0;border-radius: 50%;border-color: #f9c198;width: 10px;height: 10px}
.result-shipping .result {margin-bottom: 0}
.product-filter-tabs .filter-input .result-shipping .shipping-form .checkbox-wrap .form-check-input:checked {background: #f9c198;outline: 0}
.product-filter-tabs .filter-input .result-shipping .shipping-form .checkbox-wrap .form-check-input:focus {outline: 0;box-shadow: none}
.filter-input .selection-input {display: flex;flex-direction: row;justify-content: flex-start;align-items: center}
.filter-input .selection-input > div {margin-left: 20px;display: flex;flex-direction: row;justify-content: flex-start;align-items: center}
.filter-input .selection-input > div .form-select {width: 150px;border: 1px solid #afafaf;border-radius: 0;color: #afafaf}
.filter-input .selection-input > div label {margin-right: 10px}
.product-filter-tabs .filter-input .selection-input > div .form-select:focus {outline: 0;box-shadow: none;border-color: #afafaf}
@media (max-width: 768px) {
    #products .item .product-details .quickview {margin: 0;}
    #products .item .product-image img{ max-height: 145px;}
}

/*---------- modal ----------*/
.modal-product .row {margin-bottom: 0}
.modal-product .product-image {border: none !important}
.modal-product .product-image figure {margin: 0}
.modal-product .product-image figure img {background-color: #f8f2ed;-webkit-box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);-moz-box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);border-radius: 0;width: 100%;height: auto}
#products .item .modal-product .product-title {color: #3a3f51}
#products .item.list-group-item .modal-product .product-title {display: block !important}
.modal-product .product-cart :last-child {margin-bottom: 0}
.modal-product .product-cart .productcart-btn {width: 100%;padding: 10px 20px;font-size: 18px;background: #3a3f51;border: 1px solid #3a3f51;color: #fff;border-radius: 0;margin-bottom: 20px}
.modal-product .product-cart .productcart-btn:hover {background: #fff;border: 1px solid #3a3f51;color: #3a3f51}
.modal-product .product-cart .notes ul {list-style: none;padding: 0}
.modal-product .product-cart .notes ul li {position: relative;padding-left: 20px}
.modal-product .product-cart .notes ul li:before {content: '-';position: absolute;top: 0;left: 0}
.modal-product .column {display: flex;flex-direction: column;justify-content: center;align-items: flex-start}
.modal-product .column:nth-child(2) {justify-content: space-between}
.modal-product .column > * {width: 100%}
.modal-product .modal-content {position: relative;border-radius: 0}
.modal-product .modal-content .modal-header {position: absolute;top: 0;right: 0;border: 0;border-radius: 0;z-index: 9}
.modal-product .modal-content .modal-header .btn-close {opacity: 1}
.modal-product .modal-content .modal-body {padding: 40px 16px}

/*---------- Single Product ----------*/
.section.single-product-content {margin-bottom: 100px}
.section.single-product-content .product-image {-webkit-box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);-moz-box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);box-shadow: 0 0 5px 0 rgba(71, 33, 4, 0.2);text-align: center;width: 100%}
.section.single-product-content .product-image figure {margin: 0}
.section.single-product-content .product-image figure img {border-radius: 0}
.section.single-product-content .product-title {color: #3a3f51}
.section.single-product-content .product-cart :last-child {margin-bottom: 0}
.section.single-product-content .product-cart .productcart-btn, .productcart-btn {width: 100%;max-width: 350px;padding: 10px 20px;font-size: 18px;background: #3a3f51;border: 1px solid #3a3f51;color: #fff;border-radius: 0;margin-bottom: 20px}
.section.single-product-content .product-cart .productcart-btn:hover, .productcart-btn:hover {background: #fff;border: 1px solid #3a3f51;color: #3a3f51}
.section.single-product-content .product-cart .notes ul {list-style: none;padding: 0}
.section.single-product-content .product-cart .notes ul li {position: relative;padding-left: 20px}
.section.single-product-content .product-cart .notes ul li:before {content: '-';position: absolute;top: 0;left: 0}
.section.single-product-content .column .column-wrap {display: flex;flex-direction: column;justify-content: center;align-items: flex-start;height: 100%}
.section.single-product-content .column:nth-child(2) .column-wrap {justify-content: space-between}
.section.single-product-content .column > * {width: 100%}
.section.single-product-content .modal-content {position: relative;border-radius: 0}
.section.single-product-desc .all-title {font-size: 27px;margin-bottom: 20px}
.table-info table {width: 100%}
.table-info table tr td {padding: 5px 15px;background: #f8eee5;border: 7px solid #fff;width: 50%}
.table-info table tr td:nth-child(2) {background: #f9f5f2}
.single-product-desc .accordion {/* margin-bottom: 35px; *//* margin-top: 65px */}
.single-product-desc .accordion .accordion-item {margin-bottom: 10px;border: 0;}
.single-product-desc .accordion .accordion-item .accordion-header .accordion-button {border: 1px solid rgba(200, 200, 200, 0.8);border-radius: 0;background: 0;box-shadow: none;font-weight: 600;color: #3a3f51;padding: .5rem 1.25rem}
.single-product-desc .accordion .accordion-item .accordion-header .accordion-button:focus {outline: 0;box-shadow: none;border: 1px solid #c8c8c8}
.single-product-desc .accordion-button:after, .single-product-desc .accordion-button.collapsed:after {font-family: 'iDocon';font-size: 12px;background: 0;align-self: center;text-align: center;padding: 3px}
.single-product-desc .accordion .accordion-item .accordion-header .accordion-button:after {content: "\e935"}
.single-product-desc .accordion .accordion-item .accordion-header .accordion-button.collapsed:after {content: "\e930"}
.single-product-desc .accordion .accordion-item .accordion-body {padding-top: 30px;padding-bottom: 0}
.single-product-desc .accordion .accordion-item .accordion-body :last-child {margin-bottom: 0}

/*---------- Client Love Story & articles page ----------*/
.story-img-fit {width: 100%;height: 300px;object-fit: cover}
.articles-img-fit {width: 100%;height: 400px;object-fit: cover}
.article-date {color: #393f53}
.text-ellipsis {overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical}

/*----------  Cart Styling  ----------*/
.btn-teal {background: var(--bs-teal);color: white;border-radius: 0}
.btn-teal:hover {background: #4dd4ac;color: white}
.btn-checkout {background: var(--checkoutColor);color: white;border-radius: 0;}
.btn-checkout:hover {background: #d33d1f;color: white}
.font-weight700 {font-weight: 700}
.text-amount {color: #a51f00}
.cart-nav a.nav-link {position: relative}
.cart-nav a.nav-link:before {content: '';position: absolute;bottom: 10px;left: 50%;transform: translateX(-50%);width: 30px;height: 1px;background: #012a39;opacity: 0}
.cart-nav a.nav-link.active:before, .cart-nav a.nav-link:hover:before {opacity: 1}
.cartStyle input[type="text"], .cartStyle input[type="email"], .cartStyle input[type="number"], .cartStyle input[type="password"], .cartStyle input[type="date"], .cartStyle select {background-color: #f2f2f2;border-color: #f2f2f2;padding: 10px 15px;height: unset}
.cartStyle select:focus {background-color: #f2f2f2;border-color: #f2f2f2}
.cartStyle ::placeholder {color: #aaa}
.cartStyle table td, .cartStyle table th, .cart-table td, .cart-table th {padding: 15px}
.cartStyle table th, .cart-table th {background-color: #f2f2f2;font-weight: normal}
.cartStyle label.required:after {content: "*";color: #bc0000;margin-left: 5px}
.cartStyle .form-check-input[type=radio], .cartStyle .form-check-input[type=checkbox] {border-radius: unset;border: 0;background-color: #f2f2f2;margin-top: 0}
.cartStyle .form-check-input:checked {background-color: #f2f2f2}
.cartStyle .form-check-input:checked:after {content: "*";padding: 3px;font-size: 20px;text-align: center;color: #bc0000}
.cartStyle .form-check-input:focus {box-shadow: none}
.cartStyle .form-check-input:checked:focus {box-shadow: none}
.cartStyle .form-check-input:checked[type=radio], .cartStyle .form-check-input:checked[type=checkbox] {background-image: unset}
.equalcol {table-layout: fixed}
.equalcol td:last-child {text-align: right;padding: 15px 45px}
.modal-dialog.item-detail {max-width: 960px}
.product-col {min-width: 200px}
.user-info p {margin-bottom: 10px}
.user-info p:last-child {margin-bottom: initial}
@media only screen and (max-width: 767px) {
    .cartStyle table td, .cartStyle table th, .cart-table td, .cart-table th {padding: 5px;font-size: 12px}
    .btn-plus, .btn-minus {padding: 5px}
    .quantity {padding: 5px 0 !important;font-size: 12px;width: 20px !important}
    .product-col {min-width: auto}
    .cartStyle .equalcol td, .cartStyle .equalcol th {font-size: inherit;vertical-align: middle}
}

/*---------- Mobile ----------*/
@media all and (max-width: 1199px) {
    /*----- Header -----*/
    .top-header .top-note {justify-content: space-between;width: 100%;}
    .top-header .top-navi {width: 100%;justify-content: center}
}
@media all and (max-width: 991px) {
    .main-header .site-logo {width: auto;height: 50px}
    .main-header #bootstrapNavBar .nav > li {padding: 15px 20px;border-bottom: 1px solid #ddd;}

    /*----- parrallax image banner -----*/
    .carousel-item {height: 60vh}
    .carousel-item > img {height: 100%; object-position: 95%;;}
    .hero-banner {height: 30vh}
    .hero-banner > img.parallax-img {height: 40vh}

    /*----- megamenu -----*/
    .megamenu .mega-column {width: 50%;margin-bottom: 20px;padding-left: calc(var(--bs-gutter-x)/ 2);}
}
@media all and (max-width: 768px) {
    /* .top-navi li{margin-top:auto;margin-bottom:auto} */
    .top-navi li:last-child{margin-bottom:0}
    .main-header .site-logo{width:auto;height:35px}
    .main-header .navbar>div{align-items:center;justify-content:start;grid-gap:10px}
    .main-header .navbar .navbar-toggler:focus{box-shadow:none;outline:0}
    .main-he.main-header #bootstrapNavBar .nav>li{flex-direction:column;align-items:flex-start;border-bottom: 1px solid #ddd;padding: 13px 20px;}
    .main-header #bootstrapNavBar .nav>li>a{}
    .main-header #bootstrapNavBar .nav>li>a:before{display:none}
    .megamenu .mega-column,.megamenu.menu-item-diamonds .mega-column:nth-child(4),.megamenu.menu-item-engagement .mega-column:nth-child(4),.megamenu.menu-item-weddings .mega-column:nth-child(4){width:100%}
    .megamenu.menu-item-diamonds .mega-column:nth-child(4),.megamenu.menu-item-weddings .mega-column:nth-child(4),.megamenu.menu-item-engagement .mega-column:nth-child(4){display:none}
    .navbar .nav-item .dropdown-menu{display:none!important;opacity:1;padding-bottom:0;padding-top: 15px;}
    .navbar .nav-item .dropdown-menu .container { padding: 0;}
    .navbar .nav-item.open .dropdown-menu{display:block!important}
    .main-header #bootstrapNavBar .nav>li.nav-item.dropdown{position:relative!important}
    .main-header #bootstrapNavBar .nav>li.nav-item.dropdown > a{ pointer-events: none;}

    .megamenu .widget ul li{margin-bottom:10px}
    .megamenu .mega-column{margin-bottom:35px; border-left: 0;}
    .megamenu .mega-column i.sz-2x {font-size: 15px;}


    /*----- Banner -----*/
    .carousel-caption h1, .hero-banner h1.banner-heading {font-size: 30px}
    .carousel-caption {margin-left: 0;margin-right: 0}
    .carousel-caption .btn {margin-bottom: 10px !important; display: block;}
    .banner {margin-bottom: 70px}

    /*----- Row More Gaps -----*/
    .row-2-col>div:first-child {padding-right: calc(var(--bs-gutter-x) / 2)}
    .row-2-col>div:last-child {padding-left: calc(var(--bs-gutter-x) / 2)}
    .row-2-col>div:nth-child(2n+1) {padding-right: calc(var(--bs-gutter-x) / 2)}
    .row-2-col>div:nth-child(2n) {padding-left: calc(var(--bs-gutter-x) / 2)}
    .image-block > * {margin: 0 auto;width: -moz-fit-content;width: fit-content;position: relative;display: block}
    .right-img-row > .row {display: flex;flex-direction: column-reverse}
}
@media all and (max-width: 479px) {
    /* .top-header .top-navi {justify-content: space-between} */
    /* .top-navi li {margin-left: 0;padding-left: 0} */

    /*----- Banner -----*/
    .carousel-caption h1 br {display: none}
    .carousel-caption p br {display: none}

    /*----- Heading Style -----*/
    h1 {font-size: 35px}
    h2 {font-size: 30px}
    h3 {font-size: 25px}
    h4 {font-size: 23px}
    h5 {font-size: 18px}
    h6 {font-size: 16px}
}

/*Home mobile*/
@media all and (max-width: 991px) {
    .home-search .col-md-2 {width: calc(100% * 1 / 5);}
}
@media all and (max-width: 767px) {
    .section.section-fill {margin-bottom: 30px;padding-top: 0;padding-bottom: 10px;}
    .home.page .section.section-fill { margin-bottom: 5px;}
    /* .diamond-tab .tabs-block .tabs-button .nav-link {margin-bottom: 20px} */
    .diamond-tab .tabs-block .tabs-button .nav-item:last-child .nav-link {margin-bottom: 0}
    .tabs-block .tabs-button {margin-bottom: 70px}
    .home-design .button-row {flex-wrap: wrap}
    .home-design .button-row .btn {margin-bottom: 10px;width: 100%;max-width: 245px;justify-content: center}
    .home-custom .image-block img {width: 70%}
    .home-search .all-title {margin: 0 16px 50px}
    .home-tips-help > .container > .row > .column {margin-bottom: 70px;padding-left: 0;padding-right: 0}
    .home-tips-help .row-2-col > div:nth-child(2n+1) {padding-right: calc(var(--bs-gutter-x) / 2)}
    .home-tips-help .row-2-col > div:nth-child(2n) {padding-left: calc(var(--bs-gutter-x) / 2)}
    .section.home-tips-help {margin-bottom: 0}
    .section.home-tips-help .all-title br {display: none}
    .section.home-ring-style {margin-bottom: 30px}
    .section.home-gift {margin-bottom: 35px}
    .article-block .article-content {padding: 15px 15px}
    .grid-gallery {display: flex;flex-direction: row;justify-content: space-between;align-items: stretch;flex-wrap: wrap;grid-column-gap: 0;grid-row-gap: 0;margin-bottom: 10px}
    .grid-gallery .gallery-post {width: calc(50% - 12px);flex-basis: calc(50% - 12px);margin-bottom: 24px}
    .section.home-gallery {margin-bottom: 45px}
    .section.home-gallery .text-block {margin-bottom: 15px;}
    .home-request .request-form .form-inner-wrap {display: grid;grid-template-columns: repeat(1, 1fr);grid-gap: 10px}
    .article-block {flex-direction: column}
    .article-block .article-image {width: 100%;margin-bottom: 0}
    .article-block .article-content {width: 100%}
    .section.home-request {margin-bottom: 0}
    .section.home-request h3.all-title {margin-bottom: 10px;}
    .home-search .all-title {text-align: center;margin-left: 0}
    .request-form-block {margin-bottom: 10px;}
}
@media all and (max-width: 575px) {
    .home-search .col-md-2{width:50%}
    .ring-style-carousel .slick-current img{width:100%;max-width:none;transform:scale(1)}
}
@media all and (max-width: 479px) {
    .home-design:after,.home-design:before{font-size:31vw}
    .section.paragraph-content .column.col-md-12.col-sm-12.col-xs-12 .image-block img{height:200px;object-fit:cover;object-position:center}
    .section.about-process{margin-bottom: 0;}
}

/*sidebar footer / colophon*/
@media all and (max-width: 767px) {
    #sidebar-footer .payment-widget .payment-list .payment img {height: 37px;width: auto;}

    /*----- Diamond Mobile -----*/
    .diamond-tab .tabs-block .tabs-button .nav-item {width: 100%;margin-left: 0;margin-right: 0;margin-bottom: 10px}
    .diamond-tab .tabs-block .tabs-button .nav-item:last-child {margin-bottom: 0}
    .section.paragraph-content {margin-bottom: 35px}
    .section.paragraph-content .all-title br {display: none}

    /*----- Diamond Archive ------*/
    /* .filter-section .filter-type .diamond-type-list {display: flex;flex-direction: column;justify-content: center;align-items: center;list-style: none;padding: 0;flex-wrap: wrap;margin-bottom: 20px} */
    .filter-section .filter-type .diamond-type-list li {width: auto;min-width: 90px;/* margin-left: -10px; *//* margin-right: -10px; *//* margin-bottom: 20px; *//* flex: 1 0 0%; */}
    .filter-section .filter-type .diamond-type-list li:last-child {margin-bottom: 0}
    .filter-section .filter-type .clear-filter {position: relative;top: 0;right: 0}
    .filter-section .filter-grid {grid-column-gap: 0;grid-row-gap: 0}
    .filter-section .filter-grid {display: flex;flex-direction: row;justify-content: center;align-items: flex-start;flex-wrap: wrap;margin-bottom: 20px}
    .filter-section .filter-grid .filter-grid-area {width: 33.3333%;margin-bottom: 10px}
    .filter-section .filter-grid .filter-grid-area .setting-wrapper {visibility: hidden;opacity: 0;position: fixed;top: 60%;transform: translateY(-50%);left: 5%;width: 90%;background: #fff;padding: 10px 10px 20px;box-shadow: 0 0 20px rgb(0 0 0 / 30%);border-radius: 5px;z-index: 1050;transition: .5s}
    .filter-section .filter-grid .filter-grid-area .setting-wrapper.show {visibility: visible;opacity: 1;top: 50%}
    .filter-section .filter-grid .filter-grid-area .setting-wrapper .filter-close-btn {display: block;margin-bottom: 1em;font-size: 12px}
    .filter-section .filter-grid .filter-grid-area .rangeslider {width: 90%;margin: 0 5%;padding: 35px 0 15px}
    .filter-section .filter-grid .filter-grid-area.cuts .rangeslider .measure-display.top, .filter-section .filter-grid .filter-grid-area .rangeslider .measure-display.btm {top: -35px}
    .filter-section .filter-grid .filter-grid-area label {text-align: center;width: 100%;border: 1px solid rgba(0, 0, 0, 0.2);padding: 10px;border-radius: 5px;margin: 0 5px}
    .filter-section .filter-grid .rings {margin-bottom: 20px}
    .filter-section .filter-grid .filter-grid-area:last-child {margin-bottom: 0}
    .filter-section .filter-grid .filter-grid-area .setting-wrapper .rangeslider .noUi-target {background: #f0f0f0}
    .product-list-grid-view-heading .view-btn-group {position: relative;top: 0;right: 0;/*margin-bottom: 20px*/}
    .product-list-grid-view .row {margin-bottom: 15px}
    .product-filter-tabs .filter-tabs ul.products-nav li .nav-link {margin-left: 0;margin-right: 0;width: 100%}
    .product-filter-tabs .filter-tabs ul.products-nav {justify-content: space-evenly}
    .product-filter-tabs .filter-input {display: flex;flex-direction: column;align-items: flex-start;justify-content: flex-start}
    .product-filter-tabs .filter-input .selection-input > div {margin-left: 0;margin-bottom: 20px;justify-content: space-between;width: 100%}
    .product-filter-tabs .filter-input .result-shipping {flex-wrap: wrap}
    .product-filter-tabs .filter-input .selection-input {flex-wrap: wrap}
    .product-filter-tabs .filter-input .result-shipping > * {margin-bottom: 20px}
    .section.product-list-grid-view {margin-bottom: 35px}
    .modal-product .product-image {margin-bottom: 20px}

    /*----- Shapes Options -----*/
    .filter-section .filter-grid .shapes .shape-select {flex-wrap: wrap;border-bottom: 0;width: 100%}
    .filter-section .filter-grid .shapes .shape-select .option:nth-child(5n) {border-right: 1px solid rgba(77, 77, 77, 0.25)}
    .filter-section .filter-grid .shapes .shape-select .option {width: 20%}
    .filter-section .filter-grid .shapes .shape-select .option a {padding: 10px}
    .filter-section .filter-grid .shapes .shape-select .option a i {margin-left: auto;margin-right: auto}

    /*----- Advanced Options -----*/
    .diamond-filter.filter-section .filter-grid .advanced-options {grid-column: 1/3;display: flex;flex-direction: column;justify-content: flex-start;align-items: flex-start}
    .diamond-filter.filter-section .filter-grid .advanced-options label {margin: 0 0 10px}
    .diamond-filter.filter-section .filter-grid .advanced-options .option-dropdown .btn-option-dropdown:not(:last-child) {margin-right: 0}
    .diamond-filter.filter-section .filter-grid .advanced-options .option-dropdown .btn-option-dropdown {margin-bottom: 10px;margin-left: 10px !important;margin-right: 10px !important}
    .diamond-filter.filter-section .filter-grid .advanced-options .option-dropdown {display: flex;flex-direction: row;flex-wrap: wrap;justify-content: center}

    /*----- Engagement -----*/
    .engagement-find-her-style {padding-top: 35px}
    .engagement-find-her-style .column {display: flex;justify-content: center;align-items: center}
    .engagement-find-her-style .image-block {text-align: center}
    .engagement-find-her-style .column:nth-child(2) > .column-wrap {padding: 0}
    .engagement-find-her-style .all-title br {display: none}
    .engagement-find-her-style .column:nth-child(3) .image-block {padding-bottom: 0}
    .section.engagement-find-her-style {margin-bottom: 35px}
    .section.engagement-recommend {margin-bottom: 0}
    .engagement-recommend .all-title br {display: none}
    .engagement-recommend .vertical-tabs-block #v-pills-tab {width: 100%;margin-right: 0 !important;margin-bottom: 25px}
    .vertical-tabs-block .d-flex {flex-direction: column;justify-content: center}

    /*----- Engagement Archive -----*/
    .filter-section .filter-grid .rings .ring-select .option {margin-right: 10px}
    .filter-section .filter-grid .rings .ring-select {flex-wrap: wrap;width: 100%}
    .filter-section .filter-grid .rings .ring-select .option {margin-right: 20px;margin-bottom: 10px}

    /*----- Single product -----*/
    .section.single-product-content .product-image figure img {padding: 0}
    .section.single-product-content .product-image {margin-bottom: 20px}
    .section.single-product-content {margin-bottom: 70px}
    .section.single-product-desc {margin-bottom: 35px}

    /*----- Wedding || Jewellery || Jewellery Arcieve -----*/
    .jewellery.archive .section.product-list-grid-view {margin-bottom: 65px;}

    /*----- Collection -----*/
    .collection .section.product-list-grid-view {margin-bottom: 30px;}

    /*----- About -----*/
    .about-icons .column-wrap {padding: 0 0 35px}
    .section.about-icons {margin-bottom: 0}
    .about-icons .column-wrap h5 {margin-bottom: 10px;}
    .about-process .vertical-tabs-block #v-pills-tab {width: 100%;margin-bottom: 25px;margin-right: 0 !important}
    .about-process.section .vertical-tabs-block {margin-bottom: 0}

    /*----- Education tab -----*/
    .education-tab .education-nav {border-bottom: 0;margin-bottom: 0;white-space: nowrap;flex-wrap: nowrap;overflow-x: scroll;-webkit-overflow-scrolling: touch;margin-left: calc(0px - var(--bs-gutter-x) / 2);margin-right: calc(0px - var(--bs-gutter-x) / 2);box-shadow: 0 1px 5px rgba(0,0,0,0.2);padding: 10px 10px 1px;margin-bottom: 10px;}
    .education-tab .education-nav::-webkit-scrollbar {height: 0px;}
    .education-tab .education-nav::-webkit-scrollbar-track {background: transparent; }
    .education-tab .education-nav::-webkit-scrollbar-thumb {background: transparent;}
    .education-tab .tab-pane .education-nav {margin-bottom: 30px;}
    .education-tab .education-nav .nav-item {}
    .education-tab .education-nav .nav-item .nav-link {margin-bottom: 0;margin-right: 10px;}
    .education-tab {margin-bottom: 0}
    .education-post .row .column:nth-child(2) > div {width: 100%;margin-left: auto}

    /*----- Contact -----*/
    .section.contact-main .image-block img {width: auto;height: 45px}
    .section.contact-main {margin-bottom: 35px}
    .section.contact-form-section {margin-bottom: 35px}
    .contact-form-section .contact-form .form-inner-wrap {display: block}
    .contact-form-section .contact-form .form-inner-wrap > div:not(:last-child) {margin-bottom: 20px}
}
@media all and (max-width: 479px) {
    #sidebar-footer:after, #sidebar-footer:before {font-size: 20vw;}
    #sidebar-footer:after {bottom: 60px;}
    #sidebar-footer:before {top: -10px;}
    #colophon .site-info {line-height: 1.5}
    #colophon .inspiren-right {display: inline-block}
    .filter-section .filter-grid .rings .ring-select {width: 100%}
    .filter-section .filter-grid .rings .ring-select .option {width: 25%;margin-right: 0}
}
@media all and (max-width: 991px) {
    /*----- Education -----*/
    .education-main .education-list .column .column-wrap .image-block img {height: 200px}
    .education-main .education-list .column .column-wrap .image-block.grow-effect figure {width: 100%}

    /*----- Education Center -----*/
    .section.education-content .row-2-col>div:nth-child(2n+1) {padding: 0 12px}
    .section.education-content .row-2-col>div:nth-child(2n) {padding: 0 12px}
}

/***************************************************************************/

/*home page big ring temperaly*/
.temperaly-closed {display: none}
.temperaly-open {display: block}
.section.home-custom {margin-bottom: 0}
.section.home-custom .container-fluid .row > .column > .column-wrap {position: relative;margin-top: 0 !important;width: 100%}
.section.home-custom .container-fluid .row > .column {display: flex;flex-wrap: wrap;align-items: center}
@media all and (max-width: 767px) {
    .section.home-custom {margin-bottom: 35px;margin-top: -70px}
    .home-custom > .container-fluid > .row {display: flex;flex-direction: column-reverse;justify-content: center;align-items: center}
}

/*full img row*/
.section.home-custom .container-fluid .row > .column:nth-child(1) {width: calc(1344px / 2);margin-left: auto}
@media only screen and (max-width: 1399px) {
    .section.home-custom .container-fluid .row > .column:nth-child(1) {width: calc(1164px / 2);margin-left: auto}
}
@media only screen and (max-width: 1199px) {
    .section.home-custom .container-fluid .row > .column:nth-child(1) {width: calc(984px / 2);margin-left: auto}
}
@media only screen and (max-width: 991px) {
    .section.home-custom .container-fluid .row > .column:nth-child(1) {width: calc(744px / 2);margin-left: auto}
    #products .item.list-group-item .card {grid-column-gap: 0;grid-row-gap: 0;display: flex;flex-direction: row;justify-content: center;align-items: flex-start}
    #products .item.list-group-item .card label {display: inline-block;padding-right: 10px;font-weight: 400}
    #products .item.list-group-item .card .product-price label {font-size: 16px !important;color: #212529}
    #products .item.list-group-item .card > * {margin-bottom: 20px}
    #products .item-table-heading.list-group-item.item-table-heading {display: none !important}
    #products .item .product-image {width: 100%}
}
@media only screen and (max-width: 767px) {
    /*#products .item.list-group-item .card {display: grid;grid-column-gap: 15px;grid-row-gap: 0;grid-template-columns: 60%;grid-template-rows: repeat(7, 24px);justify-content: flex-start;}*/
    #products .item.list-group-item .card {display: grid;grid-column-gap: 15px;grid-row-gap: 0;grid-template-columns: 40%;grid-template-rows: none;justify-content: flex-start;}
    #products .item.list-group-item h5.product-title {font-size: 80%}
    /*#products .item.list-group-item .card > .product-image {grid-row: 1 / 8;grid-column: 1}*/
    #products .item.list-group-item .card > .product-image {grid-row: 1 / 8;grid-column: 1; align-items: flex-start}
    #products .item.list-group-item h5.product-title, #products .item.list-group-item .product-shape, #products .item.list-group-item .product-carat, #products .item.list-group-item .product-clarity, #products .item.list-group-item .product-cut, #products .item.list-group-item .product-price, #products .item.list-group-item .product-details {display: block;grid-column: 2;grid-row: auto;text-align: left;margin-bottom: 5px}
    #products .item.list-group-item p {font-size: 75%}
    #products .item.list-group-item .product-image img {max-height: unset;border-radius: 3px;}
    #products .item.list-group-item .product-details i.sz-2x {font-size: 14px;}
    #products .item.list-group-item .card .product-price label {display: none}
    #products .item .product-details .productview {font-size: 85%; padding: 3px 20px;}
    .section.home-custom .container-fluid .row > .column:nth-child(1) {width: 100%}
    .section.home-custom .container-fluid .row > .column:nth-child(2) .image-block > * {width: 100%}
    .section.home-custom .no-side-padding .row > .column:nth-child(1) > .column-wrap {padding-left: 12px !important;padding-right: 12px !important}
    #products .item {width: 50%}
}

/*home page customize diamond animations*/
.home-custom .column:nth-child(2) .column-wrap {position: relative}
.home-custom .column:nth-child(2) .column-wrap #add-diamond {position: absolute;top: 0;right: 0;width: 100%;height: auto;z-index: 9}

/*amendment*/
.home-tips-help .column:nth-child(1) .column-wrap .text-block > :nth-child(3) {padding-top: 35px}
.home-tips-help .column:nth-child(2) .column-wrap .text-block > :nth-child(3) {padding-top: 25px}
.home-tips-help .row-2-col > div:nth-child(2n) {padding-left: 60px}
.home-tips-help .row-2-col > div:nth-child(2n+1) {padding-right: 60px}
@media only screen and (max-width: 767px) {
    .home-tips-help .row-2-col > div:nth-child(2n+1) {padding-right: calc(var(--bs-gutter-x) / 2)}
    .home-tips-help .row-2-col > div:nth-child(2n) {padding-left: calc(var(--bs-gutter-x) / 2)}
}

/* Paragraph Content */
.paragraph-content.right-img-row .column:nth-child(2) .column-wrap {margin-left: auto;}

/* Mobile Amendment */
@media only screen and (max-width: 767px) {
    /*diamond page*/
    .tabs-block .tabs-button {margin-bottom: 30px}
    .paragraph-content.right-img-row .column:nth-child(2) .column-wrap {margin-left: 0}
    .engagement-recommend .all-title {margin-bottom: 70px}
    .about-process .all-title br {display: none}
    .about-process .vertical-tabs-block #v-pills-tab .nav-link {margin-bottom: 20px}

    /*engagement*/
    .section.engagement-find-her-style .image-block {width: 70%;margin-left: auto;margin-right: auto}

    /*about*/
    .about-icons .image-block {margin-bottom: 20px;}

    /*Education*/
    .education-main .education-list .column .column-wrap:before {background: rgba(255, 255, 255, 0.8);}

    /*education center*/
    .education-post .image-block{width:70%;margin-left:auto;margin-right:auto}
    .filter-section .filter-grid .shapes .shape-select .option a svg{width:25px;height:25px}

    /*Product*/
    #products .item .product-image {width: 100%;margin-left: auto;margin-right: auto}
    #products .item .product-title {font-size: 14px;margin-bottom: 8px}
    #products .item .product-price p, .product-price {font-size: 14px}
}

.post-content{background:rgba(0,0,0,.48);height:100%;width:100%;display:flex;justify-content:center;align-items:center}
.love_story_image{position:absolute;width:100%;height:100%;object-fit:cover}
ul {padding-left:1em;}
/* ul li{margin:0;padding:0;} */
.diamond {display: block;width: 200px;height: 200px;position: relative;margin-left: auto;margin-right: auto}
.diamond li {position: absolute;width: 0;height: 0;border-style: solid;opacity: 0;z-index: 100;transition: 400ms ease}
.diamond li:nth-child(1) {border-width: 20px 20px 0 20px;border-color: #f9c198 transparent transparent transparent;left: 0;right: 0;margin: auto;animation: traingle1 200ms 2.2s ease, opacity 2s 2.4s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(2) {border-width: 0 20px 20px 20px;border-color: transparent transparent #f9c198;left: 59px;animation: traingle2 200ms 1.8s ease, opacity 2s 2.4s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(3) {border-width: 0 20px 20px 20px;border-color: transparent transparent #f9c198;right: 59px;animation: traingle3 200ms 2s ease, opacity 2s 2.4s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(4) {border-width: 0 20px 20px 20px;border-width: 20px 20px 0 20px;border-color: #f9c198 transparent transparent transparent;animation: traingle4 200ms 1.6s ease, opacity 2s 2.6s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(5) {border-width: 0 20px 20px 20px;border-width: 20px 20px 0 20px;border-color: #f9c198 transparent transparent transparent;animation: traingle5 200ms 1.4s ease, opacity 2s 2.6s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(6) {border-width: 0 20px 20px 20px;border-color: transparent transparent #f9c198;left: 0;right: 0;margin: auto;animation: traingle6 200ms 1.2s ease, opacity 2s 2.6s ease infinite;animation-fill-mode: forwards}
.diamond li:nth-child(7) {border-width: 20px 20px 0 20px;border-color: #f9c198 transparent transparent transparent;left: 0;right: 0;margin: auto;animation: traingle7 200ms 1s ease, opacity 2s 2.8s ease infinite;animation-fill-mode: forwards}
.textCon {width: 200px;height: 50px;position: absolute;top: 0;text-align: center;line-height: 50px;font-size: 30px;font-family: Dancing Script;color: #fff;opacity: 0;animation: text 500ms 2.4s ease;animation-fill-mode: forwards}

@keyframes traingle1{
    0%{top:-50px;opacity:0}
    100%{top:0;opacity:1
    }
}
@keyframes traingle2{
    0%{top:-50px;opacity:0}
    100%{top:1px;opacity:1}
}
@keyframes traingle3{
    0{top:-50px;opacity:0}
    100%{top:1px;opacity:1}
}
@keyframes traingle4{
    0{right:59px;top:-33px;opacity:0}
    100%{right:59px;top:22px;opacity:1}
}
@keyframes traingle5{
    0%{left:59px;top:-33px;opacity:0}
    100%{left:59px;top:22px;opacity:1}
}
@keyframes traingle6{
    0%{top:-33px;opacity:0}
    100%{top:23px;opacity:1}
}
@keyframes traingle7{
    0{top:-10px;opacity:0}
    100%{top:44px;opacity:1}
}
@keyframes opacity{
    0%{opacity:1}
    50%{opacity:.3}
    100%{opacity:1}
}

@keyframes text {
    0% {top: 0;opacity: 0}
    100% {top: 70px;opacity: 1}
}
.shape-checkbox {display: none;}
.hide {display: none;}
.fw-smaller{font-size:12px}
.fw-small{font-size:16px}
.max-width-60px{max-width:60px!important}
.cursor-pointer{cursor:pointer}
.text-link{color:#0d6efd!important}

/* Mobile Home Page Enchantment */
.extra-padding {padding-left: 16px;padding-right: 16px;}
@media screen and (min-width:1024px) {
    .desktop-only{display:block!important}
    .mobile-only{display:none!important}
}
@media screen and (max-width:768px) {
    .mobile-only {display: block !important}
    .desktop-only {display: none !important}
    .carousel-caption {margin-left: 16px;max-width: 50%}
    .home.page h3.all-title { margin-bottom: 10px;}
    .home-design .all-title {max-width: 100%;margin-left: auto;margin-right: auto;font-size: 32px}
    .home-design .text-block {max-width: 80%;margin-left: auto;margin-right: auto}
    .home-design .button-row {display: flex;margin-left: auto;margin-right: auto}
    .home-design .button-row .btn-readmore {flex: 1 1 0;font-size: 11px;padding: 6px 2px;margin: 0 1px !important;text-align: center;justify-content: center}
    .home-custom .row {display: flex !important;flex-direction: unset !important}
    .home-custom .row .column {width: 50% !important}
    .home-custom .image-block img {max-width: 50%}
    .home-custom .all-title {margin-bottom: 12px}
    .home-custom .btn-readmore {width: 200px}
    .home-custom.diamond-background {padding-top: 32px;/* background-image: url('/images/customize-your-ring2.png'); */background-size: 45%;background-position: right top;background-repeat: no-repeat}
    .home-custom.diamond-background .extra-padding > .column-wrap {margin: 0 12px}
    .home-search .all-title {text-align: left;margin: 0px 0 20px;}
    .home-search .row {justify-content: center}
    .home-search .row > * {width: unset !important}
    .home-search .image-block img {height: 50px}
    /* .home-search {margin-bottom: 0 !important} */
    .home-tips-help {padding: 0 8px 0 8px;overflow: hidden}
    .home-tips-help .column:first-child {padding: 32px 8px 0 8px;background-color: #3a3f51}
    .home-tips-help .column:nth-child(2) {padding: 32px 8px 0 8px;background-color: #f8eee5}
    .home-tips-help .column:first-child {height: 100%;background-image: url('/images/How-to-Design-a-Custom-Engagement-Ring.png');background-repeat: no-repeat;background-size: 50%;background-position: right bottom}
    .home-tips-help .column:nth-child(2) {height: 100%;background-image: url('/images/Call-Us-Anytime.png');background-repeat: no-repeat;background-size: 50%;background-position: right bottom}
    .home-banners .container {position: absolute !important;left: 50%;top: 55%;transform: translate(-50%, -50%)}
    .grid-gallery .gallery-post {width: 100%}
}
.bg-primary {background: #f8eee5 !important;}
@media screen and (min-width:768px) {
    .mh-md-300px{max-height:300px}
    .mh-md-350px{max-height:350px}
    .mh-md-400px{min-height:400px}
    .mh-md-200px{max-height:200px}
    .home-banners .container{position:absolute!important;left:50%;top:55%;transform:translate(-50%,-50%)}
}
@media screen and (min-width:1440px) {
    .mh-xl-400px {min-height: 400px;}
}
@media screen and (max-width:2560px) {
    .ring-style-carousel .slick-slide {padding: 5vw;}
}
@media screen and (max-width:1440px) {
    .ring-style-carousel .slick-slide {padding: 45px;}
}
@media screen and (max-width:1100px) {
    .ring-style-carousel .slick-slide {padding: 30px 30px;}
}
@media screen and (max-width:768px) {
    .ring-style-carousel .slick-slide {padding: 10px 20px;}
    .scrollable-row {overflow-y: hidden;overflow-x: auto;display: -webkit-box;flex-wrap: inherit;}
}
@media screen and (max-width:425px) {
    .ring-style-carousel .slick-slide {padding: 20px 100px;}
    h2.all-title {font-size: 20px;}
}
@media screen and (max-width:375px) {
    .ring-style-carousel .slick-slide {padding: 20px 60px;}
}
.fs-small {font-size: 14px}
.fs-smaller {font-size: 12px}
.menu-item-weddings img {object-fit: contain;width: 28px;margin-right: 1rem;margin-top: auto;margin-bottom: auto}
/* .menu-item-weddings .mega-column {width: unset} */
.special-row {--bs-gutter-x: 0 !important}
.tab-pane .fade:not(.show) {display: none}
.tooltips{display:inline-block;font-family:Nunito Sans;color:#fff;font-size:16px;border-radius:50%;background-color:#f9c198;width:20px;height:20px;line-height:20px;text-align:center;text-indent:0;cursor:pointer;font-weight:bold}
.selections .active{border-bottom:2px solid #f9c198}
.materialOpt{display:flex;flex-direction:column;/* justify-content:space-between; */align-items:center;border:1px solid transparent;}
.materialOpt.active{border:1px solid #f9c198}
@media screen and (max-width:425px) {
    .materialOpt {min-height: 80px;}
}
@media screen and (min-width:768px) {
    .materialOpt {min-height: 96px;}
}
@media screen and (min-width:769px) {
    .dropdown-toggle-special::after {display: none !important;}
}
@media screen and (max-width:768px) {
    .menu-item-weddings img {margin-right: 5px;}
    .dropdown-toggle-special, .dropdown-toggle-special .nav-link {display: inline-block !important;}
    .dropdown-toggle-special::after {position: absolute;right: 20px;top: 20px;}
    div[class*=col] > .prices {max-width: calc(100% - 15px);}
}
.live_stories_group img{max-width:100%;max-height:100%}
.cart-item .product-title{text-overflow:ellipsis;width:80px;overflow:hidden;white-space:nowrap}

/* iPads (portrait) ----------- */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    .grid-gallery {display: flex;grid-column-gap: 0;margin-bottom: 10px}
}
.square {padding: 0 4px}
.square img {background-color: black;min-height: 170px;max-height: 170px;height: 100%;width: 100%;object-fit: cover;margin-left: auto;margin-right: auto}