ul,ol {padding-left: 0;margin-bottom: 0;} a, a:hover{text-decoration: none;} img{max-width: 100%;} li{list-style-type: none;} a{color: #000;} b, strong {font-weight:700;} .lcts p{line-height:21px;margin:10px 0} .lcts h3,.lcts h4{font-size:20px;font-weight:600} .lcts h5{font-weight:600;font-size:16px} .modal-header .close{outline:0} .lcts a,.lcts h5 strong{font-weight:600!important;text-transform:capitalize} .breadcrumb {background: #000;text-align: center;color: #fff;padding: 30px 0;border-radius: 0;} .breadcrumb-item{justify-content: center;} .breadcrumb h3{font-size: 34px;text-transform: uppercase;font-weight: 600;margin-top: 15px;} .breadcrumb ul li{list-style: none; display: inline-block; position: relative;} .breadcrumb ul li:before{position: absolute; content: '>'; left:-2px; top:0; margin-top: -12px; top:50%;} .breadcrumb ul li:first-child:before{display: none;} .breadcrumb ul li a{display: block; padding: 0px 10px; color: #777;font-size: 14px;text-transform: uppercase;color: #c5c5c5;} .form-control:focus{color: #495057;background-color: #fff;border-color: #3f3f3f;outline: 0;box-shadow: none;} .breadcrumb ul li a.active, .breadcrumb ul li a:hover{ color: #fff;} .productListing{padding: 0 40px;} #bgvid{object-fit: contain;} .availableSize strong {font-size: 15px;font-weight: 500;} .productPreviewBox .currentAngle { height: 500px; } .appoinback{ padding: 0 45px 10px; } .border-radius-0 {border-radius:0;} .productListing h3{font-size: 18px; margin-bottom: 10px;} .productListing .leftpart li{width: 100%; float: left; margin-top: 10px; position: relative; cursor: pointer;color: #000;} .productListing .leftpart li label{width: 100%; cursor: pointer;} .productListing .leftpart li label input{display: none;} .productListing .leftpart li label span{border:1px solid #999; width: 20px; height: 20px; display: inline-block; margin-right: 10px;vertical-align: top; position: relative;} .productListing .leftpart li img{margin-right: 5px; width: 24px;} .productListing .leftpart li label:hover span{border:1px solid #06142f;} .productListing .leftpart li label input:checked~span{ border: 1px solid #000;} .productListing .leftpart li label input:checked~span:after{background: #000; width: 12px; border-radius:100%; height: 12px; left:3px; top:3px; border:1px solid #000; position: absolute; content: '';} .productListing .leftpart li a:hover{color: #06142f;} .productListing .category-filter-wrapper{margin-bottom: 15px; float: left; width: 100%; } .categoryGrid .dropDown{border: 1px solid #ddd; padding: 10px;} .categoryGrid .dropDown select{border: none; background: none;} .productBlog ul li {padding: 5px; cursor: pointer;} .productBlog{margin-bottom: 20px;position: relative;border: 1px solid #f1f2f7;padding-bottom: 20px;} .productBlog:hover{border: 1px solid #3f3f3f;} .categoryGrid .dropdown-menu{right: -15px; left:inherit!important;} .categoryGrid #sortDrop .fa{transition:all .3s ease-in-out 0s; } .categoryGrid .dropdown.show #sortDrop .fa{ transform: rotate(180deg); } .categoryGrid .dropdown .dropdown-item{ padding: 5px 10px; font-size: 14px;} .productBlog .productTitle { text-align: center; display: block; height: 45px; overflow: hidden; text-overflow: ellipsis;} .productBlog .title{margin: 6px 0; width: 100%; float: left; font-size: 13px; font-weight: 400; line-height: 19px;color: #000;text-decoration: none;} .productBlog .title:hover{color: #06142f;} .productBlog .productPrice{font-size: 14px; color: #3f3f3f;} .productBlog .btn{padding: 4px 10px; font-size: 15px; color: #fff; border-radius:0; border:1px solid #3f3f3f; background: #3f3f3f;} .productBlog .btn:hover{color: #fff; background: #000; border:1px solid #000;} .productBlog .viewBtn { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%,-25%); -moz-transform: translate(-50%,-25%); -o-transform: translate(-50%,-25%);transform: translate(-50%,-25%); z-index: 2; opacity: 0; visibility: hidden; -webkit-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -o-transition: all .4s ease-in-out;transition: all .4s ease-in-out;} ul#site_map { border-left: 1px solid #000; clear: left; list-style: outside none none; margin: 0; padding: 0;} ul#site_map li { background: url(../images/arrow-line.png) no-repeat left 10px !important; font-size: 13px; margin: 10px 0 10px 10px; padding-left: 22px; width: 100%;} ul#site_map li a { color: #444; font-size: 13px; font-weight: 400; text-align: left; font-weight: 700; text-decoration: none; text-transform: uppercase;} ul#site_map li ol { border-left: none; list-style: outside none none; padding: 0;} ul#site_map li ol ol{ border-left: 1px solid #000; } .hourText{padding-left: 20px;} .hourText li{padding-left: 2px; list-style: disc;} .productListing .leftpart li a img{margin-right: 4px;} #sortDrop{color: #000;} #sortDrop:hover{color: #000;} .productBlog:hover .viewBtn{opacity:1;visibility:visible;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)} .pagination a{display: inline-block; border:1px solid #ddd; background: #fff; height: 25px; text-align: center; line-height: 25px; margin-left: 5px; padding: 0 10px;} .pagination a:hover, .pagination a.active{ border:1px solid #06142f; background: #000; color: #fff; } .productBlog .productImg.platinum .img1 {display: block !important;} .productBlog .productImg.yellow-gold .img2 {display: block !important;} .productBlog .productImg.rose-gold .img3 {display: block !important;} .heartBtn{position: absolute; top:7px; right:7px; font-size: 16px; padding: 5px; z-index: 99; opacity:0; transition: all .4s ease-in-out;} .heartBtn:hover{color: #06142f;} .productBlog:hover .heartBtn{opacity:1;} .productListing .row{margin: 0 -10px;} .productListing [class*=col-]{padding: 0 10px;} .productActionBtns {margin-bottom: 10px;} .productPreviewBox { width: 100%; float: left; margin: 0 0 30px; padding: 0; } .productPreviewBox .currentAngle { width: 100%; float: left; margin: 0; overflow: hidden;} .productPreviewBox .currentAngle .zoomWrapper { width: 100% !important; float: left; margin: 0; height: 100% !important; text-align: center;} .productPreviewBox .currentAngle .zoomWrapper > img { width: 85%; position: relative !important; /*left:100px;*/} .productAngles li{display: flex; align-items: center; justify-content: center;width: 100px; height: 100px; border:1px solid #ddd; margin-bottom: 5px; line-height: 58px; transition: border-color 0.3s; text-align: center; margin-right: 10px;} .productAngles li img{width: 80px!important; display: inline-block;} .productAngles li.active, .productAngles li:hover{border-color: #06142f;} .diamondTab { border-top: 1px solid #fff; border-bottom: 1px solid #fff; background: #fff; padding: 10px 0; float: left; width: 100%; margin-top: 20px;margin-bottom: 0 !important;} .diamondTab .choose_tab .col-md-4 { padding: 0; z-index: 9;} .diamondTab .choose_tab a.active{ background: #F5F5F5; } .diamondTab .choose_tab a{ display: inline-block;padding:5px 15px;width: 100%;} .secondTabs { padding:5px 46px !important; } .thirdTabs { padding:5px 46px !important; } .productBlog .productImg .yellowColor, .productBlog .productImg .pinkColor, .productBlog .productImg .img-default, .productBlog .productImg .grayColor { display: none;} .productBlog.grayColor .productImg .grayColor , .productBlog.yellowColor .productImg .yellowColor, .productBlog.pinkColor .productImg .pinkColor { display: block ;} .productBlog.default .productImg .yellowColor.img-default, .productBlog.default .productImg .pinkColor.img-default, .productBlog.default .productImg .grayColor.img-default{display: block;} .productDetail.radioBlock {padding: 0;} .productBlog ul li {padding: 5px; cursor: pointer;} .productDetail.radioBlock li span {height: 22px; width: 22px; border-radius: 100%; border: 1px solid #fff; display: block; position: relative;} .productDetail.radioBlock li.grayColor span:before { background: #e2e1e1;} .productDetail.radioBlock li.yellowColor span:before { background: #e0db87;} .productDetail.radioBlock li.pinkColor span:before { background: #f6c6d3;} .productDetail.radioBlock li span:before {height: 20px; width: 20px;border-radius: 100%; border: 2px solid #fff; content: ''; left: 0; position: absolute;} .choose_tab { width: 100%; float: left; background: #fff; border: solid 1px #DDDDDD; overflow: hidden;} .choose_tab.productChoose_tabs { overflow: inherit;} .p-30{padding: 0 30px; } .afterringicon { position: absolute; top: 10px; z-index: 1; right: 18px; } .afterringicon img { width: 30px; height: 30px; } .choose_tab a.active .number { background: #fff; color: #000; border-color: #DDDDDD;} .border-right { border-right: 1px solid #7aa889 !important;} .choose_tab .textValue { color: #000; display: inline-block; margin: 10px 0 0;font-size: 18px; line-height: 24.55px; font-weight: 400;} .choose_tab .number { background: #fff; margin-right: 10px; border: 1px solid #ddd; display: inline-block; text-align: center; color: #000; font-size: 17px; width: 45px; height: 45px; line-height: 45px; border-radius: 50%;} .productDetail .metalType li{float: left; margin: 0 1% 10px;} .productDetail .metalType.bandWidth li{width:auto; float: left; margin: 0 1% 10px;} .productDetail .metalType.bandWidth li input{display: none;} .productDetail .metalType.bandWidth li input:checked ~ span{border:1px solid #06142f;} .productDetail .metalType.bandWidth li span{display: block; padding: 15px 20px; position: relative;} .productDetail .metalType.bandWidth li label{width: 100%;} .productDetail .metalType li a{border:1px solid #fff; padding: 5px 10px; display: block;} .productDetail .metalType li a.active{border:1px solid #06142f; color: #06142f; } .productDetail .metalType ul{margin: 0 -1%;} .productDetail .metalType li a:hover{border:1px solid #06142f; color: #06142f; } .productDetail .productTitle{font-size: 28px; font-weight: 400; line-height: 33.89px;} .productDetail .productDescription{margin-bottom: 10px;font-size: 12px;line-height: 14.52px;font-weight: 300;} .choose_tab .actionRigsize .number{float: left;} .reviewText{margin: 0 0 0 0 ;} .ratingValue ul{margin:0 5px;} .actionRigsize a{width: 100%;} .btnLink{background: none; font-size: 18px; padding:5px 10px; border:none; margin-top: 10px;color: #000;} .btnLink:hover{color: #000;} .actionRigsize .small{font-size: 13px;} .tab_sell a:hover{color: #000;} .productDetail h5{font-size: 16px;} #chain_length_html.certificatesList label { font-size: 13px;} #chain_length_html.certificatesList label { margin-bottom: 10px; margin-right: 10px; cursor: pointer;} .productDetail .metalType.bandWidth #chain_length_html.certificatesList label{width: 100%;} #chain_length_html.certificatesList label input { display: none;} #chain_length_html.certificatesList label span { border: 1px solid #ddd; padding: 8px; font-size: 12px; width: 100%; display: block; text-align: center;} #chain_length_html.certificatesList label input:checked + span { border: 1px solid #000;} .totalMountPrice{font-size: 28px; display: inline-grid; align-items: center; } .totalMountPrice .cutPrice {color: #515151; text-decoration: line-through; font-size: 18px; margin-left: 0 !important;} .productFooter .cutPrice{color: #ef5a5a; text-decoration: line-through;} .totalMountPrice .fa{font-size: 22px; font-weight: normal; } .totalMountPrice.alert{font-size: 14px; } .productActionBtns .btn-primary{padding: 7px 30px; text-transform: uppercase;} .choosediamond{ padding: 30px 0 10px; } .choosediamond.darkBlue{ background: #000; margin-bottom: 30px; } .choosediamond.grayBg{ border-top:1px solid #ddd; border-bottom: 1px solid #e5e5e5;} .choosediamond .productValue li{border-top:1px solid #ddd; padding: 10px 0; width: 80%;} .choosediamond .productValue li label{display: block; margin-bottom: 0;} .choosediamond .productValue li:first-child{border-top:none; padding-top: 0;} .choosediamond h2{font-size: 24px; margin-bottom: 30px;} .choosediamond label, .choosediamond span{font-size: 16px;} .choosediamond.darkBlue h2, .choosediamond.darkBlue li{color: #fff;} .choosediamond .orderList li{width: 50%; float: left; margin-bottom: 20px; font-size: 16px;} .choosediamond .orderList li img{margin-right: 10px;} .productDetail .productTitle .title{font-size: 14px;} .similarProducts{padding: 40px 0 20px;} .similarProducts h4{font-size:26px; margin-bottom: 30px;text-transform: uppercase; font-weight: 400;} .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 {font-weight: 400;} .capsTitle{font-size: 16px; color: #06142f;} .tooltipLink:hover{ color: #06142f;} .productOption{margin: 10px 0;} .productOption .selectWrapper { position: relative; width: 100%;} .productOption .selectWrapper:after { border-style: solid; border-width: 2px 0 0 2px; content: ""; display: inline-block; transform: rotate(225deg); height: 8px; width: 8px; margin-top: -2px; position: absolute; right: 15px; top:16px} .productOption .productRingSizeField {border: 1px solid #ddd; font-size: 13px; padding:10px 5px; width: 100%; appearance: none; -webkit-appearance: none; -moz-appearance: none;} .popupToolTip{width: 100%;max-width: 400px; display: none; position: fixed; top:50%; left:50%; transform: translate(-50%, -50%); background: #fff; box-shadow:0 0 10px rgba(0,0,0,.5); padding: 10px; z-index: 9999;} .popupToolTip .closePopup{float: right; font-size: 16px;} .productOption .input{border: 1px solid #ddd; font-size: 13px; padding:10px 5px; width: 100%; display: block;} .productOption span.coutertext{position: absolute; top:0; right:13px;} .productOption span.coutertext i{font-style: normal;} .productActionBtns select{width: 100%; border:1px solid #ddd; padding: 10px 10px;float: left;} .actionRigsize img{width: 45px; height: 45px; border: 1px solid #D3D7E1; float: left;} .actionRigsize .closeRing{position:absolute; top:0; right:40px; color: #6a6a6a; width: auto; } .actionRigsize .closeRing:hover{color: #000; } .actionRigsize a{color: #000;} .actionRigsize a:hover{color: #000;} .actionRigsize p{font-size: 13px; margin-bottom: 0;} .ionRangeSlider .irs--round .irs-bar {background-color: #000; } .ionRangeSlider .irs--round .irs-line {background-color: #000;} .diamondSearch .irs--round{margin-top: -25px;} .diamondSearch {margin-bottom: 20px;} .diamondSearch .ionRangeSlider{margin-bottom:10px; padding: 0 20px; width: 100%; float: left;} .certiBox .ionRangeSlider {padding: 0 0px;} .certiBox ul.select_diamond li{padding: 0 5px 0 0; } .certiBox .diamoneShape {padding: 0 0px;} .certiBox.diamondSearch ul li .btn-white {border-right: none;} .ionRangeSlider .irs--round .irs-from, .ionRangeSlider .irs--round .irs-to, .ionRangeSlider .irs--round .irs-min, .ionRangeSlider .irs--round .irs-max {display: none;} .diamondSearch .certificatesList { padding: 0; padding-bottom: 0px; list-style: none;} .diamond-search-head{margin-bottom: 15px;} .diamondTile{font-size:22px;color:#000;padding:13px 10px; margin-bottom:10px} .diamondSearch .certificatesList > li { margin: 0; padding: 7px 10px; flex: 1 1 25%; max-width: 25%;} .diamondSearch .certificatesList > li label { font-size: 12px; text-transform: uppercase; margin: 0; display: flex; white-space: nowrap; color: #000;} .diamondSearch .certificatesList > li label input { margin-right: 10px;} ul.select_diamond li { float: left; width: 20%; font-size: 12px; padding: 0px 6px; margin-bottom: 10px; text-align: center; position: relative;} ul.select_diamond { list-style: none; margin: 0; padding: 0px; background-color: #ffffff; width: 100%; box-sizing: border-box; float: left;} ul.select_diamond li label{display:inline-block;vertical-align:top;background:#ebebeb;padding:10px;width:100%} .diamondSearch .clickBlog.odd { background: #f3f3f3; } ul.select_diamond li img { max-width: 30px; margin-bottom: 3px;} ul.select_diamond li input[type="checkbox"] { display: none;} ul.select_diamond li input[type="checkbox"]:disabled { opacity: 0.2;} ul.select_diamond li input:disabled ~ span { opacity: 0.2;} ul.select_diamond li input:checked ~ span { border: 2px solid #000; background: #000; opacity: 1;} ul.select_diamond li input:checked ~ span::before { width: 10px; height: 8px; content: ''; background: url(../images/icon/tickcheckbox.png)left top no-repeat; position: absolute; left: 1px; top: 1px;} ul.select_diamond li input ~ span { width: 15px; height: 15px; border: 2px solid #959595; border-radius: 3px; display: inline-block; position: relative; margin-top: 2px;} .diamondTile a{font-size:13px;color:#06142f} .diamondSearch .form-control{border-radius:0} .ionRangeSlider .irs--round .irs-handle{width:10px;border:2px solid #fff;background-color:#000;z-index:10} .ionRangeSlider .irs--round .irs-grid-pol:not(.small){background:#fff;width:2px;height:4px;z-index:9;top:-4px} .ionRangeSlider .irs--round .irs-grid-text{font-size:11px;text-transform:uppercase;color:#000;font-weight:600} .diamoneShape{padding: 0 20px;} .ionRangeSlider{position: relative;} .ionRangeSlider span.filter{ background-color: #fff; border: 1px solid #757575; border-radius: 14px; color: #757575; cursor: pointer; display: inline-block; font-size: 12px; height: 26px; letter-spacing: .15em; line-height: 24px; margin: 0 4px 8px 0; padding: 0 10px; text-transform: uppercase;} .ionRangeSlider span .infoDrop:before { content: '\25B2'; left: 25%; top: -17px; position: absolute; font-size: 18px;} .ionRangeSlider .infoDrop { position: absolute; padding: 10px; font-size: 13px; top: 38%; right: 0px; width: 90%; z-index: 99; display: none; background: #fff; border-radius: 6px; border: 1px solid #343d58; box-shadow: 0 0 5px rgba(0,0,0,.2);} .ionRangeSlider span:hover .infoDrop { display: block; } .search_result_grid_container table th{background: #000; color: #fff;} .search_result_grid_container .title{font-size:22px;color:#000;padding:10px 0} .search_result_grid_container .dropdown-toggle:after{display:none} .search_result_grid_container .findValue span{font-size:13px} .search_result_grid_container .findValue ul{margin-bottom:0;padding-left:0} .search_result_grid_container .findValue ul li { list-style: none;} .search_result_grid_container .findValue ul li a { color: #000;} .search_result_grid_container .findValue ul.dropdown-menu li { border-top: 1px solid #cdcdcd; padding: 5px 10px;} .search_result_grid_container .findValue ul.dropdown-menu li:first-child { border-top: none; } .search_result_grid_container .findValue ul.dropdown-menu li a { font-size: 13px; } .search_result_grid_container .findValue ul.dropdown-menu { left: inherit !important; right: 0; border-radius: 0; box-shadow: none; border: 1px solid #b5b4b4; padding: 0;} .cartTable th{background: #f5f5f5; border:none;} .cartTable td img{max-width: 100%;} .cartTable table span{display: block; line-height: 24px;} .cartTable .priceText{font-size: 16px;} .cartPage .paymentMode{background: #fff; padding:0; } .carttotal2{ padding: 11px 0px; } .carttotal {background: #F5F5F5;padding: 30px; border: 1px solid #ddd;} .paymentSecureVoucher tr.font18 td { font-weight: 700;} .cartPage .paymentMode ul{background: #fff; width: 100%;} .cartPage .paymentMode ul li{width: 100%; display: inline-block; border-left: 1px solid #dfdfdf; padding:10px 0;} .cartPage .paymentMode ul li:first-child{border-left: none;} .cartPage .paymentMode ul li span{display: block; margin-bottom: 8px; font-size: 15px;} .cartPage .paymentMode ul li input{width: 50%;} .cartPage .paymentMode ul li input[type="text"]{height: 40px; border:1px solid #ddd; padding: 10px; margin-right: 10px;} .cartPage .paymentMode ul li .btn{margin-top: 0;} .cartPage .carttotal table{width: 100%;} .cartPage .carttotal table td{padding: 6px;} .cartPage .billing-info h3 { border-bottom: 1px solid #888888; color: #060024; float: left; font-size: 16px; margin: 0 0 20px; padding: 0 0 10px; width: 100%;} .cartPage .billing-info h3.totalText { border-bottom: none; background: #f0f0f0; padding: 10px; margin-bottom: 0;} .cartPage .billing-info ul li { margin: 0 0 15px; padding: 0; float: left; width: 100%;} .cartPage .billing-info ul li label { color: #333333; float: left; margin: 0; padding: 0; width: 30%;} .cartPage .billing-info ul li #Stripe-Container-Final label { width: 100%;} .cartPage .billing-info ul li span { float: left; margin: 0; padding: 0; width: 70%;} .cartPage .billing-info ul li input[type="text"], .cartPage .billing-info ul li textarea, .cartPage .billing-info ul li select{border:1px solid #ddd; padding: 6px; width: 100%; float: left;} .cartPage .billing-info ul li label i{color: #f00;} .cartPage .billing-info .radio-box ul li input[type="radio"] { display: inline-block; vertical-align: top; margin-right: 5px; margin-top: 4px;} .cartPage .billing-info .delivery-box { background-color: #F5F5F5; border: 1px solid #ddd; color: #333333; float: left; padding: 10px 15px; width: 100%; margin-bottom: 15px;} .cartPage .billing-info .delivery-box a{color: #06142f;} .cartPage .billing-info .checkoutTable th{background: #f0f0f0; border:none;} .cartPage .billing-info .checkoutTable td:first-child{width: 25%;} .cartPage .billing-info .checkoutTable td:nth-child(2){width: 40%;} .cartPage .billing-info .checkoutTable td:nth-child(3){width: 30%; text-align: right;} .cartPage .billing-info .checkoutTable th:nth-child(3){text-align: right;} .cartPage .billing-info .checkoutDetail td{text-align: left;} .cartPage .billing-info .checkoutDetail td:last-child{text-align: right;} .cartPage .billing-info .checkoutDetail .totalAmout{background: #f0f0f0;} .cartPage .billing-info .checkoutDetail .totalAmout td{ font-weight: 600;} .cartPage .billing-info .remove-icon{position: absolute; bottom: 10px; font-size: 16px; right: 10px;} .cartPage .billing-info td{position: relative; } .diamondPopup { width: 100%; background: #f3f3f3; left: 0; z-index: 99; margin-top: -12px; padding: 15px; } .diamondPopup ul { padding-left: 0;} .diamond_details ul { clear: left; list-style: none; margin: 0px; padding: 0px; padding-left: 0px;} .diamondPopup ul.d-flex li { width: 33.33%; float: left; list-style: none; margin-bottom: 12px;} .diamondPopup li .priceTolltip { color: #6d6d6d; cursor: pointer;} .diamondPopup li .totalPrice { color: #000;} .diamondPopup .closeBlog { position: absolute; top: -5px; right: 15px; color: #666; font-size: 24px; z-index: 99;} .search_result_grid_container table td>a.btn {padding:5px 10px; font-size: 13px;} .search_result_grid_container table td .downArrow{ transition:all 0.2s ease-in-out 0s; font-size: 16px; color: #000; transform: rotate(0deg)} .search_result_grid_container table td .downArrow .fa{ transition:all 0.5s ease-in-out 0s; transform: rotate(0deg)} .search_result_grid_container table tr.upArrow .downArrow .fa{ transform: rotate(180deg);} .search_result_grid_container .diamondPopup{display: none; overflow: hidden; height: 0; transition:all 0.3s ease-in-out 0s; position: relative;} .search_result_grid_container .diamondPopup.showdiamondPopup{height: 100%; } .search_result_grid_container .diamondPopup .diamond_details{ height: 0; opacity:0; transition:all .3s ease-in-out 0s;} .search_result_grid_container .diamondPopup.showdiamondPopup .diamond_details{ height: 100%; opacity:1; } .loginPage .subTitle { font-size: 16px; margin-bottom: 25px; color: #000; font-weight: 600;text-align: center;} .loginPage .form-control { border-color: #ccc; border-radius: 0; font-size: 13px; width: 100%; color: rgb(108, 108, 108); height: 36px;} .loginPage .form-group { position: relative;} .loginPage .forgotPassword { color: #06142f; font-size: 13px; display: block; margin-top: 12px;padding: 0;} .crateBtn:hover{color: #000;} .loginPage .agreeText { font-weight: 600;font-size: 14px;} .loginPage .agreeText label { float: left; margin-right: 10px;} .loginPage .agreeText a { font-weight: 600; } .newAccountForm li label{width: 100%; margin-bottom: 5px;} .contact-content p{font-size: 16px; line-height: 28px;} .createYourAccount h1,.newAccountForm h1,.newAccountForm h2{font-size:19px;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125);padding:10px} .change-billing-field{padding:20px 16px} .profileWrap .change-billing-field li label,.profileWrap .change-billing-field li span{width:50%;float:left} .dropdown-menu.loginShow{right:0;left:auto!important} .createYourAccount p{padding: 10px 19px;} .newAccountForm p{padding: 10px 19px;} .newAccountForm ul{padding: 10px 19px;} .createYourAccount,.newAccountForm { background-color: #fff;background-clip: border-box;border: 1px solid rgba(0,0,0,.125);border-radius: .25rem;} .newAccountForm #updateAccountDiv{border-top: 1px solid #ddd; padding-top: 15px; margin-top: 15px;} .change-billing-field li label{width: 25%; float: left;} .change-billing-field li span{width: 75%; float: left;} .change-billing-field li{width: 100%; float: left;} .inner-container{float: left; width: 100%; padding: 30px 0 40px;} .inner-container .innerBanner img{width: 100%;} .inner-container .innerBanner{width: 100%; margin-bottom: 40px;} .inner-container h2{font-size: 26px; margin-bottom: 20px;} .inner-container h3{font-size: 20px; font-weight: 600;} .inner-container h4{font-size: 20px; font-weight: 600;} .inner-container p{font-size: 14px; line-height: 28px;} .mainHeading-inner{text-align: center; text-transform: uppercase; font-size: 20px;margin-bottom: 30px;} .inner-container{overflow: hidden;} .inner-container .imgBar img{width: 100%;} .inner-container .orderList li{list-style: disc; padding-left: 10px; font-size: 16px; line-height: 30px;} .inner-container .orderList{margin-left: 20px; margin-bottom: 20px;} .inner-container .listingBlog{float: left; width: 100%; margin-bottom: 20px; position: relative; overflow: hidden;} .inner-container .listingBlog .title{position: absolute; top:20px; font-size: 24px; width: 100%; text-align: center;} .inner-container .listingBlog .bottomText{position: absolute; bottom:20px; width: 100%; text-align: center;} .inner-container .listingBlog .learnBtn{font-size: 24px; text-decoration: underline; font-size: 16px; color: #06142f; text-transform: uppercase;} .inner-container .listingBlog .learnBtn:hover{ text-decoration: none;} .inner-container .listingBlog img{ transition:all 0.4s ease-in-out 0s;} .inner-container .listingBlog:hover img{ transform: scale(1.2);} .inner-container .metallistingBlog{ background: #eee; padding: 15px;} .inner-container .giaListing .imgBlog{ padding: 15px; border:1px solid #ddd; height: 100%; margin-bottom: 20px;} .inner-container .giaListing .imgBlog h4{ margin-top: 10px; font-size: 22px;} .inner-container a{color: #1197e8;} .inner-container ol li{list-style: disc;line-height: 26px;margin: 10px 0;} .inner-container ol{padding-left: 15px;} .listingBlog.whiteText .title{ color: #fff;} .listingBlog.whiteText .learnBtn{ color: #fff;} .newAccountForm textarea.form-control { height: 105px;} .w-25.price-rang{width: 40% !important; position: relative;} .w-25.price-rang .form-control{padding-left: 16px;} .w-25.price-rang span{position:absolute; left:5px; top:50%; font-size: 15px; transform: translateY(-50%);} .checkoutBtn{text-align: center;} .g-recaptcha{text-align: center;} .g-recaptcha > div{display: inline-block;} .diamondPopup .closeBlog.rightClose{display: none;} .irs--round .irs-from, .irs--round .irs-to, .irs--round .irs-single, .irs-from, .irs-to, .irs-single{display: none !important;} .prodcusMetal ul li{width: 50%; border-bottom:1px solid #06142f;} .prodcusMetal.caretBlog ul li:nth-child(1), .prodcusMetal.caretBlog ul li:nth-child(2), .prodcusMetal.caretBlog ul li:nth-child(3), .prodcusMetal.caretBlog ul li:nth-child(4), .prodcusMetal.caretBlog ul li:nth-child(5), .prodcusMetal.caretBlog ul li:nth-child(6), .prodcusMetal.flueBlog ul li:nth-child(1), .prodcusMetal.flueBlog ul li:nth-child(2), .prodcusMetal.flueBlog ul li:nth-child(3){border-bottom: none;} .prodcusMetal ul li input, .producetChekcBox li input{display:none;} .prodcusMetal ul li input + span{display:block; width: 100%; border:0px solid #06142f; padding: 5px 7px; text-align: center; border-width: .5px .5px 0 0;} .prodcusMetal ul li input:checked + span {background: #000; color: #fff;} .prodcusMetal ul li input:checked + span img {filter: brightness(0) invert(1);} #chain_length_html.certificatesList label input:checked + span {background: #000!important;color: #fff;} .prodcusMetal ul li:first-child{border-left:1px solid #06142f;} .prodcusMetal ul li label{display: block; margin-bottom: 0; cursor: pointer;} .prodcusMetal{margin-bottom: 10px;} .prodcusMetal.caretBlog ul li{width:14.25%; float: left; margin-top: -1px;} .prodcusMetal.caretBlog ul, .prodcusMetal.flueBlog ul{float: left; width: 100%;} .prodcusMetal.caretBlog ul li:nth-child(7){border-bottom:none;} .prodcusMetal.caretBlog ul{border-left:1px solid #06142f} .prodcusMetal.caretBlog ul li:first-child{border-left:none;} .prodcusMetal.flueBlog ul li{width: 33.3333333%; float: left;} .prodcusMetal.flueBlog ul li:nth-child(4), .prodcusMetal.flueBlog ul li:nth-child(5){width: 50%;} .prodcusMetal.flueBlog ul li:nth-child(4){border-left:1px solid #06142f;} .chain_checkbox1 .chaincheckboxer{background: #ddd; padding:6px 10px; display: block; margin-bottom: 0;} .chain_checkbox1{border:1px solid #ddd;} .producetChekcBox li{width: 50%; float: left;} .producetChekcBox li{width: 50%; float: left;} .producetChekcBox .chainBlogData li{width: 33.3333333%;} .producetChekcBox .chainBlogData li i{display: block; font-size: 12px;} .producetChekcBox .chainBlogData li:last-child input + span{border-left:none;} .producetChekcBox li input + span{display:block; width: 100%; border:1px solid #ddd; padding: 5px 7px; text-align: center;} .producetChekcBox li input:checked + span{ border:1px solid #06142f !important;} .checkbox-custom{ float: right; margin-top: 3px;} .producetChekcBox { padding: 10px 0; display: none;} .producetChekcBox li:first-child input + span{border-right:none;} .producetChekcBox li label{width: 100%; } .optionShowMoreLess{display: none;} .moreoption{border:1px solid #06142f; padding: 5px 15px; color: #06142f;} .moreoption:hover{color: #06142f;} .producetChekcBox .chainBlog .text-danger{font-size: 12px; margin-top: -10px; float: left; width: 100%; text-align: center;} .newLoginPage .btn{width: 100%; text-align: center; padding-top: 8px; padding-bottom: 8px;} .homeTitle{font-size: 28px;font-weight: 600;color: #000;text-transform: uppercase;line-height: 33.89px;} .btn-primary {background: #000;padding: 6px 16px;border-color: #000;font-size: 16px;border-radius: 0;} .btn-primary:hover {color: #fff;background-color: #000;border-color: #000;} .colorBox{border-radius: 50%;background: #e2e1e1;} .productListing .leftpart li label #yellow#gold span + span{background: red;} .metalType{margin-bottom: 20px;} .colorMetal{margin-right: 5px;} .colorMetal:after{content: ""; width: 20px;height: 20px;border-radius: 50%;background: red;display: inline-block;margin-right: 5px;} .whiteMetal:after{content: ""; background: linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important;} .yellowMetal:after{content: ""; background: linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important;} .roseMetal:after{content: ""; background: linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important;} .platinumMetal:after{content: ""; background: linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important;} .colorMetal.active{border: 2px solid #fff;width: 24px;height: 24px;display: inline-block;border-radius: 50%;background: transparent;box-shadow: 0px 0px 3px #ccc;} .btn-outline-primary{border: 1px solid #000;color: #000;} .btn-outline-primary:hover, .btn-outline-primary:focus{color: #fff!important;background-color: #000!important;border-color: #000!important;} .confidenceBox{margin-top: 30px; background: #f7f7f7;padding: 60px 0;border-top: 1px solid #c5c5c5;border-bottom: 1px solid #c5c5c5;float: left;width: 100%;text-align: center;} .confidenceBox h3{font-size: 26px;color: #2c2c2c;margin-bottom: 30px;text-transform: uppercase;font-weight: 400;font-family: roboto;} .confidenceBox p{font-size: 14px;font-weight: 400;margin:20px 0 0px;color: #2c2c2c;} .customer-review{margin: 40px 0;float: left;width: 100%;} .customer-review h3{font-size: 26px;} .customer-review .reviewText{font-size: 14px;font-weight: 600;margin-bottom: 0;margin-top: 7px;} .customer-review ul{border-left: 1px solid #000;border-right: 1px solid #000;padding: 0 10px;margin: 0 10px;} ul.borderNOne{border-left: none;border-right: none;} .customer-review ul i{font-size: 25px;padding: 5px;} .customer-review ul .fa-star{color: #ffc107;} .customer-review .review-detail{background: #f4f4f4;padding: 20px 30px;} .customer-review .review-detail p{color: #010000;font-size: 14px;font-weight: 600;} .customer-review .review-detail small{color: #010000;opacity: 0.6;font-weight: 600;font-size: 14px;} .review-detail h5{font-size: 16px;color: #010000;font-weight: 600;margin: 10px 0;} .reviewDis{color: #727272!important;font-size: 14px!important;margin-bottom: 0;} .detailTab .nav-pills .nav-link.active, .nav-pills .show>.nav-link {color: #000;background-color: transparent;border-radius: 0;} .detailTab .card .card-header a:after { content: ""; background-image: url(../images/down-arrow.png); width: 12px; display: inline-block; height: 15px; background-repeat: no-repeat; background-size: contain; position: relative; top: 9px; left: 10px; } .detailTab .card-header { padding: 5px; margin-bottom: 0; background-color: inherit; border-bottom: none; } .detailTab .card-body { border-top: 1px solid #dddd; padding: 0; border-bottom: 1px solid #dddd; } .detailTab .card { border: none; border-top: 1px solid rgba(0,0,0,.125)!important; border-radius: 0 !important; border-bottom: 1px solid rgba(0,0,0,.125) !important; } .detailTab .nav-pills .nav-link{font-weight: 600;font-size: 20px;padding: 10px 25px;} .detailTab p { padding: 10px;} .detailTab .nav{border-top: 1px solid #DDDDDD;border-bottom: 1px solid #DDDDDD;} .detailBox{margin-top: 0;} .detailTab { border: 1px solid #DDDDDD; border-top: none;border-bottom: none;} .detailTab .container {padding: 0;} .detailBox h5{font-size: 16px;font-weight: 600;margin-bottom: 15px; padding: 0 30px;} .detailBox li span{color: #696969;font-size: 16px;} .detailBox li span:nth-child(2){float: right;} .shareText img{width: 30px;vertical-align: text-bottom;margin-right: 8px;} .shareText a{font-size: 18px;margin-top: 20px;display: inline-block;} .colorBoxWhite {border-radius: 50%;background: #e2e1e1;border: none;} .colorBoxYellow{border-radius: 50%;background: #e0db87;border: none;} .colorBoxRose{border-radius: 50%;background: #f6c6d3;border: none;} .colorBoxPlatinum{border-radius: 50%;background: #a3a3a3;border: none;} #review ul.star-rating {border-left:none;border-right:none; } #review ul.star-rating li{float:left;padding:10px 0;font-size:36px;color:#4a148c;transition:.2s;margin:-4px 0 0} #review ul.star-rating li a{font-size:15px} .reviewWrapper p{margin:0} .all-pageHeading{font-size: 30px;line-height: 48px;color: #363636;text-align: center;font-weight: 600;letter-spacing: 1px;margin: 40px 0;text-transform: uppercase; display: inline-block; width: 100%;} .setting-makes-sense-head{padding: 0 0 15px;text-align: center;font-size: 24px;color: #000;line-height: 30px; text-transform: capitalize;} .buying-guide{margin: 40px 0;} .buying-guide .card{border-radius: 0!important;} .buying-guide .card-header{padding: 0;border-radius: 0!important;} .buying-guide .btn-link{text-decoration: none;color: #fff;background: #444;border-radius: 0!important;} .buying-guide .btn-link.collapsed:after{content: "\f078";font-family: "FontAwesome";color: #fff;float: right;} .buying-guide .btn-link:after{content: "\f077";font-family: "FontAwesome";color: #fff;float: right;} .aboutSection{text-align: center;} .founderImg{width: auto!important;} .aboutSection img{width: 100%;} .aboutSection .row{padding: 30px 0;} .aboutSection .disBbox{height: 100%; } .aboutSection .odd .disBbox{color: #fff; background: #a3c1ad;border: 1px solid #a3c1ad;} .aboutSection .even .disBbox{color: #000; background: #fee8da; border: 1px solid #fee8da;} .aboutSection .disBbox>div{padding: 0 30px;} .aboutSection h2{font-size: 20px;font-weight: 600;} .aboutSection p{font-size: 14px;line-height: 23px;margin-bottom: 0;} .disBbox1>div{max-width: 900px;margin: auto;padding-top: 15px;} .scheduleAppointment{border:1px solid #ddd;width:100%;float:left;padding:20px;margin-top:20px} .topBlog{float:left;width:100%;margin:9px 0 10px 16px;font-weight:600;color:#000;font-size:19px} .appointmentCheckBlog{display:flex} .appointmentCheckBlog li{margin-right:10px} .scheduleAppointment .appointment-details-address{width:100%;height:372px;background:url(../images/appointment-bg.jpg) left center/100% no-repeat;display:flex;align-items:center;justify-content:center} .scheduleAppointment .appointment-content{width:278px;height:278px;border-radius:100%;overflow:hidden;background-color:rgba(255,255,255,.79);display:flex;align-items:center;flex-direction:column;justify-content:center} .appointment-content,.appointmentGreet{text-align:center} .scheduleAppointment .form-control{width:100%} #productDteail .detailBox ul{margin:0;background:#fff;padding:0px;display:inline-block;width:100%} #productDteail .detailBox ul li{float:left;width:100%;border:none;padding:9px 17px;font-weight:200;border-top:none;border-right:0;border-bottom:1px solid #DDDDDD} #productDteail .detailBox ul li:last-child{border-bottom:0;} #diamondDteail .detailBox ul{margin:0;background:#fff;padding:11px 20px;display:inline-block;width:100%} #diamondDteail .detailBox ul li{float:left;width:100%;border:none;padding:9px 17px;font-weight:200;border-top:none;border-right:0;border-bottom:1px solid #DDDDDD} #diamondDteail .detailBox ul li:last-child{border-bottom:0;} .appointmentGreet .soons{background:#fff;font-weight:600;border:1px solid #000;display:inline-block;line-height:40px;text-transform:capitalize;color:#000;font-size:14px;padding:4px 30px} .scheduleAppointment h4{margin:20px 0}.appointmentGreet p{font-weight:400;font-size:14px} .productDetail .productAngles{width:100%;display:flex;justify-content: center;margin:20px 0 0} .productPreviewBox .currentAngle{width:80%;float:none;overflow:hidden;height:490px;margin:0 10%} .productPreviewBox .currentAngle img { margin: 0; width: 100%; height: 100%; object-fit: cover; } .productPreviewBox #videoLink{height:490px } .productPreviewBox #bgvid{height:100% } .diamondTab .choose_tab .actionRigsize{background:#fff;width:100%;border-right:1px solid #bfbfbf;position:relative;float:left} .diamondTab .choose_tab a.closeRing{width:auto;top:9px} .education-precious-metals{margin:0;padding:0;clear:both} .edu-brown-text {clear: both;font-size: 20px;font-weight: 600;line-height: 24px;margin: 2px 0 10px;padding: 0;text-align: justify;} .edu-normal-text {clear: both;line-height: 22px;margin: 2px 0 10px;padding: 0;text-align: justify;} .MT20 {margin-top: 20px!important;} .diamondEdicationTabsList>li{width:25%;float:left;padding:0 5px;box-sizing:border-box} .diamondEdicationTabsList>li>a{display:block;padding:10px;background-color:#e9e9e9;color:#545454;font-size:16px;font-weight:600;line-height:20px;margin:0;border:none;border-radius:0;text-align:center;} .diamondEdicationTabsList>li>a.active,.diamondEdicationTabsList>li>a:focus,.diamondEdicationTabsList>li.active>a:hover,.diamondEdicationTabsList>li>a:hover{background:#000;color:#fff;border:none!important} .diamondEdicationTabsList>li.active>a::before{content:"";position:absolute;width:10px;height:10px;border:10px solid transparent;border-top-color:#000;top:100%;left:50%;margin-left:-7px} .diamondEdicationTabsBox .tab-content{border:none;margin:0;} .diamondEdicationTabsList {margin: 0 -5px 20px;padding: 0;list-style: none;border: none;border-bottom: none;} .panelGroupWrapper{width:100%;float:left;margin:0;padding:0} .panelGroupWrapper .row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;align-items:stretch} .panelGroupWrapper .row [class*=col-]{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap} .tab-content>.tab-pane {padding-top: 10px;} .tab-content>.active {display: block;} .textCenter {text-align: center!important;} .nav>li>a {position: relative;} .TabbedPanels {clear: none;float: left;margin: 0;padding: 0;width: 100%;} .TabbedPanelsTabGroup {margin: 10px 0 30px;padding: 0;} .TabbedPanelsTab.left-side-tab{background-color:#e9e9e9;color:#545454;cursor:pointer;display:block;float:left;font-size:14px;font-weight:600;line-height:20px;list-style:outside none none;margin:0 2% 30px 0;padding:12px 2%;position:relative;text-align:left;text-decoration:none;text-transform:capitalize;top:1px;width:23.5%} .TabbedPanelsTabSelected.sele-left-side-tab{background-color:#000!important;color:#fff;display:block;float:left;font-size:14px;font-weight:600;line-height:20px;margin:0 2% 30px 0;padding:12px 2%;position:relative;text-align:left;text-decoration:none;text-transform:capitalize;width:23.5%} .TabbedPanelsTabSelected.sele-left-side-tab::after{color:#000;content:"▼";font-size:20px;z-index:9;height:10px;position:absolute;left:50%!important;bottom:-6px!important;width:12px;transform:translateX(-50%)} .TabbedPanelsContentGroup, .clear{clear:both} .TabbedPanelsContent{padding:4px} .modalBtn{display: flex;justify-content: center;border: 1px solid #000;max-width: 200px;margin: auto;height: 40px;line-height: 40px;font-size: 14px;text-transform: uppercase;} .modalBtn:hover{background: #000;color: #fff;} #shoppingCartList table{width: 100%;} #shoppingCartList table th{background: #f1f2f7;line-height: 34px;font-weight: 600;padding-left: 14px;} #shoppingCartList table td{padding: .75rem;vertical-align: top;border-top: 1px solid #dee2e6;} .shareBtn{border: 1px solid #99803f;font-size: 13px;color: #000;border-radius: 0;padding: 7px 9px;} .btn1{background-color: #99803f;color: #fff;} .shareBtn:hover{background-color: #99803f;color: #fff;} .infoTitle{font-size: 14px;max-width: 750px;margin: 20px auto;font-weight: 600;text-align: center;} .text-img{position: absolute; top: 106px; left: 58px; text-align: center;} .img-text{position: relative; margin: 20px 0 0 0;} .btn-text{ background-color: #fff; border-radius: 0; border: 1px solid #000; padding: 10px 55px; color: #000!important; margin: 10px 0 0 0;} .btn-text:hover{ background-color:#000; color: #fff !important;} .text-img{position: absolute; top: 25%; left: 58px; text-align: center;} .img-text{position: relative; margin: 20px 0 0 0;} .btn-text{ background-color: #fff; border-radius: 0; border: 1px solid #000; padding: 10px 55px; color: #000!important; margin: 10px 0 0 0;} .btn-text:hover{ background-color:#000; color: #fff !important;} .check-pad{ float: left; font-size: 12px; padding: 0 10px 0 20px;} .check-pad label{padding: 2px;} .text-top{margin-bottom: -17px;} .text-top h2{font-size: 30px; margin-bottom: 0;} .text-top p{font-size: 11px;} .text-poke{width: 75%; margin: auto;} .form-control { display:block; width:95%; height:calc(1.5em + .75rem + 2px); padding:.375rem .75rem; font-size:1rem; font-weight:400; line-height:1.5; color: #495057; background-color:#fff; background-clip: padding-box; border: 1px solid #ced4da; border-radius: 0; transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;} .jackson a{ width: 95%;} .bottom{ border: 0; border-bottom: 1px solid #e3e3e3; width: 60%; margin-left: 5px;} label { display: inline-block; margin-bottom: .5rem; font-size: 14px;} .clarityWraps p {margin: 0 0 11px;line-height: 29px;} .mt-10 { margin-top: 6rem !important;} .clarityBoxes h3 { margin: 15px 0 10px; text-transform: uppercase; font-weight: 600;font-size: 16px;} .clarityBoxes p { line-height: 22px; max-height:220px; min-height: 180px; margin:0px 0 0;} .btn-white{ font-weight: 600; padding: 11px 20px 9px;border: 1px solid #000; display: inline-block; font-size: 14px; } .inner-container .clarityBoxes a.btn-white{color: #000;} .inner-container .clarityBoxes a.btn-white:hover{color: #fff;} .clarityBoxes { margin: 0 0 30px;background: #fafafa;padding: 31px 20px;} .diamondSearch ul{margin-bottom:0px;} .diamondSearch ul.loose-diamonds{margin-bottom:13px;margin-top: 10px;} .rightBoxes{ padding: 10px 40px 20px 0;} .rightBoxes p { line-height: 20px; font-size: 14px; padding: 0 0px 0 0;} .rightBoxes .bottom, .rightBoxes .form-control { width: 100%; margin-left: 0;} .btnWrapper a { display: block;width: 50%;margin: 0 0 15px;} .topBanner .btnWrapper a { width: auto; } .topBanner h2 { color: #fff; } .btnWrapper a:last-child { margin: 0 0px 0 0;} .shapes .clarityBoxes p { max-height:230px; min-height:140px; } .shapes .clarityBoxes h3 { margin: 25px 0 10px;} .SlidebarLeft { display: inline-block; width: 100%; padding: 10px 10px;} .SlidebarLeft .card{ border: none; margin: 0 0 20px; background-color: inherit;} .SlidebarLeft .card-header { padding: 0; background-color:inherit; border-bottom: none; margin: 0 !important;} .SlidebarLeft .card-header .btn-link { color: #000;padding: 0; text-decoration: none; position: relative; border: 1px solid #000; border-radius: 0; padding: 10px;} .SlidebarLeft .card-body { padding: 10px;} .SlidebarLeft .card-header .btn-link::after { content: "+"; float: right; font-weight: 600; font-size: 20px; margin: -6px 0 0;} .SlidebarLeft .card-header .btn-link[aria-expanded="true"]::after { content: "-"; float: right; font-weight: 600;font-size: 20px; margin: -6px 0 0;} .SlidebarLeft .collapse.show { padding: 18px 0 10px; border: 1px solid #000; border-top: 0;} .filter-title {width: 100%;font-size: 25px;text-transform: capitalize;letter-spacing: 1px;} .rightcatblock h2 { color: #000; font-weight: 600; margin: 0;} .rightcatblock p { padding: 0 30px 0 0; } p.lrn-btn{ margin: 0;} p.lrn-btn a{ color: #000; font-weight:600; margin: 0;} .tabsBoxes .tab-boxes{width: 100%;text-align: center;border-bottom: 1px solid #dee2e6;border-top: 1px solid #dee2e6;margin: 0 0 20px;padding: 4px 0;} .tabsBoxes .nav-tabs {border-bottom: none;margin: auto;display:inline-flex;} .tabsBoxes .nav-tabs .nav-link { border: none; font-size: 16px;} .tabsBoxes .nav-tabs .nav-item{margin-right:15px} .jewlryBoxes1 li a{display:flex;align-items:center;height:100%;justify-content:center} .tabsBoxes .nav-tabs .nav-link.active {color: #495057;background: inherit;border: none;} .tabsBoxes .nav-tabs .nav-link:focus, .tabsBoxes .nav-tabs .nav-link:hover {border: none;} .tabsBoxes .nav-tabs a {color: #000;} .tabsBoxes .nav-tabs img { width: 50px; margin: auto;display: table;} .tabsBoxes .nav-tabs span {display: block;text-align: center;} .tabsBoxes1 .tab-boxes {border: none;background: #f2f2f2;margin: 20px 0 10px;padding: 25px 0 11px;} .tabsBoxes1 p { text-align: center;width: 100%;} .tabsBoxes .tab-content {width: 100%;} .tabsBoxes .btn-white { text-transform: uppercase;border: solid 1px #ccc;padding: 7px 20px;} .tabsBoxes1 .btn-white {margin: auto;display: table;text-transform: uppercase;border: solid 1px #ccc;padding: 7px 20px;} .ring-sizeGuide {background: #fff;width: auto;height: auto;font-weight: 600;border: 1px solid #000;display: inline-block;line-height: 40px;text-transform: capitalize;color: #000;font-size: 14px;padding: 3px 20px;width: 100%;} .listGuide li { font-size: 15px; margin: 10px 0 0px;} .listGuide .listingGuides li { list-style-type: disc;} .rightcatblock.ringWraps h6{ text-transform: capitalize; font-weight: 600;} .faqRing .card-header, .faqRing .card { background: inherit; border: none;} .faqRing .accordion > .card > .card-header .btn{ color: #000; text-transform: capitalize; font-size: 18px; border-bottom: 1px solid rgba(0,0,0,.125);text-decoration: none; padding-bottom: 7px;} .faqRing .accordion > .card > .card-header .btn:hover { color: #333;} .faqRing .accordion > .card > .card-header .btn:before {content:"+"; float: right; font-size: 20px;} .faqRing .accordion > .card > .card-header .btn[aria-expanded="true"]:before {content:"-";font-size: 25px;} .buttonList{ margin: auto; display: table;} .buttonList li { margin: 10px 0 10px;text-transform: capitalize;font-weight: 600;padding: 11px 20px 9px;border: 1px solid #000;font-size: 14px;} #helps, #partners { display: inline-block; width: 100%;} .ringWrappers h2 { text-transform: capitalize;} .reviewWrapper #current-rating{width:100%;margin:0;padding:0}.reviewWrapper ul{padding:0;margin:0} #review ul.star-rating li{float:left;padding:1px 9px 10px 0;font-size:25px;color:#4a148c;transition:.2s} .btn-outline-primary.focus,.btn-outline-primary:focus,.btn-primary.focus,.btn-primary:focus{outline:inherit!important;background-color:#0b0c0d;box-shadow:0 0 0 .2rem rgba(247,251,255,.5)!important;border-color:#000} .btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;box-shadow:0 0 0 0 rgba(255,255,255,.5)!important;background-color:#0b0c0d;outline:inherit!important;border-color:#000} .reviewWrapper .grdPink{background:#3f3f3f;padding:6px 16px;border-color:#3f3f3f;font-size:16px;color:#fff} .reviewWrapper .grdPink:hover{color:#fff;background-color:#000;border-color:#000} .topBanner{position: relative;} .posBox {position: absolute; top: 26%; left:60px;} .posBox h1 {color: #fff; font-size: 32px; text-transform: uppercase;} .list-items li {list-style-type: disc;margin: 0 0 10px;line-height: 24px;} .list-items {padding-left: 29px;} .diamondSearch .closeBlog img{ width: auto; } .pageRing .btnWrapper a{width:55%;color:#fff} .createYourAccount p,.orderWrap p{margin:0} .orderWrap .btn{margin:10px 0 0} .cart-track{height:270px} .border-bottom{border-top:1px solid #dee2e6} .addressContact i{margin:6px 10px 11px 0;float:left} .addressContact,.at a{float:left;margin:9px 0 0} .addressContact{width:100%;padding:0 10px!important} .p12{padding:12px 10px 0} .p0{padding:0} .bg-grey{background:#eee} .newPad h2{padding:0 20px} .newPad ul{padding:0 20px 0 40px} .newPad1 ul,.newPad2 ul{padding:0 30px} .newPad2 h2{padding:0 20px 0 10px} .productActionBtns .enquireBtn{font-size:14px;text-transform:capitalize} .productActionBtns .enquireBtn a{text-decoration:underline;text-transform:uppercase;margin:0 0 0 8px;font-weight:600;color:#666363} .pl50{padding-left: 40px !important; } .posBox a,.posBox p{color:#fff} .posBox p{font-size:15px} .posBox .btnWrapper a{border:1px solid #fff} .deskWrapper .TabbedPanelsTabGroup li{text-align:center;padding:18px 14px 15px;font-size:13px;display:flex;align-items:center;justify-content:center} .deskWrapper .TabbedPanelsTabGroup{margin:10px 0 0;padding:0;flex-wrap:wrap}.productDropdown.dropdown-menu{width:100%;border-radius:0;border-top:none} .productDropdown.dropdown-menu .actionRigsize{border-right:none} .diamondTab .choose_tab a button{float:right;margin:6px 0 0; z-index: 999;position: absolute; color: #000;} .productDropdown.dropdown-menu strong{width:100%;text-align:center;display:block;font-weight:500;font-size:19px} .productDropdown.dropdown-menu strong i{margin:0 5px}.choose_tab a.active .number{float:left} .fqWrappers { padding: 70px 0;} .mainTitle h3{color:#fff}.mainTitle .btn{background:inherit;border-color:#fff;color:#fff!important}.btnWrapper a.btn-white:hover,.mainTitle .btn:hover{background:#000;border-color:#000;color:#fff!important}.clarityBoxes .btn-white:hover,.posBox .btnWrapper a:hover,.tabsBoxes .btn-white:hover{background:#000;border-color:#000;color:#fff} .staticBlock {border:1px solid #ddd; background: #f7f7f7; padding: 15px; min-height: 160px; margin-bottom: 20px;} .staticBlock p span{display: block;} .cvvHover { position: relative; width: 100%; float: left;} .whattext { font-size: 12px; color: #000;} .whattext:hover {color: #000;} .cvvHover .toolTip-area { display: none; position: absolute; background: #000; color: #fff; width: 250px; position: absolute; right: 4px; bottom: 20px; padding: 10px;} .cvvHover .toolTip-area.showtooltip { display: block;} .labGrown .topContent,.labGrown .topContent1{transform:translateY(-50%);position:absolute} .labGrown .topContent{top:50%;width:100%;text-align:center} .labGrown .topContent h1,.labGrown .topContent p{color:#fff} .labGrown .topContent .btn{border:none;border-radius:50px} .text-poke1{border:1px solid #000;padding:30px 20px} .text-poke1 h3{margin:11px 0 18px} .labGrown .topContent1{top:40%;right:20px;padding:15px 20px 1px;width:420px} .bespoke-page .diamondSearch.diamondShape{background:#fff!important} .labSecton-1 li{font-weight:700;font-size:15px;color:#000;margin:10px 0;display:inline-block;width:100%} .labSecton-1 li ul li{font-weight:500}.labSecton-1 ul{padding:10px 0 0 20px} .labSecton-1 ul li ul{padding:0 0 0 20px} .labSecton-1 .btn{background:inherit} .labSecton-1 .btn:hover{background:#000} .labGrown1::before{content:'';width:100%;height:100%;background:#0003;display:block;position:absolute} .emptyText{font-weight:600;font-size:16px;line-height:26px;color:#000} .cityPage h1,.cityPage h3{font-size:26px} .yourSection .thumbnail{border:1px solid #000;margin:0 0 30px;text-align:center;padding:20px 0} .yourSection .thumbnail span{font-size:16px;padding:0 10px;height:50px;display:block} .cityPage li{list-style-type:disc}.localnewsBox{text-align:center;background:#f4f4f4;padding:10px 0} .feed-item-title,.localnewsBox ul li{font-size:14px;line-height:26px;list-style:none;margin:15px 0 0} .cityPage ul li h4{font-size:19px} .cityPage a {color:#1f567c;} .cityPage .yourSection a {color: #000;} .cityPage h2{ font-size: 26px; line-height: 29px;} .diamondEdicationTabsBox ul.diamondEdicationTabsList ul li{position:relative} .diamondEdicationTabsBox ul.diamondEdicationTabsList li a.active::after{bottom:-3px;color:#000;content:"\f0d7";font-family:FontAwesome;font-size:20px;height:10px;left:47%;position:absolute;width:12px} .red { color: red;} .fa, .btn, a.btnLink {outline: 0;} .choose_tab .priceDiv .dropdown-menu.lastDiv .textValue { width: 100%;} .apply-btn {width: 25% !important;background: #fff;color: #000; text-transform: uppercase;} @media only screen and (max-width:1366px) { .setting-makes-sense .setting-makes-sense-img img{width:71%;margin:auto;display:table} .all-pageHeading{font-size:22px} } @media (max-width:1300px) { .cityPage h1, .cityPage h3 {font-size: 20px;line-height: 29px;} .clarityBoxes p { max-height: 220px; min-height: 230px; } } @media only screen and (max-width:1200px) { .jewlryBoxes1 li a {font-size: 15px;line-height: 18px;} .posBox {top: 6%;} } @media(max-width: 1030px) { #mainAngle-ZoomContainer{display: none !important;} .ZoomContainer, .zoomLens, .zoomWindow{display: none !important;} .cartPage .paymentMode ul li:first-child img{width: 55px;} #RegisterForm .btn{font-size: 16px;} } @media(max-width: 992px) { .secondTabs, .thirdTabs { padding:0px 0 0 29px !important; } .afterringicon { right: 6px; } .confidenceBox p{font-size: 13px;} .confidenceBox h3, .customer-review h3{font-size: 20px;} .jewlryBoxes1 li a{display:flex;align-items:center;height:100%;justify-content:center;font-size:13px;line-height:18px} .posBox { top: 50%; transform: translateY(-50%); left:10%; right:10%} .clarityWraps p { line-height: 25px;padding: 0 24px 0 0;} header .top-header .nav { justify-content: space-around;} .tabsBoxes p { font-size: 14px; line-height: 28px; padding: 0;} .pd-20 {padding:0 20px;} footer h4 { font-size: 15px; color: #1a1111; font-weight: 600;} .tabsBoxes .nav-tabs img { width: 30px; margin: auto; display: table;} .tabsBoxes .nav-tabs span { display: block; text-align: center; font-size: 10px;} .text-poke { width: 100%; margin: auto;} .text-img { position: absolute; top: 26px; left: 58px; text-align: center; transform: translate(-10%, -5%);} .faqRing .accordion > .card > .card-header .btn { font-size: 13px;} .productListing .container .leftpart {height: auto;margin: 0px 0 30px;} .posBox p{font-size:15px; line-height: 22px; margin-bottom: 5px;} .pageRing .btnWrapper a{width:100%!important} .btn-white{font-weight:600;margin:0 0 20px;padding:11px 20px 9px;border:1px solid #111010;display:inline-block;font-size:14px} .btnWrapper a{width:auto;margin:10px auto} .posBox h2{font-size:20px;text-transform:uppercase;text-align:center;margin:0 0 5px} .clarityWraps h2,.pageRing p{text-align:center} .edu-brown-text{font-size:17px;line-height:20px;margin:25px 0 10px} .productDropdown.dropdown-menu{width:300%;border:none;box-shadow:1px 1px 1px 1px #c7c7c7;border-radius:0} .diamondTab{border-top:none;border-bottom:none} .choose_tab a.active .number{background:#fff;color:#000;border-color:#ddd} .diamondTab .choose_tab a.active{background:#F5F5F5} .choose_tab a.active .textValue,.diamondTab .choose_tab a button{color:#000} .choose_tab .dropdown-menu .textValue{color:#000} .productDropdown.dropdown-menu.center{transform:translate3d(-33%,55px,0)!important} .productDropdown.dropdown-menu.lastDiv{transform:translate3d(-66%,55px,0)!important} .productDropdown.dropdown-menu a{justify-content:flex-start!important} .diamondTab .col-4 a{display:flex;height:100%;justify-content:left;align-items:self-end} .setting-makes-sense-head{padding:20px 0 0} .border-bottom .list-group-item .pr-2{padding-right:5px!important} #shoppingCartList table th { line-height: 21px; } .clarityWraps h2{font-size:22px;padding:0 10px} .clarityWraps.mt-5{margin-top:0!important} .diamondTab .choose_tab .actionRigsize,.diamondTab .choose_tab a{height:100%} .diamondTab .choose_tab a.closeRing{width:auto;top:9px;right:0} .first-col{display:flex;align-items:baseline} #requestaviewing .productDetail .g-recaptcha{transform:scale(1)!important;display:block;justify-content:center} .requestViewingInfo h2{font-size:17px} .productListing .filter{border:1px solid #ddd; padding: 5px 15px; float: right; margin-bottom: 10px;} .diamondSearch .certificatesList > li label{display: inline-block; white-space: inherit;} .diamondSearch .certificatesList > li{width: 33%; max-width: 33%;} .productListing .row{margin: 0;} .productListing [class*=col-]{padding: 0 8px;} .productBlog .title { padding: 0 10px; } .billing-info{margin-bottom: 20px; float: left; width: 100%;} .topHeader ul li.dropdown .fa-user{display: inline-block !important; color: #6eff1f;} .topHeader ul li.dropdown span{font-size: 15px;} .topHeader ul li.dropdown .dropdown-menu span{font-size: 14px; padding-left: 10px; margin-bottom: 5px;} .topHeader ul li .loginShow a{font-size: 14px;} #mainAngle-ZoomContainer{display: none !important;} .diamondSearch .sideBar{position: static;} .diamondSearch .container:before{display: none;} .diamondSearch .diamondTile .filter {font-size: 20px; margin-top: 8px;} .smalldesc{position:static !important; margin-bottom: 10px;} .productPreviewBox .currentAngle { pointer-events: none;} .cartPage .paymentMode ul li img{margin-bottom: 10px;} .cartPage .paymentMode ul li{padding: 10px 15px;} .cartPage .homeTitle{width: 100%; font-size: 22px;text-align: center;} .cartPage .paymentMode ul li .btn{font-size: 14px;} .choosediamond .orderList li{width: 100%;} .newAccountForm .text-right{text-align: center !important;} .productListing .leftpart{border:none;} .actionRigsize p .valueText{padding-right: 10px;} .cartPage .topHeading { display: inline-block !important; text-align: center; width: 100%;} .cartPage .topHeading .homeTitle ~ .btn{float: right;} .prodcusMetal.caretBlog ul li{width: 14.25%;} .aboutSection .disBbox>div { padding: 20px 30px; } } .topHeading span { margin: 10px 0 30px; display: flex; align-items: center; justify-content: center; } .topHeading span a { margin-left: 10px; } .border-left-none {border-left: none!important;} .border-right-none {border-right: none!important;} .smalldesc { top: 30px!important; } @media only screen and (max-width:900px) { .appointmentCheckBlog{display:block;margin:0!important} .appointmentCheckBlog li{margin:0 0 10px;width:100%} .appointmentGreet .soons{line-height:18x;padding:15px 30px} .pageRing .btnWrapper a {width: 100% ; } .clarityWraps p {line-height: 25px;padding: 0 24px 0 20px; } #partners img {margin: 0 0 30px;} .btnWrapper a{width:auto;margin:10px auto} } @media(max-width: 767px){ .posBox{left:0; right:0;} .mrt-40 {margin-top:20px; } .serconfidenceBox { position:static!important; z-index: 1; transform:inherit !important; margin: 10px 0; padding: 0; display: flex; justify-content: space-between; overflow: hidden; } a.ringicon img{ display: none!important; } .diamondTab .choose_tab a { padding: 12px 10px !important; } .diamondTab .choose_tab a button { color: #000; right: 0; } .owl-carousel .owl-nav .owl-prev { position: absolute; top: 50%; color: #000; left: 0; transform: translateY(-50%); font-size: 0; width: auto; padding: 0; outline: 0; background: inherit!important; } .choose_tab .rightcrossbox::before { height: 35px !important; width: 40px !important; top: 15% !important; right: -16px !important; transform: rotate(135deg) !important; } .choose_tab .textValue { line-height: 18px; margin: 0 !important; } .owl-carousel .owl-nav .owl-next {width: auto;padding: 0; position: absolute;top: 50%;color: #000; right: 0;transform: translateY(-50%);font-size: 0;background: inherit!important; outline: 0;} .owl-carousel .owl-nav .owl-prev:before{font: normal normal normal 14px/1 FontAwesome;content: "\f104";font-size: 26px; line-height: 51px;display: inline-block; color: #000;} .owl-carousel .owl-nav .owl-next:before {font: normal normal normal 14px/1 FontAwesome; content: "\f105";font-size: 26px;line-height: 51px; display: inline-block;color: #000;} .cartpagesteps .wizard-inner ul:before { width: 88% !important; } .homeTitle { font-size: 20px; } .shippinginfo p { font-size: 13px !important; } .shippinginfo h5 { font-size: 18px !important; } .choose_tab .number { display: none;} .locatonPage .card-body{padding:0 20px} .locatonPage li{line-height:22px;margin:10px 0;padding:16px 0 0} .detailBox li span{float:left} .detailBox li span:nth-child(2){text-align:right} .detailBox li span strong{font-weight:700;display:block} .confidenceBox .col-6{padding: 6px;} .confidenceBox{padding: 30px 0;} .customer-review ul i{font-size: 15px;} .customer-review .reviewText, .buying-guide .btn-link{font-size: 12px;} .customer-review .review-detail{padding: 20px 18px;} .detailTab .nav-pills .nav-link {font-weight: 600;font-size: 15px;padding: 15px 10px;} .detailBox li span{font-size: 14px;} .all-pageHeading{font-size: 20px;line-height: 30px;margin: 15px 0;} .aboutSection .disBbox>div{padding: 10px;} .aboutSection .disBbox{border: none;} .diamondEdicationTabsList{margin:0 -2px 20px} .diamondEdicationTabsList>li{padding:0 2px} .diamondEdicationTabsList>li>a{font-size:12px;line-height:14px;height:60px} .TabbedPanelsTab1{font-size:13px;width:47%;margin-bottom:15px} .shareBtn{display: none;} .product-sample table{width:100%!important} .TabbedPanelsTab1{font-size:14px;width:23%} .tabsBoxes p { text-align: center; margin: 10px 0 0;} .tabsBoxes1 .nav-tabs { display: flex;} .nav-tabs .nav-item { margin-bottom: 4px; width: 20%;} .text-poke { width: 100%; margin: 20px 0 20px!important; text-align: center;} .bespoke-page .mb-5 { margin-bottom: 0 !important;} .text-img { position: static!important; transform: inherit!important; margin: 20px 0 0!important;} .rightBoxes {padding: 10px 20px 20px 20px; } .rightBoxes .ml-3.checkBoxes {margin-left: 0 !important;margin-bottom: 20px; } .rightBoxes p { width: 100%; } .modal-content .close { right: 10px;top: 17px;color: #0b0808; } .tabsBoxes .tab-pane{text-align: center;} .tabsBoxes .tab-content {width: 100%;padding: 0 15px 0;} .tabsBoxes .leftcatimg{padding: 0 0 20px;} .mt-10 {margin-top: 2rem !important;} .tabsBoxes p { margin: 0 0 20px;} .clarityBoxes p { max-height: auto;min-height: auto;margin: 0px 0 20px;} .cart-track {height: auto;} #cart-div-id,.cartPage{padding:20px 0 80px} .countCartList { margin: 20px 0 50px!important;} .form-control{width:100%} #shoppingCartList table{width:100%;display:block;border:1px solid #d5d5d5;border:none} #shoppingCartList tbody{display:block} #shoppingCartList tbody tr td:nth-child(3),#shoppingCartList thead{display:none} #shoppingCartList tbody tr{width:100%;display:-webkit-box;display:-webkit-flex;display:-moz-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-moz-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;border:none;margin:0 0 20px} #shoppingCartList tbody tr td:first-child{width:25%;border-left:1px solid #d5d5d5;border-right:1px solid #d5d5d5} #shoppingCartList tbody tr td:nth-child(2){width:75%;border-right:1px solid #d5d5d5} #shoppingCartList tbody tr td:nth-child(4){width:50%;background:#f2f2f2;text-align:left;padding:15px 5px 15px 13px;min-height:50px} #shoppingCartList tbody tr td:nth-child(5){width:50%;background:#f2f2f2;text-align:right;padding:5px 13px 0 0;font-size:13px;min-height:50px} #nice_exp_month,#nice_exp_year{margin:0 0 14px} .choose_tab .textValue{font-size:16px} .headerInfoBar .closeInfoBar{right:3px} .diamondTab .col-4 a{display:flex;height:100%;justify-content:center;align-items:center} .diamondTab .choose_tab a.closeRing{width:auto;top:0;right:0} .choose_tab{position:relative}.labGrown .topContent{position:static;transform:inherit;padding:20px 0 0} .labGrown .topContent h1,.labGrown .topContent p{color:#3b3939} .labGrown .topContent h1{font-size:26px} .labGrown .topContent .btn{background:#000;color:#fff!important} .labSecton-1 .btn-text{padding:10px 16px} .labGrown .topContent1{position:static;transform:inherit;padding:15px 20px 1px;width:100%;text-align:center} .labGrown1::before{display:none} .pl50{padding-left:0!important} } @media(max-width: 766px){ .categoryGrid {flex-wrap:wrap; justify-content: center;} .categoryGrid .dropDown, .categoryGrid .dropDown select{width: 100%;} .cartTable tr{display: flex; flex-wrap:wrap; border-bottom: 1px solid #ddd;} .cartTable td{border:none} .cartTable td:first-child{width: 25%;} .cartTable td:nth-child(2){width: 75%;} .cartTable td:nth-child(3), .cartTable td:nth-child(4){width: 50%; text-align: center; background: #f4f4f4; border-top:1px solid #ddd;} .cartTable th{display: none;} .cartPage .topHeading.allbtn {flex-wrap:wrap; justify-content: center !important;} .cartPage .topHeading h1{margin: 10px 0!important;} .cartPage .topHeading .btn{width: 100%;} .cartPage .paymentMode ul{flex-wrap:wrap;} .cartPage .paymentMode ul li{border-top: 1px solid #ccc; border-left: none; padding: 10px 0 20px; text-align: center; width: 100%;} .cartPage .paymentMode ul li:first-child{border-top: none;} .inner-container .metallistingBlog{text-align: center;} .inner-container .giaListing .imgBlog{height: auto;} .inner-container .rightBlog, .inner-container .metallistingBlog h3 { margin-top: 15px;} .mainHeading-inner{font-size: 24px;} .inner-container h2, .inner-container h3, .inner-container h4{font-size: 20px;} .inner-container p, .inner-container .orderList li{font-size: 14px; line-height: 24px;} .inner-container .innerBanner{margin-bottom: 20px;} .topHeader ul li.dropdown span{display: none;} header{border-bottom:1px solid #ddd;} .productListing .filter{width: 100%; text-align: left !important;color: #000;} .productListing .filter .fa{float: right; margin-top: 4px;} .categoryGrid{justify-content: end; } .categoryGrid .dropdown-menu {left: -79px !important; width: 120px; transform: inherit !important; top: 20px !important;} .productListing .leftpart{border-right:none;} .productDetail .productTitle{font-size: 22px;} .productPreviewBox{margin-bottom: 15px;} .productDetail h5{margin-top: 0 !important;} .similarProducts{padding-top: 0;} .productDetail .productDescription{text-align: center;} .choosediamond .orderList li{width: 100%;} .findValue {width: 100%; text-align: center; display: inline-block !important;} .search_result_grid_container .title{text-align: center;} .diamondSearch .certificatesList > li{flex: 1 1 33.33%; padding: 7px 0;} .topHeading.bottomBtn .btn{font-size: 13px;} .cartPage .topHeading.bottomBtn .btn{font-size: 13px;width: auto;} .cartPage .topHeading { flex-wrap:wrap;} .homeTitle {text-align: center; width: 100%;} .loginPage .btn{font-size: 14px;} #LoginForm .w-100{text-align: center;} .g-recaptcha{text-align: center;} .g-recaptcha > div{display: inline-block;} .loginPage .btn{margin-bottom: 20px !important;} .diamondSearch .table td, .diamondSearch .table th{display:inline-block; padding-top: 5px; padding-bottom: 5px; border:none; position: relative; cursor: pointer; width: 32%; } .diamondSearch .table th{display: none;} .diamondSearch .table td:before{position: absolute; left:10px} .diamondSearch .table td:first-child:before{content: 'Shape';} .diamondSearch .table td:nth-child(2):before{content: 'Carat'; } .diamondSearch .table td:nth-child(3):before{content: 'Color'; } .diamondSearch .table td:nth-child(4):before{content: 'Clarity'; } .diamondSearch .table td:nth-child(5):before{content: 'Report'; } .diamondSearch .table td:nth-child(6):before{content: 'Price'; } .diamondSearch .table td:nth-child(7){display: none;} .diamondSearch .table tr{border:1px solid #162345;} .diamondSearch .table td:first-child{padding-top: 5px; } .search_result_grid_container table td > a.btn{margin-bottom: 10px;} .diamondSearch .table td:nth-child(3):after{content: '\f105'; position: absolute; right:10px; top:0px; font-family:'FontAwesome'; font-size: 22px;} .diamondSearch .table tr.diamondPopup {border:none;} .diamondSearch .table tr.diamondPopup td:first-child:before, .diamondSearch .table tr.diamondPopup td:first-child:after {display:none;} .diamondSearch .table tr.diamondPopup{position: fixed; top:0; left:0; z-index: 999; width: 100%; height: 105vh; padding: 6% 0px; } .diamondPopup .closeBlog{display: none;} .diamondPopup .closeBlog.rightClose{display: block; top:-30px; right:25px;} .diamondPopup .rightBox.mt-5{margin-top: 0px !important;} .diamondPopup ul.d-flex li{margin-bottom: 4px;} .diamondPopup .rightBox .btnBlock.mt-4{margin-top: 10px!important;} .diamondSearch .diamondPopup td{width: 100%; padding-right: 5px !important; text-align: center;} .categoryGrid .dropdown{left: 0px;} .productBlog .viewBtn{display: none;} .overHide{overflow-y: hidden;} .newAccountForm .g-recaptcha iframe { transform: scale(.75);} .breadcrumb{display: none!important;} .breadcrumb{padding: 10px 0;} .breadcrumb h3{font-size: 20px;margin-top: 10px;} .posBox{padding: 0 4%;} } @media only screen and (max-width:640px) { .tabsBoxes .nav-tabs span { display: block; text-align: center; font-size: 12px;} .tabsBoxes .nav-tabs img { width: 30px; margin: auto; display: table;} .tabsBoxes .nav-tabs span { display: block; text-align: center; font-size: 10px; margin: 7px 0 0;} .posBox h2 {font-size: 28px;text-transform: uppercase;} } .choose_tab .priceDiv .active::before {display: none;} @media (max-width: 550px) { .w-101 {width: 80%;} .emptyText {font-size: 12px;} .productListing .filter{font-size:20px}.diamondTab .col-4{padding:0 4px} .diamondTab .choose_tab a{padding:10px 6px;outline:0} .choose_tab .textValue{ font-size: 13px; display: block; text-align: center; position: relative; z-index: 9; } .diamondTab .choose_tab a { padding: 6px 8px !important; } .productAngles li{height:auto} .productPreviewBox .currentAngle{width:100%;height:350px;margin:0} .productPreviewBox #videoLink{height:350px;margin:0} .choose_tab .rightcrossbox::before { height: 25px !important; width: 29px !important; top: 15% !important; right: -13px !important; transform: rotate(135deg) !important; } .productDropdown.dropdown-menu.center { transform: translate3d(-33%,36px,0) !important; } .productDropdown.dropdown-menu.lastDiv { transform: translate3d(-66%,36px,0) !important; } } @media (max-width:480px) { .productBlog .productPrice{font-size:11px;color:#3f3f3f} } @media(max-width: 450px){ .diamondSearch .table tr.diamondPopup{ padding: 30% 0px; } .diamondPopup ul.d-flex li{margin-bottom: 15px;} .diamondSearch .table td{width: 49%; } .diamondSearch .table td:nth-child(3):after{display: none;} .diamondSearch .table td:nth-child(2):after{content: '\f105'; position: absolute; right:10px; top:0px; font-family:'FontAwesome'; font-size: 22px;} .diamondSearch .table td, .diamondSearch .table th{text-align: right; padding-right: 30px; font-size: 13px;} .diamondSearch .diamondPopup td{width: 100%; padding-right: 5px !important; text-align: center;} .diamondPopup .closeBlog.rightClose{top:-42px;} .newAccountForm .g-recaptcha iframe { transform: scale(1);} ul.select_diamond li {float:left;width: 20%;margin-bottom: 0; } ul.select_diamond li label{font-size: 11px; margin: 0; } .diamondSearch .certificatesList > li {text-align: left;} } @media(max-width: 350px){ .cartPage .topHeading.bottomBtn .btn{width: 100%;} .cartPage .topHeading.bottomBtn {flex-wrap:wrap;} .newAccountForm .g-recaptcha iframe{ transform: scale(.85);} .loginPage .agreeText{font-size: 12px;} .loginPage .agreeText label{margin-top: 3px;} .prodcusMetal ul li input + span{font-size: 12px;} } @media(min-width: 766px) { .cartTable td img{width: 170px;} .cartTable td:first-child{width: 50%;} .newLoginPage .form-control{width: 100%;} .cartTable table tr td:nth-child(2){width: 50%;} .productListing .container .leftpart{position: sticky; transition: all .5s ease; top:40px;} .productListing .container, .diamondSearch .container{position: relative; align-items: flex-start;} .diamondSearch .sideBar{position: sticky; transition: all .5s ease; top:40px; background: #fcfcfc; } .cartTable table tr td:nth-child(3), .cartTable table tr th:nth-child(3){width: 20%; text-align: center;} .cartTable table tr td:nth-child(4), .cartTable table tr th:nth-child(4){width: 20%; text-align: right;} .productListing .container .leftpart .fixedLeft{ overflow: auto; -webkit-overflow-scrolling: touch; -webkit-transform: translate3d(0, 0, 0); } } @media(min-width: 992px){ .newLoginPage .fore1 { min-height: 360px; padding-right: 12%; border-right: 1px solid #d9d9d9; height: fit-content;} .newLoginPage .fore2 {padding-left: 11%;} .newLoginPage h2.homeTitle{font-size: 18px;} .newLoginPage .fore1::after{ content: "OR"; position: absolute; right: -10px; background: white;top: 50%; margin-top: -1em;color: #adadad;} } @media only screen and (min-width:768px) { .tabsBoxes.jewlryBoxes .nav-tabs .nav-item {margin-right: 1%;width: 24%;} .tabsBoxes.jewlryBoxes .nav-tabs {display: flex;align-items: center;} } @media only screen and (min-width: 768px) and (max-width: 992px){ .g-recaptcha{transform:scale(.7);-webkit-transform:scale(.7);transform-origin:0 0;-webkit-transform-origin:0 0} #partners img, .clarityWraps img {width: 100%;} .choose_tab .textValue{font-size:12px; margin: 0;} .choose_tab .number{background:#eaebec;font-size:14px;width:35px;height:35px;line-height:35px;border-radius:50%} .diamondTab .choose_tab a { padding: 10px 20px; display: flex; align-items: center; width: 100%; } .choose_tab a.active .textValue, .diamondTab .choose_tab a button { position: static; margin: 0; } #shoppingCartList table td { font-size: 13px; } #shoppingCartList tbody tr td:nth-child(4){ width: 110px; } #shoppingCartList tbody tr td:nth-child(5){ width: 160px; } a.ringicon { left: 72%; } } @media only screen and (min-width:993px) and (max-width:1100px) { .posBox {position: absolute; top: 15px; left: 60px; } #partners img, .clarityWraps img {width: 90%; } .diamondTab .choose_tab .actionRigsize,.diamondTab .choose_tab a{height:100%} .diamondTab .choose_tab a.closeRing{width:auto;top:9px;right:0} } @media only screen and (min-width:993px) { .clarityWraps p { padding: 0 30px 0 0;} } @media(max-width: 1024px){ .productDetail .metalType li a{padding: 0;font-size: 12px;} } @media screen and (min-width: 767px ) and (max-width: 1030px){ .categoryGrid .dropdown-menu.show{transform: translate3d(-13px, 19px, 0px)!important;} } @media (min-width: 992px ) and (max-width: 1030px){ .loginPage .agreeText{font-size: 12px;} .productListing .container .leftpart{display: block !important;} } @media (max-height: 800px) { .productListing .container .leftpart{height: auto; overflow-y: auto; padding:20px 30px 0; margin-bottom: 20px;} .productListing .category-filter-wrapper:last-child{padding-bottom: 0px;} } @media only screen and (min-width:993px) { .clarityBoxes { min-height: 400px;} } @media (max-width: 576px) { .diamondTile { padding: 13px 10px 0;} .serconfidenceBox { left:0px!important; } .serconfidenceIcBox img { width: 32px; height: 32px; } .serconfidenceIcBox { width: 50px; height: 50px; } .ionRangeSlider .irs--round .irs-grid-text {font-size: 8px;} .ionRangeSlider .irs--round .irs-grid .irs-grid-text:last-child {right: -6px;left: auto !important;} } .innerlocation ul li {list-style-type: disc; font-weight: 600;} .innerlocation ul {margin-left: 20px;} .innerlocation h5 { font-size: 20px; font-weight: 600; } .choose_tab .active::before { content: ''; height: 100%; width: 40px; position: absolute; top: 0; z-index: 11; background: url(../images/divArrow1.png); background-repeat: repeat; background-size: auto; background-repeat: repeat; background-size: auto; right: -39px; background-size: contain; background-repeat: no-repeat; } .choose_tab .seconBefore::before { content: ''; height: 100%; width: 40px; position: absolute; top: 0; z-index: 9; background: url(../images/divArrow.png); background-repeat: repeat; background-size: auto; background-repeat: repeat; background-size: auto; right: -39px; background-size: contain; background-repeat: no-repeat; } .dropdown-menu.productDropdown {z-index: 99;} .choose_tab .rightcrossbox.secondTabs a::before { content: ''; height: 100%; width: 40px; position: absolute; top: 0; z-index: 999; background: url(../images/divArrow.png); background-repeat: repeat; background-size: auto; background-repeat: repeat; background-size: auto; right: -39px; background-size: contain; background-repeat: no-repeat; } .choose_tab .rightcrossbox a.finalDiv::before { background-image: url("../images/divArrow2.png"); } .choose_tab .rightcrossbox a.finalDiv::after { content: ''; height: 100%; width: 40px; position: absolute; top: 0; z-index: 999; background: url(../images/divArrow2.png); background-color: rgba(0, 0, 0, 0); background-position-x: 0%; background-position-y: 0%; background-repeat: repeat; background-attachment: scroll; background-image: url("../images/divArrow2.png"); background-size: auto; background-origin: padding-box; background-clip: border-box; background-repeat: repeat; background-size: auto; background-repeat: repeat; background-size: auto; left: 0; background-size: contain; background-repeat: no-repeat; } a.ringicon{ position: absolute; left: 82%; top: 10px; z-index: 999; }a.ringicon img{ width: 30px; height: 30px; } .ratingstars h5 { font-weight: 600;} .ratingstars ul { display: flex; margin-bottom: 10px;} .ratingstars ul li{ list-style:none; margin-right: 2px;} .ratingstars ul li a i{ color: #DCF255;} /* .form-wizard { position: relative; display: table; margin: 0 auto; max-width: 100%; } .steps { margin: 40px 0; overflow: hidden; display: flex; justify-content: center; } .steps ul { margin: 0; padding: 0; list-style: none; } .steps ul { list-style: none; } .steps ul li { float: left; color: #fff; padding: 0 15px; position: relative; cursor: pointer; -webkit-transition: all 0.4s ease-in-out 0; -moz-transition: all 0.4s ease-in-out 0; -ms-transition: all 0.4s ease-in-out 0; -otransition: all 0.4s ease-in-out 0; transition: all 0.4s ease-in-out 0; } .steps ul li::before, .steps ul li::after { content: ""; position: absolute; left: -50%; top: 22px; width: 100%; height: 3px; background: #a3c1ad; -webkit-transition: all 0.4s ease-in-out 0; -moz-transition: all 0.4s ease-in-out 0; -ms-transition: all 0.4s ease-in-out 0; -otransition: all 0.4s ease-in-out 0; transition: all 0.4s ease-in-out 0; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -otransform: translateY(-50%); transform: translateY(-50%); } .steps ul li:first-child::before, .steps ul li:first-child::after {display: none;} .steps ul li::after { width: 0; } .steps ul li span { display: block; margin: 0 auto 15px; width: 35px; height: 35px; text-align: center; background: #f2f2f2; font-size: 18px; line-height: 35px; font-weight: 300; color: #000; position: relative; z-index: 1; -webkit-transition: all 0.4s ease-in-out 0; -moz-transition: all 0.4s ease-in-out 0; -ms-transition: all 0.4s ease-in-out 0; -otransition: all 0.4s ease-in-out 0; transition: all 0.4s ease-in-out 0; -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -oborder-radius: 2px; border-radius: 50%; } .steps ul li:hover span, .steps ul li.active span { background: #a3c1ad; color: #000; } .form-container.imgwraper { padding: 0 !important;} .form-container.imgwraper .col-md-6 { padding: 0 !important;} .form-container { clear: both; display: none; left: 100%; background: #fff; padding: 30px; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -oborder-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); -moz-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); -ms-box-shadow: 0 0 30px rgba(0, 0, 0, 0.9); -obox-shadow: 0 0 30px rgba(0, 0, 0, 0.9); box-shadow: 0 0 30px rgb(145 141 141 / 39%); width: 510px; margin: 0 auto; } .form-container.active { display: block; } .appoinmentform { width: 100%; } .form-container .imagesection { position: relative; overflow: hidden; } .form-container.imgwraper .imagesection:hover img { overflow: hidden; transform: scale(1.1); } .form-container.imgwraper .imagesection img { transform: scale(1); transition: .6s ease-in-out; height: auto; object-fit: contain; } .form-container.imgwraper .imagesection:hover .hovereffect:before { opacity: 1; } .form-container.imgwraper .imagesection:hover .requestPriceBtn { color: #fff; bottom: 20%; transform: translateX(-50%); } .form-container.imgwraper .imagesection .hovereffect:before { content: ''; opacity: 0; left: 0; top: 0; bottom: 0; right: 0; background: rgb(0 0 0 / 41%); position: absolute; transition: .4s ease-in-out; } .requestPriceBtn { background: var(--themeColor); width: 170px; text-align: center; color: #fff; padding: 5px 0; display: inline-block; position: absolute; bottom: -100px; left: 50%; transition: .7s ease-in-out; transform: translateX(-50%); } .requestPriceBtn a { border: 1px solid #fff; color: #fff; padding: 10px 20px; font-size: 12px;}*/ /*------------------------*/ input:focus, button:focus, .form-control:focus{ outline: none; box-shadow: none; } .form-control:disabled, .form-control[readonly]{ background-color: #fff; } /*----------step-wizard------------*/ .d-flex{ display: flex; } .justify-content-center{ justify-content: center; } .align-items-center{ align-items: center; } /*---------signup-step-------------*/ .bg-color{ background-color: #333; } .signup-step-container{ padding: 150px 0px; padding-bottom: 60px; } .wizard .nav-tabs { position: relative; margin-bottom: 0; border-bottom-color: transparent; } .wizard > div.wizard-inner { position: relative; margin-bottom: 50px; text-align: center; padding: 0 50px; } .wizard-inner ul:before { content:''; height: 2px; background: #e0e0e0; position: absolute; width: 95%; margin: 0 auto; left: 0; right: 0; top: 12px; z-index: 1; } .wizard .nav-tabs > li.active > a, .wizard .nav-tabs > li.active > a:hover, .wizard .nav-tabs > li.active > a:focus { color: #555555; cursor: default; border: 0; border-bottom-color: transparent; } span.round-tab { width: 30px; height: 30px; line-height: 30px; display: inline-block; border-radius: 50%; background: #fff; z-index: 2; position: absolute; left: 0; text-align: center; font-size: 16px; color: #0e214b; font-weight: 500; border: 1px solid #ddd; } span.round-tab i{ color:#555555; } .wizard li.active span.round-tab { background: #0db02b; color: #fff; border-color: #0db02b; } .wizard li.active span.round-tab i{ color: #5bc0de; } .wizard .nav-tabs > li.active > a i{ color: #0db02b; } .wizard .nav-tabs > li a { width: 30px; height: 30px; margin: 20px auto; border-radius: 100%; padding: 0; background-color: transparent; position: relative; top: 0; } .wizard .nav-tabs > li a i{ position: absolute; top: -15px; font-style: normal; font-weight: 400; white-space: nowrap; left: 50%; transform: translate(-50%, -50%); font-size: 12px; font-weight: 700; color: #000; } .wizard .nav-tabs > li a:hover { background: transparent; } .wizard .tab-pane { position: relative; padding-top: 20px; } .wizard h3 { margin-top: 0; } .prev-step, .next-step{ font-size: 13px; padding: 8px 24px; border: none; border-radius: 4px; margin-top: 30px; } .next-step{ background-color: inherit; } .continue-step{ background-color: #0db02b; font-size: 13px; padding: 8px 24px; border: none; border-radius: 4px; margin-top: 30px; } .skip-btn{ background-color: #cec12d; } .step-head{ font-size: 20px; text-align: center; font-weight: 500; margin-bottom: 20px; } .term-check{ font-size: 14px; font-weight: 400; } .custom-file { position: relative; display: inline-block; width: 100%; height: 40px; margin-bottom: 0; } .custom-file-input { position: relative; z-index: 2; width: 100%; height: 40px; margin: 0; opacity: 0; } .custom-file-label { position: absolute; top: 0; right: 0; left: 0; z-index: 1; height: 40px; padding: .375rem .75rem; font-weight: 400; line-height: 2; color: #495057; background-color: #fff; border: 1px solid #ced4da; border-radius: .25rem; } .custom-file-label::after { position: absolute; top: 0; right: 0; bottom: 0; z-index: 3; display: block; height: 38px; padding: .375rem .75rem; line-height: 2; color: #495057; content: "Browse"; background-color: #e9ecef; border-left: inherit; border-radius: 0 .25rem .25rem 0; } .footer-link{ margin-top: 30px; } .all-info-container{ } .list-content{ margin-bottom: 10px; } .list-content a{ padding: 10px 15px; width: 100%; display: inline-block; background-color: #f5f5f5; position: relative; color: #565656; font-weight: 400; border-radius: 4px; } .list-content a[aria-expanded="true"] i{ transform: rotate(180deg); } .list-content a i{ text-align: right; position: absolute; top: 15px; right: 10px; transition: 0.5s; } .form-control[disabled], .form-control[readonly], fieldset[disabled] .form-control { background-color: #fdfdfd; } .list-box{ padding: 10px; } .signup-logo-header .logo_area{ width: 200px; } .signup-logo-header .nav > li{ padding: 0; } .signup-logo-header .header-flex{ display: flex; justify-content: center; align-items: center; } .list-inline li{ display: inline-block; } .pull-right{ float: right; } /*-----------custom-checkbox-----------*/ /*----------Custom-Checkbox---------*/ input[type="checkbox"]{ position: relative; display: inline-block; margin-right: 5px; } input[type="checkbox"]::before, input[type="checkbox"]::after { position: absolute; content: ""; display: inline-block; } input[type="checkbox"]::before{ height: 16px; width: 16px; border: 1px solid #999; left: 0px; top: 0px; background-color: #fff; border-radius: 2px; } input[type="checkbox"]::after{ height: 5px; width: 9px; left: 4px; top: 4px; } input[type="checkbox"]:checked::after{ content: ""; border-left: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg); } input[type="checkbox"]:checked::before{ background-color: #18ba60; border-color: #18ba60; } @media (max-width: 767px){ .sign-content h3{ font-size: 40px; } .wizard .nav-tabs > li a i{ display: none; } .signup-logo-header .navbar-toggle{ margin: 0; margin-top: 8px; } .signup-logo-header .logo_area{ margin-top: 0; } .signup-logo-header .header-flex{ display: block; } } .imagewrapermk .imagesection{position:relative;height:100%;overflow:hidden} .imgWrapsbox{overflow:hidden;height:100%} .imagewrapermk.imgwraper .imagesection:hover img{overflow:hidden;transform:scale(1.1)} .imagewrapermk.imgwraper .imagesection img{transform:scale(1);transition:.6s ease-in-out;height:100%;object-fit:cover;width:100%} .imagewrapermk.imgwraper .col-md-6{padding:0} .imagewrapermk.imgwraper .imagesection:hover .hovereffect:before{opacity:1} .imagewrapermk.imgwraper .imagesection:hover .requestPriceBtn{color:#fff;bottom:20%;z-index:1;transform:translateX(-50%)} .imagewrapermk.imgwraper .imagesection.lastSections:hover .requestPriceBtn{color:#fff;bottom:20%;transform:inherit} .imagewrapermk.imgwraper .imagesection .imgWrapsbox:before{content:'';opacity:0;left:0;top:0;bottom:0;right:0;background:rgb(0 0 0 / 41%);position:absolute;transition:.4s ease-in-out;z-index:1} .imagewrapermk.imgwraper .imagesection:hover .imgWrapsbox:before { opacity: 1;} .requestPriceBtn{background:var(--themeColor);text-align:center;color:#fff;padding:5px 0;display:inline-block;position:absolute;bottom:-111px;left:50%;transition:.7s ease-in-out;transform:translateX(-50%)} .requestPriceBtn a { border: 1px solid #fff; color: #fff; padding: 10px 20px; font-size: 12px;text-transform: uppercase;} .lastSections .requestPriceBtn a{background:#000;color:#fff;font-size:16px;text-transform:uppercase} .wizard .nav-tabs>li label::before{content:'';-webkit-appearance:none;background-color:#CCC;border:1px solid #CCC;border-radius:50%;padding:9px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:16px;float:left;top:2px} .wizard .nav-tabs>li.active label::before{content:'';-webkit-appearance:none;background-color:#3E9F8E;border:1px solid #3E9F8E;border-radius:50%;padding:9px;display:inline-block;position:relative;vertical-align:middle;cursor:pointer;margin-right:16px;float:left;top:0} .makeAppoinmentPage #datepickerAppoinment{width:100%;margin:auto;display:flex;justify-content:center;margin:10px 0 20px} .makeAppoinmentPage .ui-datepicker td a,.makeAppoinmentPage .ui-datepicker td span{padding:10px 0 7px!important;text-align:center!important;text-decoration:none} .makeAppoinmentPage .backBtns{border-radius:0; border:1px solid #000; background:#fff;font-size:16px;text-transform:uppercase;color:#000;float:none;display:inline} .wizard .nav-tabs>li input{padding:0;display:none;cursor:pointer} .wizard .nav-tabs>li.active{margin:3px 0 0 0} .boxAppoint .appoinback {margin-right: 35px;} .boxAppoint ul { padding: 20px 25px;} /*--------------appointments-----------------*/ .imagewrapermk.imgwraper .imagesection.lastSections .hovereffect::before {display: none;} .lastSections .requestPriceBtn{position:static;background:#f2f2f2;width:100%;transform:inherit;height:100%;color:#000;display:flex;justify-content:center;align-items:center;flex-wrap:wrap} .requestPriceBtnLast h5,.requestPriceBtnLast p{width:100%} .lastSections h5{color:#000;font-size:30px;margin:0 0 11px}.lastSections p{color:#000;font-size:18px;margin:0 0 28px} .makeAppoinmentPage{margin-top:30px;margin-bottom:30px} .makeAppoinmentPage .tab-content{padding:20px 0 40px 0} .makeAppoinmentPage .tab-pane.fade{transition:all 0.5s;height:0;overflow:hidden} .boxAppoint{box-shadow:0 0 10px rgba(51,59,69,.15);display:block;width:100%;border:solid 1px #e8e8e8;padding:11px 10px} .makeAppoinmentPage .fade.active{opacity:1;height:auto} .makeAppoinmentPage h1{font-size:26px;margin-bottom:15px;background:#1d4162;color:#fff;padding:13px 0 8px;text-transform:uppercase} .makeAppoinmentPage .nav-tabs{border:none;display:flex;justify-content:space-between} .makeAppoinmentPage .scheduling_resource li{width:50%;text-align:center;font-size:18px;height:320px; cursor: pointer;} .makeAppoinmentPage .scheduling_resource li img{width:100%} .makeAppoinmentPage li label{cursor:pointer;margin-bottom:0;display:block;width:100%;height:100%;z-index:1;position:relative} .apptTypeVal{font-size: 18px; margin-bottom: 7px;} .makeAppoinmentPage .scheduling_resource li span{display:block;padding:15px 0} .makeAppoinmentPage .scheduling_resource li input{display:none} .wizard{margin:30px 0 0;display:inline-block;width:100%} .ui-widget.ui-widget-content{width:90%} .time-pickerBtns{border:solid 1px #000;display:inline-block;padding:8px 15px;margin:20px 0 0} .backBtns{background:#a3c1ad;color:#0f0303;padding:5px 30px;float:right;font-size:17px;border-radius:20px} .makeAppoinmentPage .nav-tabs{border:none} .time-pickerBtn li{width:33.33%;padding:10px} .makeAppoinmentPage .time-pickerBtn li label input{display:none} .makeAppoinmentPage .time-pickerBtn li label input+span{display:block;width:100%;border:1px solid #ddd;padding:10px 0;text-align:center;font-size:16px} .makeAppoinmentPage .time-pickerBtn li label input:checked+span{border:1px solid #000} @media (max-width:992px) { .imagewrapermk.imgwraper .imagesection:hover .requestPriceBtn{color:#fff;bottom:20%;transform:inherit;left:0;width:100%;text-align:center} .imagewrapermk.imgwraper .imagesection .requestPriceBtn{left:0;width:100%;text-align:center;transform:inherit} .wizard .nav-tabs>li label::before,.wizard .nav-tabs>li.active label::before{margin-right:0} } @media (max-width:767px) { .makeAppoinmentPage .scheduling_resource li{width:100%;height:auto} .lastSections .requestPriceBtn{padding:80px 0} .appointmentTitle{font-size:21px} .cartTable { width: 100% !important;} .paymentMode { width: 100% !important;} } @media (max-width:667px) { .imagewrapermk.imgwraper .imagesection .requestPriceBtn{left:0;width:100%;text-align:center;transform:inherit;position:static;color:#000!important} .imagewrapermk .imagesection{position:relative;overflow:visible;height:auto} .imagewrapermk.imgwraper .imagesection .imgWrapsbox::before{display:none} .requestPriceBtn a{border:1px solid #000;color:#000} .makeAppoinmentPage .scheduling_resource li{margin:0 0 30px; border-top: 1px solid #ddd; padding-top: 30px;} .makeAppoinmentPage .scheduling_resource li:first-child{border-top: none;} } .shippinginfo{ background: #F8F8F8; padding: 10px; border: 1px solid #DDDDDD; margin-bottom: 20px; } .shippinginfo h5{ font-size: 22px; font-weight: 500; line-height: 27px; letter-spacing: 0em; text-align: left; } .shippinginfo p{ font-size: 16px; font-weight: 300; line-height: 19px; letter-spacing: 0em; text-align: left; } .cartpagesteps .wizard .nav-tabs { position: relative; margin-bottom: 0; border-bottom-color: transparent; } .cartpagesteps .wizard { margin: 30px 0 0; display: inline-block; width: 100%; } .cartpagesteps .wizard > div.wizard-inner { position: relative; margin-bottom: 50px; text-align: center; padding: 0 50px; } .cartpagesteps .nav-tabs { border: none; } .cartpagesteps .wizard-inner ul:before { content: ''; height: 2px; background: #e0e0e0; position: absolute; width: 100%; margin: 0 auto; left:0px; right: 0; top: 20px; z-index: 1; } .cartpagesteps .wizard .nav-tabs>li.active { margin: 3px 0 0 0; } .cartpagesteps li label { cursor: pointer; margin-bottom: 0; display: block; width: 100%; height: 100%; z-index: 1; position: relative; } .cartpagesteps .wizard .nav-tabs>li.active label::before { content: ''; border-radius: 50%; padding: 18px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 16px; float:left; top: 0; } .cartpagesteps .wizard .nav-tabs>li label::before { content: ''; -webkit-appearance: none; background-color: #CCC; border: 1px solid #CCC; border-radius: 50%; padding: 18px; display: inline-block; position: relative; vertical-align: middle; cursor: pointer; margin-right: 16px; float: left; top: 2px; } .cartpagesteps .nav-tabs { border: none; display: flex; justify-content: space-between; } .cartpagesteps .wizard .nav-tabs>li input { padding: 0; display: none; cursor: pointer; } .checkoutTable { background-color: #F9F9F9; border: solid 1px #DDD; padding: 20px 10px; margin: 0; border-bottom: none;} .cartPage .billing-info h3.totalText { background: #F9F9F9; border: solid 1px #DDD; border-top: none; border-bottom: none; } .checkoutTable .product-img { background: #DDD; text-align: center; height: 150px; } .checkoutTable .product-img img { height: 100%; width: 100%; object-fit: contain; } .checkoutTable tr td span { display: block; } .checkoutTable tr td .productCode .btnremove { margin: 10px 0 20px; display: inline-block; } .checkoutDetail { background-color: #F9F9F9; border: solid 1px #DDD; border-top:none; } a.btnremove { color: #000 !important; border: 1px solid #000; padding: 2px 5px; font-size: 12px; } a.btnremove:hover { color: #dc3545 !important; border: 1px solid #dc3545; padding: 2px 5px; } .filterJco { background: #FAFAFA; padding: 20px 20px; margin: 0 0 23px; border: solid 1px #DDD; } .filterJco h3 { text-transform: uppercase; font-size: 16px; font-weight: 600; margin: 0 0 20px; } .filterTitles { text-align: center; text-transform: uppercase; font-size: 20px; margin:15px 0 0; } .shopByStyles{display:flex;flex-wrap:wrap;width:100%} ul.shopByStyles li{width:22%!important;margin:0 3% 0 0;margin-top:0;text-align:center} ul.shopByStyles li:last-child{margin:0;} .shopByStyles li img{width:46px;z-index:1} .shopByStyles li p{line-height:15px;font-size: 12px;} .shopByStyles li label{display:flex;width:100%;position:relative;margin-bottom:11px;height:50px;line-height:50px;background:#fff;align-items:center;justify-content:center} .shopByStyles li input[type="checkbox"]{border-color:#bdbdbd;margin-top:5px} .shopByStyles li input[type="checkbox"]{display:none} .shopByStyles li input~span{width:100%;margin:0;height:100%;border:none;background:inherit;position:absolute!important;top:48%;left:50%;transform:translate(-50%,-50%);width:100%!important;height:100%!important} .shopByStyles li input:checked~span{border:1px solid #969696;background:inherit} .shapeWraps{display:flex;justify-content:start;align-items:flex-start} .shapeWraps button{padding:0} .shapeWraps button span{display:block;text-align:center;font-weight:600;font-size:15px} .shapeWraps button i{border:solid 1px #DDD;background:#F5F5F5;width:40px;height:40px;line-height:40px;margin:0 0 10px} .shop_ByShapes{display:flex;flex-wrap:wrap;width:90%} ul.shop_ByShapes li{width:18%!important;margin:0 2% 0 0;margin-top:0;text-align:center} .shop_ByShapes li img{width:35px;z-index:1} .shop_ByShapes li p{line-height:15px;font-size: 12px;} .shop_ByShapes li label{display:flex;width:100%;position:relative;margin-bottom:11px;height:50px;line-height:50px;align-items:center;justify-content:center} .shop_ByShapes li input[type="checkbox"]{border-color:#bdbdbd;margin-top:5px} .shop_ByShapes li input[type="checkbox"]{display:none} .shop_ByShapes li input~span{width:100%;margin:0;height:100%;border:none;background:inherit;position:absolute!important;top:48%;left:50%;transform:translate(-50%,-50%);width:97%!important;height:97%!important} .shop_ByShapes li input:checked~span{border:1px solid #969696;background:inherit} .show-height{height:82px;overflow:hidden} .shop_ByMetals{display:flex;flex-wrap:wrap;width:100%} ul.shop_ByMetals li{width:20%!important;text-align:center;display:flex;justify-content:center;flex-wrap:wrap;margin:0 5% 0 0} .shop_ByMetals li img{width:46px;z-index:1} .shop_ByMetals li p{line-height:15px;font-size: 12px;} .shop_ByMetals li label{display:flex;width:100%;position:relative;margin-bottom:11px;height:50px;line-height:50px; align-items:center;justify-content:center} .shop_ByMetals li input[type="checkbox"]{border-color:#bdbdbd;margin-top:5px} .shop_ByMetals li input[type="checkbox"]{display:none} .shop_ByMetals li input~span{width:50px;margin:0;height:50px;border-radius: 50%;border:none;background:inherit;position:absolute!important;top:48%;left:50%;transform:translate(-50%,-50%);} .shop_ByMetals li input:checked~span{border:2px solid #3e9f8e;background:inherit} .shop_ByMetals li span.metalsIcon{height:40px;width:40px;border-radius:100%;border:1px solid #fff;display:block;position:relative} .shop_ByMetals li span.metalsIcon::before{height:40px;width:40px;border-radius:100%;border:2px solid #fff;content:'';left:-1px;position:absolute;z-index:1;top:-2px} .shop_ByMetals li span.white-gold::before { background: #b3b2af !important; background: -moz-linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; background: -webkit-linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; background: linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; } .shop_ByMetals li span.yellow-gold::before { background: #e1b94f !important; background: -moz-linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important; background: -webkit-linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important; background: linear-gradient(30deg,#e1b94f 0,#fcf1d5 55%,#fcf1d5 60%,#e1b94f 100%) !important; } .shop_ByMetals li span.rose-gold::before { background: #ec8a55 !important; background: -moz-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important; background: -webkit-linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important; background: linear-gradient(30deg,#ec8a55 0,#fcede2 55%,#fcede2 60%,#ec8a55 100%) !important; } .shop_ByMetals li span.platinum::before { background: #b3b2af !important; background: -moz-linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; background: -webkit-linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; background: linear-gradient(30deg,#b3b2af 0,#f7f7f7 55%,#f7f7f7 60%,#b3b2af 100%) !important; } .delivery-box{ background: #F9F9F9; border: solid 1px #ddd; padding: 20px 20px 20px; } .ringInfoImg img { width: 24px; margin: 0 8px 0 0; } .ringInfoImg { margin: 0 0 10px; display: flex; align-items: center; width: 100%; flex-wrap: wrap; } .ringInfoImg span { color: #383838; font-size: 16px; font-weight: 600; } .serconfidenceBox { position: fixed; top: 50%; left: 10px; z-index: 9; transform: translateY(-50%); } .serconfidenceIcBox { margin: 0 0 0; padding: 10px 10px; background: #fff; border: solid 1px #DDD; width: 60px; height: 60px; position: relative; } .serconfidenceIcBox img {width: 35px; height: 35px;} @media (min-width:766px){ .tooltip { background:#a3c1ad; font-size: 14px; bottom: -15px; color: #fff; display: block; left: 70px; margin-bottom: 15px; opacity: 0; padding: 20px 10px; text-align: center; pointer-events: none; position: absolute; width: 160px; -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); -o-transform: translateY(10px); transform: translateY(10px); -webkit-transition: all .25s ease-out; -moz-transition: all .25s ease-out; -ms-transition: all .25s ease-out; -o-transition: all .25s ease-out; transition: all .25s ease-out; -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28); } .tooltip:before { bottom: -20px; content: " "; display: block; height: 20px; left: 0; position: absolute; width: 100%; } .tooltip::after { border-left: solid transparent 15px; border-right: solid #a3c1ad 14px; border-top: solid transparent 15px; bottom: 9px; content: " "; height: 0; left: -15px; margin-left: -13px; position: absolute; width: 0; border-bottom: solid transparent 22px; } .serconfidenceIcBox:hover .tooltip { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0px); -moz-transform: translateY(0px); -ms-transform: translateY(0px); -o-transform: translateY(0px); transform: translateY(0px); } } @media (max-width:990px) { .mt-20 {margin-top:20px;} ul.shopByStyles li { width: 17% !important; } ul.shop_ByMetals li { width: 15% !important;} } @media (max-width:767px){ .mainHeading-inner { margin-bottom:10px!important; display: inline-block; } .cartPage .paymentMode ul li input { width: 69%; } ul.shopByStyles li { width: 22% !important; margin: 0 3% 0 0; } ul.shop_ByMetals li { width: 24% !important; margin: 0 1% 0 0; } .productListing .container { max-width: 100%; } .diamoneShape{padding: 0;} ul.select_diamond{margin-left:-3px; margin-right: -3px; margin-bottom: 20px;} .diamond-search-head{margin-bottom: 0;} ul.select_diamond li{padding: 0 3px;} .diamondTab{margin-top: 0; padding-top: 18px;} .shapeWraps button{display: none !important;} .shop_ByShapes{height: auto !important; width: 100%;} .diamoneShape-new, .diamond-search-head.mt-20{margin-top: 0 !important;} .totalMountPrice{font-size: 24px;} .diamondTile{border-bottom: none;} .diamontoogle .d-flex{justify-content: center !important;} .diamontoogle .d-flex span{display: inline-block; font-size: 14px; background: #f9f9f9; border:1px solid #ddd; padding: 6px 23px 6px 14px;border-radius: 4px; } .diamondSearch .diamondTile .filter {font-size: 15px;margin-top:8px; margin-left: -19px; position: relative;} .diamondTile.diamontoogle {margin-bottom: 10px;} .diamondSearch ul{margin-bottom: 0;} .serconfidenceIcBox{width: 25%; text-align: center; height: auto;} .serconfidenceBox .tooltip{position: static; opacity:1; left:0; font-size: 11px; width: 100%;text-align: center; margin-top: 8px;} .serconfidenceBox .tooltip:before, .serconfidenceBox .tooltip:after{display: none;} .posBox h1{font-size: 20px;} } @media (max-width:450px){ .cartPage .paymentMode ul li input { width: 69%; } .mainHeading-inner { font-size: 18px; margin: 0 0 20px; } .productListing { padding: 0 0px; } .filterJco { padding: 20px 10px; } .shop_ByShapes, ul.shopByStyles{margin: 0 -5px;} ul.shop_ByShapes li, ul.shopByStyles li { width: 20% !important; margin: 0; padding: 0 5px; } .filterJco h3{margin-bottom: 10px;} .shop_ByMetals{margin: 0 -5px;} ul.shop_ByMetals li { width: 25% !important; margin: 0; padding: 0 5px; } .shop_ByMetals li span.metalsIcon{width: 30px; height: 30px;} .shop_ByMetals li span.metalsIcon:before{width: 30px; height: 30px;} .shop_ByMetals li input ~ span{height: 36px; width:36px;} .shop_ByShapes li p{margin-bottom: 8px;} .shop_ByShapes li label{margin-bottom: 5px;} .filterJco .mt-20{margin-top: 10px; border-top: 1px solid #ddd; padding-top: 12px;} .totalMountPrice{margin-bottom: 0 !important;} .metalType{margin-bottom: 10px;} .productDetail .metalType li{margin-bottom: 0;} } #step2 label span:before{content:'2';} #step3 label span:before{content:'3';} #step1 label span::before { content: "\f00c"; font-family: 'FontAwesome'; margin-left: -3px; } #step2.active label span::before { content: "\f00c"; font-family: 'FontAwesome'; margin-left: -3px; } .diamoneShape-new #search-diamond-shape input { display: none; } .diamoneShape-new .gemTitle { display: none; } .diamoneShape-new ul.select_diamond li label { background: inherit; padding: 0; width: 44px; height: 44px; line-height: 43px; border: solid 1px #fff; cursor: pointer; } .diamoneShape-new ul.select_diamond li.active label { border: solid 1px #000; } .diamoneShape-new ul.select_diamond li input ~ span { border: 2px solid #fff; position: absolute; margin-top: 2px; width: 100%; height: 100%; left: 0; top: 0; } .diamoneShape-new ul.select_diamond{margin: 0 -6px;} .diamoneShape-new ul.select_diamond li { float: left; width: auto; font-size: 12px; padding: 0 6px; margin-bottom: 10px; text-align: center; position: relative; } .diamoneShape-new ul.select_diamond li input:checked ~ span { background: inherit; opacity: 1; border: 1px solid #d7d7d7 !important; } .diamoneShape-new { margin: 20px 0 10px; display: inline-block; width: 100%; } .countCartList { display: flex; margin: 0 0 10px; position: relative; justify-content: space-between; } .countCartList span{ background:#CCC; width: 40px; height: 40px; line-height: 40px; border-radius: 50%; font-size:16px; display: block; } @media only screen and (max-width:980px){ .cartTable.w-50, .paymentMode.w-50 { width: 100% !important; } .wizard > div.wizard-inner { padding: 0 0px; } .cartpagesteps .wizard > div.wizard-inner { padding: 0 10px; } .cartTable { padding: 0 !important; } .cartPage .paymentMode ul li span { text-align: left; } .cartPage .billing-info h3 { padding: 10px 15px 10px; } } .requestViewingInfo li .first-col{display: flex; align-items: start;}