.tps_content_group.selected .info_label{color:#fff;} /*white-lable changes*/ body{ color:#333 !important; width: 100%; margin: 0 auto !important; overflow-x: hidden; color: #333; font-family: SourceSansPro-Regular; } .container-fluid, .container-lg, .container-md, .container-sm, .container-xl { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } div.col-full.container, .container { width: 100%; margin: 0 auto; padding: 0; } .modal.tps_certificate_modal iframe{height: 620px;} .diamond_generic img{ margin: 0 auto;} .modal.tps_certificate_modal .modal-dialog{ max-width: 80%;} .modal.tps_certificate_modal .modal-content{ max-width: 80%;height: 620px;} .tps_multi_wrapper{display:flex;} .woocommerce-cart .site-content, .woocommerce-checkout .site-content, .woocommerce-account .site-content, .tinvwl-theme-style .site-content .col-full { width: 100%; margin: 0 auto; float: none; } .ui-slider-horizontal{ background: #f7b1a9;} .ui-slider .ui-slider-handle:after{ border: 1px solid #1b1464 !important; background-color: #1b1464 !important;} .ui-slider .ui-slider-handle:before{ width: 25px !important; height: 25px !important; background-color: #1b1464 !important; border: 1px solid #1b1464 !important;} p{ /* font: normal 16px/24px 'Open Sans', sans-serif; */ margin: 0 0; } a:focus, button:focus, button.alt:focus, input:focus, textarea:focus, input[type="button"]:focus, input[type="reset"]:focus, input[type="submit"]:focus, input[type="email"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="password"]:focus, input[type="search"]:focus, #adv-area:focus, .grid_tabs .listing_grid li a, button:focus, input:focus, optgroup:focus, select:focus, textarea:focus{ outline: 0 !important; } a:hover{text-decoration: none;} .elementor-element.elementor-button-info .elementor-button, .tps-btn { background-color: #fff; color: #1b1464; text-decoration: none !important; border-radius: 0; border: 1px solid #1b1464; text-transform: uppercase; display: inline-block; line-height: 1; background-color: #818a91; font-size: 16px; padding: 9px 20px; -webkit-border-radius: 0px; fill: #fff; text-align: center; -webkit-transition: all .3s; -o-transition: all .3s; transition: all .3s; border-radius: 10px; } .reset input[type="button"]:hover{ color:#1b1464 !important; } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .active, .dot:hover { background: transparent !important; } .col-md-1 { -ms-flex: 0 0 8.333333%; flex: 0 0 8.333333%; max-width: 8.333333%; } /* .row { */ /* display: -ms-flexbox; */ /* display: flex; */ /* -ms-flex-wrap: wrap; */ /* flex-wrap: wrap; */ /* margin-right: -15px; */ /* margin-left: -15px; */ /* } */ /*a{ color: #000 !important; }*/ table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .mt-5, .my-5 { margin-top: 3rem!important; } .p-0 { padding: 0!important; } /*End*/ /** --- loading ---**/ .loadbox { background-size: 50px 60px; height: auto; position: fixed; width: 100%; z-index: 9999; } .loader { background-size: 50px 60px; height: 100%; position: fixed; width: 100%; } .tps_content_group:hover .info_label { color: #fff; } .diamond_result_block button:hover{color: #1b1464 !important;background: #fff;border-color: #1b1464 !important;} div.gemstone_dia_search h4{margin-right: 53px; } .tps_gemstone_color_content .colorless{ flex-wrap: wrap;} div.gemstone_cut_content{ width: 50%;} .filter_content .gemstone-color-group{display: block !important;} span.Gray_cut_label.icon{background-position: -629px -147px;} span.Black_cut_label.icon{background-position: -560px -147px;} span.Orange_cut_label.icon{background-position: -494px -147px;} span.Champagne_cut_label.icon{background-position: -425px -147px;} span.Red_cut_label.icon{background-position: -357px -147px;} span.Green_cut_label.icon{background-position: -289px -147px;} span.Yellow_cut_label.icon{background-position: -223px -147px;} span.Pink_cut_label.icon{background-position: -150px -147px;} span.Peach_cut_label.icon{background-position: -77px -147px;} span.Blue_cut_label.icon{background-position: -12px -147px;} .gemstone-color-group span.icon{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/diamond-shape.png');background-repeat: no-repeat; display: inline-block;width: 50px; height: 50px;} .natural_dia_info .more_info_sty_tps:nth-child(odd){padding-left: 10%;} .cut_slider_gemstone h4,.tps_gemstone_color_content h4{margin-top: 0;} div.tps_gemstone_color_content{width: 50%; display: flex;} .tps_cut_content .filter_content_gemstone div:hover,.tps_cut_content .filter_content_gemstone div.selected, .tps_color_content .filter_content .gemstone-color-group.selected,.tps_color_content .filter_content .gemstone-color-group:hover {background-color: #fff !important;} .cut_slider_gemstone{display: flex;} div.gemstone-color-group:first-child{border-left:0 !important;} .filter_content .gemstone-color-group {border:0 !important;width:20%;height: auto;} .tps_cut_content .filter_content .gemstone-cut-group{border:0 !important;width:24%;height: auto;margin-bottom: 28px;} span.Amethyst_cut_label.icon{background-position:-551px -78px;} span.Topaz_cut_label.icon{background-position:-487px -78px;} span.Garnet_cut_label.icon{background-position:-424px -78px;} span.Tanzanite_cut_label.icon{background-position:-356px -78px;} span.Morganite_cut_label.icon{background-position:-288px -78px;} span.Ruby_cut_label.icon{background-position:-217px -78px;} span.Emerald_cut_label.icon{background-position:-148px -78px;} span.Sapphire_cut_label.icon{background-position:-77px -78px;} .cut-group span.icon{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/diamond-shape.png');background-repeat: no-repeat; display: inline-block;width: 50px; height: 50px;} h3.diamond_cut.fusion-responsive-typography-calculated{margin-top: 0;font-size:18px;font-weight:400;text-align:center;} h3.diamond_color.fusion-responsive-typography-calculated{ font-size:18px;font-weight:400;text-align:center; margin-top: 0; line-height: 1.2 !important; } h3.diamond_name.fusion-responsive-typography-calculated{ font-size:18px;font-weight:400;text-align:center; margin-bottom: 0; } #diamondresult .compare-diam-block-tps span.tps_grid_tab_name{ text-transform: capitalize;} button.reset_btn, button.search_btn{ padding: 12px 26px;} .tps_search{/*margin-left: 20px;*/} .tps_filter_handler{/*display: flex; justify-content: flex-end;*/ float: right;} .compare-diam-block-tps div:hover span{color: #fff;} .compare-diam-block-tps div.block_active, .compare-diam-block-tps div:hover{background:#1b1464 !important;} .compare-diam-block-tps .block_active span,.compare-diam-block-tps div span{color:#fff;font-size:20px;text-transform:uppercase; font-weight: 400;} .certificates-group input{position: absolute; left: 0; width: 100%; height: 35px; opacity: 0; cursor: pointer;} .certificates-group.checkbox_group.selected,.certificates-group.checkbox_group:hover {background-color: #1b1464; color: #fff;} .lab-slider .certificates_col div{padding: 2px 4px; cursor: pointer; margin: 0 auto;border: 1px solid #1b1464; text-align: center;} .certificate_label{font-size: 14px;color:#333; padding-right: 20px; line-height: 34px;} .depth-wrapper div#certificates{margin-top: 0; margin-bottom: 13px;} .tps_diamond_search_box #certificates h4{float:none; margin-top: 0;margin-bottom: 20px;} .search_price_range .price_right#carat_right,.search_price_range .price_left#carat_left{ /*pointer-events: none;*/ } .selected_filters_wrapper li, .selected_filters_wrapper .tps_reset{margin-right: 1.5em;} .selected_filters_wrapper{display: flex; align-items: center;} .selected_filters_wrapper ul{ display: flex;align-items: center; } .tps_prod_img img{margin:0 auto;} .grid-no-diamond-err-tps, .diamond_page .diamondlistingDesk span.grid-no-diamond-err-tps, .diamond_compare_page .diamondlistingDesk span.grid-no-diamond-err-tps{ padding-bottom: 3%; padding-top: 3% !important;} #calcAmount2{font-size: 14px !important;} #tps_adv_slide{margin-top: 5px;clear: both;} .colorless-wrapp hr{ margin: -13px 0 1.41575em;} .colorless-wrapp span{text-transform: capitalize; background: #fff; padding: 0 10px; } .colorless-wrapp-faint-color{width: 65% !important;} #adv-area.button_collapsed:after{ background-position: -113px -129px;content:"";background-image:url('/wp-content/plugins/tps_ringbuilder/css/../images/HisspekDiamond_Sprite.svg');position:absolute; width: 12px; height: 9px; margin-top: 5px; margin-left: 5px;} #adv-area.button_collapse:after{content:"";background-image:url('/wp-content/plugins/tps_ringbuilder/css/../images/HisspekDiamond_Sprite.svg');position: absolute; width: 18px; height: 13px; transform: rotate(180deg); border-bottom: 0; background-position: -113px -129px;} .certificates-group.checkbox_group.selected .certificate_label{color:#fff;} .tps_advanced_button { display: block; width: 100%; border-top: 1px solid #1b1464; margin-top: 25px; } #adv-area.button_collapse,#adv-area.button_collapsed{ background-color: #1b1464; text-decoration: none; border-color: transparent; display: block; margin: 0 auto; cursor:pointer; color: #fff; font-weight:400; font-size:14px; font-family: SourceSansPro-SemiBold; padding: 20px 40px 20px 20px; } .depth-wrapper div#table-slider-container-table{width: 33.33%; padding-right: 15px; padding-left: 15px;} .depth-wrapper div#depth-slider-container-depth {width: 33.33%; padding-right: 30px;} .depth-wrapper input#table_right,.depth-wrapper input#dept_right, #diamond_ratio input#ratio_right {float: right;} .depth-wrapper div#certificates {width: 101%;} .colors-group span{ background: transparent; text-align: center; display: block; margin: 0 auto; } .depth-wrapper input#dept_left, .depth-wrapper input#dept_right, .depth-wrapper input#table_left, .depth-wrapper input#table_right, /*#ratio-slider-container-table input.input_left_box, #ratio-slider-container-table input.input_right_box,*/ #diamond_ratio input#ratio_left, #diamond_ratio input#ratio_right { height: 35px; font-size: 16px; width: 80px; color: #333; border-radius: 4px !important; text-align: center !important; border: 1px solid #1b1464; } .filter_header{font-size: 16px; float: left; margin-right: 0px; margin-bottom: 20px; font-weight: 400; font-family: 'Roboto'; color: #333; letter-spacing: normal; } #ratio-slider-container-table input.input_right_box{float: right;} .color_group{border: 1px solid #1b1464;} .depth-wrapper{clear: both;display: flex; margin-bottom: 5px;} .cut-group.cut_group.tps_content_group.tps_inner_field.cut-filter-lab-width:last-child,.colors-group.color_group.tps_content_group:last-child,.clarity-group.cut_group.tps_content_group:last-child, .polish-group.cut-group.tps_content_group:last-child,.symmetry-group.cut-group.tps_content_group:last-child,.flour-group.cut-group.tps_content_group:last-child, .lab-slider .certificates_col div:last-child { border-radius: 0 5px 5px 0;} .cut-group.cut_group.tps_content_group.tps_inner_field.cut-filter-lab-width:first-child,.colors-group.color_group.tps_content_group:first-child,.clarity-group.cut_group.tps_content_group:first-child, .polish-group.cut-group.tps_content_group:first-child,.symmetry-group.cut-group.tps_content_group:first-child,.flour-group.cut-group.tps_content_group:first-child, .lab-slider .certificates_col div:first-child { border-radius: 5px 0 0 5px;} .clarity_first_div:hover,.clarity_second_div:hover,.clarity_third_div:hover,.colorless-wrapp:hover,.near_colorless:hover,.colorless:hover,.faint_colorless:hover{ background-color: transparent !important;color: #333 !important;} .clarity-group:first-child,.color_group:first-child,.cut-group:first-child{border-left:1px solid #1b1464 !important;} .clarity-group{width:50%;border: 1px solid #1b1464;justify-content: center;float:left;} .clarity_first_div{ padding-left: 0 !important; width: 24.5%; float: left; } .clarity_second_div .cut_group{width:20%;} .clarity_second_div{width: 48.5%; float: left; margin: 0 2.2%;} .clarity_third_div{ width: 24.5%; float: left;} .colorless-wrapp{width:100%;padding-left: 0 !important; padding-right: 40px !important;} .colorless,.near_colorless,.faint_colorless{display: flex !important;width:100%; padding: 0 !important;margin-bottom: 10px; } /* .clarity_content .filter_content div{display:flex;width:100%;} */ .search_price_range .price_right#pricerange_max{margin-right:0 !important; } .price-filter-wrapp{display:flex;margin: 0px 0 5px;} #hint_Modal form{margin-bottom:0;} /* .loader { */ /* background: hsl(0, 0%, 100%) url('/wp-content/plugins/tps_ringbuilder/css/../images/icons/loading.GIF') no-repeat scroll 0 0; */ /* background-position: center center; */ /* bottom: 0; */ /* display: none; */ /* left: 0; */ /* opacity: 0.7; */ /* position: fixed; */ /* right: 0; */ /* top: 0; */ /* z-index: 999999; */ /* background-size: 54px 59px; */ /* } */ .loader h3 { color: hsl(0, 0%, 0%); display: block; font-size: 15px; font-weight: 500; margin-top: 40px; position: absolute; text-align: center; text-indent: 10px; text-transform: uppercase; top: 50%; width: 100%; } .loader.loader-select-diamond > div { display: block; font-size: 1.5em; left: 8px; position: absolute; right: 0; text-align: center; top: 54%; } #loadingMessage{ background: hsl(0, 0%, 100%) url('/wp-content/plugins/tps_ringbuilder/css/../images/icons/loading.GIF') no-repeat scroll 0 0; background-position: center center; bottom: 0; left: 0; opacity: 0.7; position: absolute; right: 0; top: 0; z-index: 999999; background-size: 54px 59px; } #loading { background-color: rgba(255, 255, 255, 0.6); background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/loading.gif'); background-position: center center; background-repeat: no-repeat; margin: 0; position: fixed !important; height: 579px; top: 48%; width: 996px; z-index: 999999; position: fixed; top: 0; left: 0; width: 100%; height: 100%; display: none; } .op-checkout-loader { position: absolute; width: 100%; height: 100%; left: 0; top: -9px; background: rgba(255, 255, 255, 0.6); z-index: 9999; } .cut-info{display:none;} .tps_input { display: inline-block; width: 90%; margin-top: 5px; } .slider_comm .car_diamonds_filter_container_inner_content .slider-left-input { border: 1px solid #d4d4d4; display: inline-block; font-size: 11px; /*height: 20px;*/ /* margin-top: 30px; */ padding: 2px 0 0; position: relative; text-align: center; width: 60px; float: left; } .slider_comm .car_diamonds_filter_container_inner_content .slider-right-input { border: 1px solid #d4d4d4; display: inline-block; font-size: 11px; /*height: 20px;*/ /* margin-top: 30px;*/ padding: 2px 0 0; position: relative; text-align: center; width: 60px; float: right; } /* end ring Detail css */ /* --------------------------Start Diamond listing page --------------------------------- */ /****************************** Diamond View Page ****************************************/ .hidden_description { display: none; } /*.main_textarea {display: inline-block;position: relative;width: 100%;margin-top: 2%;}*/ /*.setting_inform {display: inline-block;position: relative;width: 49%;vertical-align: top;}*/ /****/ /*.setting_title {display: inline-block;position: relative;width: 100%;font-size: 1.2em;margin-bottom: 20px;text-transform: uppercase;} .diamond_desc_title {color: #464646;display: inline-block;font-size: 2em;letter-spacing: 1px;position: relative;width: 100%;margin-bottom: 2%;} */ .shipping_icons { background: hsla(0, 0%, 0%, 0) url('/wp-content/plugins/tps_ringbuilder/css/../images/icons/free_shipping.jpg') no-repeat scroll 0 0; display: block; height: 22px; margin: 0 auto; position: relative; width: 36px; background-position: center; } /*******************************************************************************************************************/ /*Start SKU Block Css*/ #diamond_selection .slider_comm.fme_video_sku_area { width: 100%; } .fme_sku_area { display: inline-block; position: relative; } .fme_video_sku_area .cut-layout-filter { width: 48%; display: inline-block; position: relative; } td.border-active { border-right: 4px solid #A6A6A8 !important; } .gia-color{display: flex; justify-content: center; align-items: center;font-weight:600; font-family: 'Sora';font-size: 16px;} .colorspan td:hover{color:#1b1464 ;font-weight:400;} .color-active-tbl .table-bordered td{ border-width: 0 1px 4px;border-color: #A6A6A8; text-align: center; } .border-none{border-left: none !important;} .colorspan td{border:0 !important} .color-active-tbl td{cursor:pointer;} .color-active-tbl td.active,.color-active-tbl td:hover{background-color:#1b1464 !important;} .lightyello span{ width: auto !important;} .colorspan span{ display: block; text-align: center; width: 101px; margin: 0 auto;} .color-active-tbl{ flex: 0 0 86.333333% !important; max-width: 86.333333% !important;} .main_sku_block { display: inline-block; float: right; position: relative; width: 48%; } .main_sku_block .sku_title { color: #434343; display: inline-block; font-weight: normal; margin-top: 7px; position: relative; text-decoration: underline; width: 125px; } .main_sku_block .sku_input { display: inline-block; float: right; position: relative; width: 76%; margin-top: 7px; } .main_sku_block .sku_input > input { border: 1px solid #e1e1e1; height: 33px; width: 300px; } .sku_input > button { background: #313131 none repeat scroll 0 0; border: 0 none; color: #ffffff; cursor: pointer; display: inline-block; float: right; font-size: 15px; letter-spacing: 1px; line-height: 17px; padding: 8px 28px; position: relative; text-transform: uppercase; vertical-align: top; } /*End SKU Block Css*/ .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul { list-style: none; } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li { width: 120px; display: inline-block; border: 1px solid #EBEBEB; background: #fff; padding: 5px; text-align: center; } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li:hover { border: 1px solid #E698B8 } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li.video_selected { background: #313131; color: #fff; border: 1px solid #E698B8 } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li.video_selected a { color: #fff; } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li:nth-child(2) { margin-left: -4px; } .slider_comm .cut-layout-filter #video_buttons.car_diamonds_filter_container_inner_content ul li a { color: #464646; font-size: 15px; } .cut-layout-filter.tps_video_area { display: inline-block; height: 60px; margin: 10px 0; position: relative; vertical-align: top; width: 48%; } #diamond_videos > li { display: inline-block; margin-right: 21px; position: relative; } #diamond_videos .videofilter { display: inline-block; position: relative; top: 2px; } /*#diamond_selection .price_main, #diamond_selection .clarity_main, #diamond_selection .cut_main, #diamond_selection .symmetry_main, #diamond_selection .lwratio_main{ float: right; }*/ .car_filter_shape_container > li { display: inline-block; position: relative; width: 9.4%; /* height: 25px;*/ border: 1px solid #fff; cursor: pointer; padding-top: 3px; float: left; margin-right: 5px; margin-bottom: 5px; } .car_filter_shape_container > li:hover { border: 1px solid #313131; } .car_filter_shape_container > li.filter-selected { border: 1px solid #313131; } .car_filter_shape_container h6 { font-family: 'Futura-book'; font-size: 11px; text-transform: uppercase; margin-bottom: 5px; color: #333; letter-spacing: 1px; } .car_filter_shape_image { display: block; margin: 0 auto; position: relative; } .car_diamonds_filter_container_inner_header { display: inline-block; position: relative; vertical-align: middle; width: 21%; } .car_diamonds_filter_container_inner_content { display: inline-block; float: right; position: relative; vertical-align: middle; text-align: center; margin-top: 8px; } .sel_car_filter_shape_container > li { display: inline-block; position: relative; width: 40px; height: 35px; border: 1px solid #fff; pointer-events: none; cursor: default; opacity: 0.5; } .sel_car_filter_shape_container > li.filter-selected { border: 1px solid #313131; opacity: 1; } .sel_car_filter_shape_container h6 { display: none; } .sel_car_filter_shape_image { display: block; margin: 0 auto; position: relative; } .sel_car_diamonds_filter_container_inner_header { display: inline-block; position: relative; vertical-align: middle; width: 21%; } .sel_car_diamonds_filter_container_inner_content { display: inline-block; float: right; position: relative; vertical-align: middle; width: 75% } .sel_car_filter_shape_container > li.filter-selected { border: 1px solid #313131; } .sel_car_filter_shape_container h6 { display: none; } .sel_car_filter_shape_image { display: block; margin: 0 auto; position: relative; } .sel_car_diamonds_filter_container_inner_header { display: inline-block; position: relative; vertical-align: middle; width: 21%; } .sel_car_diamonds_filter_container_inner_content { display: inline-block; float: right; position: relative; vertical-align: middle; width: 75% } .slider_comm .header-indent { margin: 0; } /*.slider_comm .ui-slider-pips .ui-slider-pip {top: 22px;}*/ .advance_search img { display: inline-block; position: relative; vertical-align: middle; } .advance_search { display: inline-block; position: relative; width: 200px; margin-bottom: 20px; } .tps_reset { display: inline-block; position: absolute; right: 0px; top: 10px; text-transform: uppercase; font-size: 14px; color: #333; font-family: 'Roboto', sans-serif; } a.tps_reset:hover { color: #1b1464; } .tps_reset a { text-transform: uppercase; } .table_view .row_main_div { /*max-height: 600px;*/ max-height: 850px; overflow-y: auto; overflow-x: hidden; /*padding: 0 5px;*/ -webkit-overflow-scrolling: touch; } .widthless .row_main_div {height: 775px;} /* grid css */ .pageinner2 #comparelist { display: block; } #listingAJAX1 .pageinner2 .compare_dia { display: none; } #listingAJAX1 table { display: inline-block; position: relative; vertical-align: top; width: 75%; } #diamonds_ajax_list thead { background: #ebebeb; } #diamonds_ajax_list th { color: #292929; font-size: 12px; letter-spacing: 1px; line-height: 18px; padding: 15px 0; text-align: center; text-transform: uppercase; } .listviewright .sublist { display: inline-block; width: 100%; margin-top: 15px; line-height: 100%; } .sm_rt { text-transform: lowercase; } .sublist li .left_dt { color: #5D5D5D; display: inline-block; position: relative; width: 40%; text-transform: capitalize; font-weight: 400; /* text-rendering: optimizelegibility; white-space: normal;*/ font-size: 14px; } .sublist li span:nth-child(2) { text-align: right; } .sublist > li { color: #6a6969; display: inline-block; font-size: 12px; /* letter-spacing: 1px;*/ line-height: 20px; position: relative; text-transform: uppercase; width: 100%; } .sublist li span { color: #5D5D5D; display: inline-block; position: relative; width: 60%; text-transform: capitalize; font-weight: 400; text-rendering: optimizelegibility; /*white-space: normal;*/ font-size: 14px; } .sublist li span.sm_rt { letter-spacing: 0; display: inline-block; } #diamonds_ajax_list td { text-align: center; padding: 12px 0; } .listviewright.listview-diamond-details { display: inline-block; height: 350px; position: absolute; text-align: left; z-index: 1; } #listiveiwcontainer { height: 100%; /* margin: 25px 0;*/ position: relative; width: 100%; /*overflow-y:scroll; */ display: inline-block !important; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; /*padding-right: 15px;*/ float: left; -webkit-overflow-scrolling: touch; margin-bottom: 50px; } .listviewright.listview-diamond-details { background: #fff none repeat scroll 0 0; display: inline-block; height: 775px; left: 0; position: relative; text-align: left; top: 0; width: 100%; z-index: 0; background: transparent; } #listiveiwcontainer div.table_rows:hover + #info_di span.listviewright.listview-diamond-details { display: block; } #listingAJAX1 .pagination { margin-top: 5%; } .diamondtitle { color: #464646; font-size: 12px; letter-spacing: 1px; line-height: 47px; position: relative; text-align: center; text-transform: uppercase; width: 100%; } .empty_info_block, .empty_info_block_compare { display: inline-block !important; width: 100%; } .empty_info_block .diamondtitle, .empty_info_block_compare .diamondtitle { background: #ebebeb none repeat scroll 0 0; display: inline-block !important; position: relative; width: 100%; } .info_main_block { background: #fff none repeat scroll 0 0; display: none; position: relative; text-align: center; width: 100%; margin-left: -1px; padding-left: 0px; overflow-x: hidden; overflow-y: scroll; } /*.info_main_block.tps_active { display: inline-block !important; }*/ .info_main_block .diamondtitle { /*display: none !important; */ } .view_detail_btn { display: inline-block; position: relative; width: 100%; text-align: center; margin-top: 5px; margin-bottom: 5px; } #diamonds_ajax_list tbody tr:hover { background: #ebebeb none repeat scroll 0 0; } .main_div_info { display: inline-block; padding: 0px; position: relative; width: 100%; /* border: 1px solid #ebebeb;*/ } .table-row-link > a { color: #464646; font-size: 13px; letter-spacing: 1px; line-height: 18px; text-transform: uppercase; } .view_detail_btn a.btn-pink , .view_detail_btn button.btn-pink { display: inline-block; width:70%; box-shadow: none; } .view_detail_btn .startedbutton,button.reset_btn,button.search_btn { background-color:#1b1464; border:1px solid #1b1464; color:#fff; /*margin-top: 6px;*/ /*margin-bottom: 22px;*/ border-radius:20px; padding: 13px 40px; text-transform:capitalize; cursor:pointer; font-family: SourceSansPro-SemiBold; font-size: 14px; } /*.view_detail_btn .addtobasket_moredetail { background: #313131 none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 0; box-shadow: 0 1px 2px 1px #ebebe3; color: #fff; font-size: 12px; height: 36px; line-height: 22px; margin-bottom: 22px; margin-left: 34px; margin-top: 6px; padding: 6px 7px; position: relative; text-align: center; text-transform: uppercase; width: 273px; font-weight: 800; }*/ /*.view_detail_btn .startedbutton:hover, .view_detail_btn .startedbutton:active, .view_detail_btn .startedbutton:focus, .view_detail_btn .addtobasket_moredetail:hover, .view_detail_btn .addtobasket_moredetail:active, .view_detail_btn .addtobasket_moredetail:focus { background: #313131; box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 0.75); border: 1px solid #313131; color: #fff; box-shadow: inset 0px 1px 4px 0px #ccc; }*/ .view_detail_btn #addToCartBTN { background: #EBEBE3 none repeat scroll 0 0; /* background: #313131 none repeat scroll 0 0;*/ color: #313131; font-size: 12px; /*letter-spacing: 1px;*/ line-height: 22px; padding: 10px 7px; position: relative; text-align: center; text-transform: uppercase; /*width: 125px;*/ border: 1px solid #e1e1e1; box-shadow: 0px 1px 2px 1px #EBEBE3; border-radius: 5px; /* width: auto; */ } .view_detail_btn #addToCartBTN:hover, .view_detail_btn #addToCartBTN:active, .view_detail_btn #addToCartBTN:focus { background: #313131; box-shadow: 0px 1px 0px 0px rgba(204, 204, 204, 0.75); border: 1px solid #313131; color: #fff; box-shadow: inset 0px 1px 4px 0px #ccc; } .dia_main_fil { display: inline-block; margin-top: 20px; position: relative; width: 100%; } /* start table structure changed to div */ .info_wrapper { display: inline-block; float: left; position: relative; width: 25%; } #listiveiwcontainer .table_view { float: left; } #listiveiwcontainer .table_view { display: inline-block; position: relative; width: 100% !important; vertical-align: top; /*border: 1px solid #ccc;*/ border:0 } .table_view .table_header, .table_view .table_rows { display: flex; position: relative; width: 100%; text-align: center; line-height: 100%; } #listiveiwcontainer .table_rows:hover .info_main_block .diamondtitle { display: inline-block; } .table_header { background: #ebebeb; } .table_header > span { display: inline-block; font-size: 12px; letter-spacing: 1px; position: relative; text-align: center; text-transform: uppercase; width: 10.6%; color: #282828; padding: 15px 0; float: left; cursor: pointer; } .mb_video { vertical-align: middle; } .mb_video > a { display: block; margin: 0 auto; position: relative; } .mb_video img { display: block; margin: 0 auto; position: relative; } .table_rows > span { display: inline-block; font-size: 12px; letter-spacing: 0; position: relative; text-align: center; text-transform: capitalize; width: 10.7%; color: #333; padding: 7px 0; vertical-align: middle; float: left; } .table_rows > span.mb_shape { padding: 7px 0; padding-left: 0; } .dia_img_detail{cursor: pointer;} .table_rows > span.mb_shape a { display: inline-block; width:100%; /* text-align: center; */ } .table_rows:hover { background: #ebebeb; } /*.mb_inner_title { display: none; }*/ .shp_img { display: none; } .desk_shp_img { display: inline-block; position: relative; vertical-align: middle; width: auto; height: auto; /*float: left;*/ } .diamondlistingDesk .diamond_grid_sprite{display:none;} .mb_shape .sh_tit { display: inline-block; position: relative; text-align: left; vertical-align: middle; font-size: 14px; /*width: 65%;*/ width: auto; padding-left: 4px; /*added dipesh */ line-height: 30px; color: #333; } .steps_list { /*display: inline-block;width:100%;*/ } /*95% uma change*/ .steps_list .steps_tick { display: inline-block; position: relative; } .small-line { background: #999; width: 3px; height: 15px; position: absolute; background: #ccc; top: -24px; display: inline-block; right: 0; } .color_main .steps_list .steps_tick { display: inline-block; width: 14.285714286%; text-align: center; float: left; } .cut_main .steps_list .steps_tick { display: inline-block; width: 25%; text-align: center; float: left; } .clarity_main .steps_list .steps_tick { display: inline-block; width: 12.50%; text-align: center; float: left; } .polish_main .steps_list .steps_tick { display: inline-block; width: 25%; text-align: center; float: left; } .symmetry_main .steps_list .steps_tick { display: inline-block; width: 25%; text-align: center; float: left; } .fluorence_main .steps_list .steps_tick { display: inline-block; width: 20%; text-align: center; float: left; } .steps_list .steps_tick .small-label { font-size: 11px; font-weight: 600; white-space: normal; text-rendering: optimizelegibility; } /* end table structure changed to div */ /*******************End Diamond listing page**************/ .ui-slider .ui-slider-handle { position: absolute; z-index: 3; /* width: 35px; height: 27px;*/ width:20px; height: 20px; cursor: default; /*margin-left: -21px;*/ margin-left: -10px; top: -.2em; cursor: pointer !important; } .ui-slider-handle { background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAMAAAC6V+0/AAAABGdBTUEAALGPC/xhBQAAAAFzUkdCAK7OHOkAAACoUExURQAAAAAAAAAAAAAAAAAAAOvs7QAAAAAAAAAAAAAAAAAAABEREZqam9HR06ioqdHR0cnJymFhYXx8fQAAALe3uAAAAOHh4Tg4OcjIyYKDg7m6vM3NztjZ2y4uLoODhePj5NDQ0OPj5J6fosnJy+bm5+Pj5MnJy/Ly9Pj4+dDR0sLDxdvb3PX19t3d3tTV1szNz8TFyNjY2eDh4bKztu/w8ba3urq7vevr7DNISeMAAAAkdFJOUwAtDBQf/hoJAgUBQoZ/nmliIRcVhziMO9CC1s/ON5r519Ph4RolXukAAAEaSURBVBjTNdDZcoMgAAVQQAbFJWm27u00LcimgkjC//9ZwST3gWHOsF4AcuqKljm0qsEjFd13H722n92eVjeqabmNfLZaMRGfyptS9CxFHK2eogixQ1mrcjtIGbzSJojIWF5b0x0LgxzipH22EHYUVOjoWRRSjDqGPJEdArR4nY1nQUYt0igHcS5ASXqr1GSY1EwOIcToCShxf49/BCfUWawae8N4tjnje29t2s/d1TDGOP9JSNr1TM7d4gxPfCTp9hc7pfv56JarTTp+FemduM3GjVsWrYxvMUo/OsDNmHBOeHVqAwua/05ga7if3GVZLm+QrD1RRGCz+bNu+f1uIFlbyn0eMDw1TXOCuLj3mZtHBcEYkwKtzf8DC7Iqk9ZdvOkAAAAASUVORK5CYII=') center center no-repeat; } .cms-page-view .std li { color: #333; font-style: normal; font-size: 15px; } .slider_comm .header-indent { color: #333; font-size: 12px; font-weight: normal; letter-spacing: 1px; line-height: 22px; margin: 0; /* text-decoration: underline;*/ font-family: 'Futura-book'; font-weight: bold; text-decoration: none; font-size: 11px; text-rendering: optimizelegibility; } .header-indent { color: #464646; font-size: 13px; font-weight: normal; letter-spacing: 1px; line-height: 22px; margin: 0; text-decoration: underline; } .slider_comm .car_diamonds_filter_container_inner_content .ui-slider-label { color: #464646; font-size: 10px; font-weight: normal; letter-spacing: 1px; text-transform: uppercase; margin-top: 10px; } #diamond_selection { display: inline-block; /* margin-top: 30px;*/ position: relative; width: 100%; } #diamond_selection2 { display: inline-block; margin-top: 60px; position: relative; width: 100%; } .diamond_count { display: inline-block; /*font-size: 20px;*/ letter-spacing: 1px; position: relative; text-transform: uppercase; } .dia_main_fil .comp_btn { background: #313131 none repeat scroll 0 0; cursor: pointer; display: inline-block; float: right; font-size: 15px; letter-spacing: 1px; line-height: 30px; padding: 5px 40px; position: relative; right: 15px; text-transform: uppercase; vertical-align: middle; } .dia_main_fil .comp_btn a { color: #fff; } .dia_main_fil .comp_btn:hover { background: #e698b8; } .ui-slider-horizontal { display: inline-block; width: 100%; vertical-align: top; height: 7px !important ; margin-top: 0; background: rgba(27,19,100,0.5) !important; } #diamonds-color-slider { vertical-align: top; } /*.steps_list{ vertical-align: top; }*/ #cut-option-handlebar.cut-layout-filter { float: right; } .slider_comm .car_diamonds_filter_container_inner_content .slider-left-input, .slider_comm .car_diamonds_filter_container_inner_content .slider-right-input { height: 20px; border: 1px solid #313131; color: #313131; text-align: left; padding: 0 5px; } .car_diamonds_filter_container_inner_content { text-align: left; } .shape_main .car_diamonds_filter_container_inner_content { text-align: center; } .steps_list { vertical-align: top; } .steps_list .steps_tick { line-height: 10px; height: auto; } .advance_search { display: inline-block; width: 100%; margin: 0; } #tab1, #tab2 { padding: 0 20px; } .filter_line { background: #313131; height: 2px; white-space: normal; } .advance_search { padding: 0 20px; } .tps_advance { position: relative; } .tps_advance label { color: #333; text-transform: uppercase; font-size: 13px; font-weight: bold; letter-spacing: 0.5px; vertical-align: middle; position: relative; cursor: pointer; padding-top: 5px; } .tps_advance input { vertical-align: middle; -webkit-appearance: none; -moz-appearance: none; appearance: none; opacity: 0; width: 16px; height: 17px; margin-top: 5px !important; position: absolute; left: 0; } .tps_advance label::before { content: ''; width: 13px; height: 13px; border: 1px solid #ccc; display: inline-block; margin-right: 5px; vertical-align: middle; margin-top: -3px; border-radius: 3px; background: red; /* For browsers that do not support gradients */ background: -webkit-linear-gradient(#fff, #ccc); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(#fff, #ccc); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(#fff, #ccc); /* For Firefox 3.6 to 15 */ background: linear-gradient(#fff, #ccc); /* Standard syntax (must be last) */ } .tps_advance label::after { content: ''; width: 13px; height: 5px; position: absolute; top: 6px; left: 2px; border: 3px solid #000000; border-top: none; border-right: none; background: transparent; opacity: 0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); } .tps_advance input:checked + label::after { opacity: 1; } .steps_list .steps_tick:last-child .small-line { display: none; } /*#tab1 .price_main{ margin-left:1%; } #tab2 .fluorence_main { margin-right: 2%; }*/ /*---start Grid changes-----**/ .tps_diamondlisting_area { display: inline-block; position: relative; width: 100%; overflow: hidden; padding: 0 35px; margin-top: 40px; } .diamondlisting_tab { display: inline-block; position: relative; width: 50%; margin-bottom: 15px; padding-right: 30px; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; border: 1px solid black; } .listingtab { /* background: #ffffff none repeat scroll 0 0;*/ /* border: 1px solid #a0a09b;*/ display: inline-block; float: left; padding: 8px 25px; position: relative; width: auto; color: #fff; /* text-transform: uppercase;*/ font-family: arial, helvetica, arial, sans-serif; font-size: 16px; /* font-weight: bold;*/ } .listingtab .active { color: black; } /*.listingtab.active_tab { background: #042143 none repeat scroll 0 0; color: #ffffff; }*/ .tps_gridmain_area { display: inline-block; position: relative; width: 100%; } #diamondresult { display: inline-block; position: relative; width: 100%; overflow: hidden; } .table_view { display: inline-block; position: relative; width: 100%; float: left } .presta_main_pop_div { display: none; width: 25%; float: left; /*display: inline-block;*/ padding-left: 20px; opacity: 0; visibility: hidden; } .presta_main_pop_div.active { opacity: 1; visibility: visible; z-index: 1; border: 1px solid #1b1464; margin-left: 0px; padding-left: 0px; height: 100%; border-left: 0; height: auto; display: inline-block; } .table_header { display: inline-block; width: 100%; background: #313131 none repeat scroll 0 0; color: #ffffff; position: relative; width: 100%; z-index: 1; background: transparent; } .row_main_div { /* height: 600px; overflow-y: scroll;*/ overflow-x: hidden; -webkit-overflow-scrolling: touch; } .table_header > span { display: inline-block; /* line-height: 37px;*/ padding: 0; position: relative; text-align: center; width: 9.9%; } .table_header > span:last-child { width: 6%; } .table_rows.diamond_row, .table_rows.diamond_compare { display: inline-block; position: relative; width: 100%; cursor: pointer; /*height: 30px;*/ /* line-height: 30px;*/ } .table_rows.diamond_row:nth-child(2n), .table_rows.diamond_compare:nth-child(2n) { background: #ccc none repeat scroll 0 0; } .hovereffect:hover { background: #7b98ba none repeat scroll 0 0; } /*.diamond_page .current span, .diamond_compare_page .table_rows.diamond_compare.current span, .diamond_page .current span a { color: #fff; }*/ .diamond_page span.sh_comp a{ width: 20px; height: 20px; line-height: 20px; vertical-align: middle; color: #595959; display: inline-block; border: 1px solid transparent; margin-top: 0px; } /*.diamond_page span.sh_comp a:hover{ border: 1px solid #e1e1e1; }*/ .diamond_page .table_rows.mobile_add.current, .diamond_compare_page .table_rows.mobile_add.current { background: #e1e1e1; color: #fff; } .diamond_page span, .diamond_compare_page span { display: inline-block; /*position: relative;*/ text-align: center; vertical-align: top; width: 11.11%; font-size: 14px; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; cursor: pointer; } .diamond_page span.no_diamond_found { text-align: center; display: inline-block; width: 100%; padding-top: 3%; font-size: 24px; padding-bottom: 3%; } .contact_number{width: 30% !important;} .single-product.woocommerce .thumbnails #slider-prev{z-index: 1;cursor: pointer;} .withoutfl{width: 10.5%;} .withoutfl .clarity-group{ width: 100%;} .withoutflsecond{width: 65.5%;} .withoutflthird{ padding-left:0 !important;} .diamond_page .amount { overflow: visible; } .sh_comp input[type="checkbox"] { margin: 0; padding-top: 2px; margin-top: 0; top: 5px; position: relative; display: inline-block; width: 20px; height: 20px; left: 5px; cursor: pointer; } .grid-no-diamond-err-tps { font-size: 17px !important; width: 20% !important; text-align: center !important; margin-top: 8%; color: black; margin-left: 40%; } .diamond_page span .mb_inner_title, .diamond_compare_page span .mb_inner_title { width: 100%; display: inline-block; vertical-align: middle; line-height: 30px; border:0; } .diamond_page span.mb_price .mb_inner_title, .diamond_compare_page span.mb_price .mb_inner_title { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; vertical-align: middle; font-size: 14px; } .diamond_page span.mb_price .mb_inner_title span, .diamond_compare_page span.mb_price .mb_inner_title span{ width: auto; /*vertical-align: middle;*/ vertical-align: initial; font-size: 14px !important; font-weight: normal; } .diamond_page span.mb_price .mb_inner_title span span, .diamond_compare_page span.mb_price .mb_inner_title span span{ display: none; } /*.diamond_page span.mb_view, .diamond_compare_page span.mb_view, .diamond_page span.mb_detail { margin: 0; width: 14.285714286%; }*/ .diamond_page span.mb_view i, .diamond_compare_page span.mb_view i { margin-left: 5px; } .diamond_page .pres_diamond_title { text-align: center; width: auto; margin: 0; } .mb_shape img { /*width: 14px; height: 13px;*/ width: 17px; height: 19px; margin-top: 6px; } /*.view_info_active > .table_rows .mb_shape > a { color: red; }*/ .diamond_Page .diamond_shape { display: inline-flex; float: left; position: relative; width: 27%; } .dimond_sarch_data .diamond_row.tps_rotate i, .dimond_sarch_data .mobile_add.tps_rotate i, .dimond_compare_data .diamond_compare.tps_rotate i, .dimond_compare_data .mobile_add.tps_rotate i { color: #fff !important; font-size: 18px; transform: rotate(-180deg); transition: transform 500ms ease-in-out 0s, -webkit-transform 500ms ease-in-out 0s, -moz-transform 500ms ease-in-out 0s, -o-transform 500ms ease-in-out 0s; vertical-align: sub; } .datagrid-sort-icon { padding-left: 5px; /*position: absolute;*/ } /*.diamond_info { background: #042143 none repeat scroll 0 0; display: inline-block; position: relative; width: 100%; color: #ffffff; padding: 5.5px 0; text-align: center; }*/ .listingHeaderTwo { display: none; text-align: center; } .listingHeaderOne > span.deskPrice { border: 0; /*background: -webkit-linear-gradient(#313131 , #787878 ); background: -o-linear-gradient(#313131 , #787878 ); background: -moz-linear-gradient(#313131 , #787878 ); background: linear-gradient(#313131 , #787878 );*/ /* background-color: #313131;*/ } .listingHeaderOne > span.deskView { border: 0; /* background-color: #313131;*/ /*background: -webkit-linear-gradient(#313131 , #787878 ); background: -o-linear-gradient(#313131 , #787878 ); background: -moz-linear-gradient(#313131 , #787878 ); background: linear-gradient(#313131 , #787878 );*/ } /*.listingHeaderOne > span{ border-right: 1px solid #fff; }*/ .table_rows .diamond_shape > img { vertical-align: text-bottom; } /*.presta_main_pop_div{ display: none; }*/ .listingHeaderOne { display: flex; width: 100%; padding-right: 0px; /* height: 25px;*/ } .diamondlistingMob, .compareHeaderTwo { display: none; } /*.back_diamond_list { display: none; display: inline-block; margin-bottom: 5px; cursor: pointer; letter-spacing: 0.1px; width: 100%; text-align: right; padding-right: 9px; padding-top: 5px; color: white; background-color: #313131; height: 30px; }*/ .divdata { padding-left: 15px; } .diamond_title { display: inline-block; width: 100%; margin: 10px 0; font-size: 20px; text-align: center; } .diamond-info { display: inline-block; width: 100%; margin: 30px 0; } .diamond-info span { width: 100%; display: inline-block; vertical-align: top; padding: 5px 0; font-size: 13px; } .diamond-info span:nth-child(2n+1) { background-color: #f1f1f1; } .diamond-info span p { width: 48%; float: left; display: inline-block; font-size: 13px; margin: 0; } .diamond-info span p:nth-child(2) { text-align: right; } .diamond-info span p strong { display: inline-block; height: auto; } /*.listingHeaderOne > span.deskView { width: 14.285714286%; }*/ .dimond_sarch_data { display: inline-block; width: 100%; transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; } .dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless { width: 75% ; } .empty_info_block, .table_header { /* height: 30px;*/ border-bottom: 1px solid #fff; } .info_img { display: inline-block; width: 100%; } .info_img ul { display: inline-block; width: 100%; padding: 0; margin: 0; } .divdata .info_img ul li a { width: 100%; display: inline-block; text-align: center; } .divdata .info_img ul li a img { display: inline-block; width: 75%; } .diamond_shape { width: 20px !important; float: left; vertical-align: middle !important; line-height: 35px; } .diamond_page span.mb_shape .pres_diamond_title { text-align: left; display: inline-block; } .back_diamond_list, .listingHeaderOne > span, .compareHeaderOne > span, .table_header span { padding: 7px 0; position: relative; text-align: center; width: 11.11%; font-size: 18px; line-height: 1.5; color: #333; font-family: SourceSansPro-SemiBold; font-size: 18px; display: inline-block; } .back_diamond_list{ display: inline-block; width: 100%; letter-spacing: 0; position: relative; border-bottom: 1px solid #1b1464; } .diamond_page span.mb_view, .diamond_compare_page span.mb_view, .diamond_page span.mb_detail { /*margin: 0; width: 14.285714286%;*/ } .back_diamond_list i{ cursor: pointer; position: absolute; right: 15px; top: 50%; -webkit-transform: translate(0%,-50%); transform: translate(0%,-50%); /*margin-left: 10%;*/ width: 20px; line-height: 20px; text-align: center; font-style: normal; } .table_header span i{ padding-right: 0; position: absolute; left: auto; top:51%; -webkit-transform: translate(0, -50%);transform: translate(0, -50%); margin-left: 2%; font-size: 20px; } /*.datagrid-sort-asc, .datagrid-sort-asc .datagrid-sort-icon { background: none !important; }*/ .listingHeaderTwo { border-left: 1px solid #e1e1e1; } .diamond_page .mb_shape { padding-left: 0%; } .table_view .table_rows { border-bottom: 0; cursor: pointer; } .table_view .table_rows:nth-child(2n+2) { background: #e2e1e9; } .table_header { border-bottom: 1px solid #1b1464; } .table_view .table_rows:hover { background: #1b1464; } .sh_lab_tps.tps_lab_gia { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/gia.svg') no-repeat; background-size: contain; width: 65px !important; height: 25px !important; margin-top: 2px; } .table_view .table_rows:hover .sh_lab_tps.tps_lab_gia { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/gia_white.svg') no-repeat; background-size: contain; } .sh_lab_tps.tps_lab_igi { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/igi.svg') no-repeat; background-size: contain; width: 65px !important; height: 25px !important; margin-top: 2px; } .table_view .table_rows:hover .sh_lab_tps.tps_lab_igi { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/igi_white.svg') no-repeat; background-size: contain; } .sh_lab_tps.tps_lab_hrd { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/hrd.png') no-repeat; background-size: contain; width: 65px !important; height: 30px !important; } .table_view .table_rows:hover .sh_lab_tps.tps_lab_hrd { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/hrd_white.png') no-repeat; background-size: contain; } .sh_lab_tps.tps_lab_ags { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/ags.svg') no-repeat; background-size: contain; width: 45px !important; height: 30px !important; } .table_view .table_rows:hover .sh_lab_tps.tps_lab_ags { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/lab/ags_white.svg') no-repeat; background-size: contain; } div#trustindex_google_widget-4 { display: none; } .table_view .table_rows:hover span, .table_view .table_rows.current span{color: #fff;} .diamond_page .table_rows.current, .diamond_compare_page .table_rows.diamond_compare.current { background: #1b1464; z-index: 1; } #specification_label { font-size: 35px; display: inline-block; width: 100%; margin: 25px 0; } #diamond_name, #diamond_shape { /*text-transform: none; font-size: 18px; text-align: center; color: black; margin-bottom: 17px;*/ } #diamond_shape { margin-bottom: 0px; /*margin-left: 0;*/ } #price, #gst { font-size: 13px; text-transform: uppercase; line-height: 17px; letter-spacing: 0.5px; } #total { text-transform: uppercase; color: #5D5D5D; font-size: 16px; margin-top: 10px; letter-spacing: 0.5px; font-weight: 600; } .polish_main { margin-left: 1% !important; } .steps_color #color_list{ display: inline-block; width: 100%; margin: 0; } .diamond_page .table_rows.current span.mb_view .tps_detailview i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; margin-top: 0px; vertical-align: middle; } /************************* add css for fancy color filter *****************/ .color_slider-tps.gd-fancy-color #color_list > li { display: inline-block; width: 23%; padding: 0px 5px; cursor: pointer; height: 48px; /* css change by neelam */ text-align: center; margin: 0; margin-right: 2px; margin-bottom: 5px; border-bottom: 2px solid #ffffff; -webkit-transition: border .25s ease-in-out; transition: border .25s ease-in-out; } .color_slider-tps #color_list > li { /*width: 12.4%;*/ /*width: calc(100%/10);*/ width: 10%; margin: 0; padding: 0; } /* start code added by neelan for fancy diamond color */ .fancy-color-tps .img_shape{ display: block; margin:0 auto; width: 22px; height:22px; float: none; border-radius: 15px; margin-bottom: 5px; } .fancy-color-tps .img_shape.Yellow{background: #ffff00;} .fancy-color-tps .img_shape.Pink{background: #ff6eb4;} .fancy-color-tps .img_shape.Purple{background: #9b30ff; } .fancy-color-tps .img_shape.Red{background: #ff0000; } .fancy-color-tps .img_shape.Blue{background: #0000ff; } .fancy-color-tps .img_shape.Green{background:#008b00; } .fancy-color-tps .img_shape.Orange{background:#ff7f00; } .fancy-color-tps .img_shape.Brown{background: #a14f2e; } .fancy-color-tps .img_shape.Black{background: #000000;} .fancy-color-tps .img_shape.Gray{background: #808080;} /* end code added by neelan for fancy diamond color */ /*.Yellow { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/yellow.png') no-repeat scroll 0 0; background-position: center 4px; } .Black { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/black.png') no-repeat scroll 0 0; background-position: center 4px; } .Blue { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/blue.png') no-repeat scroll 0 0; background-position: center 4px; } .Gray { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/gry.png') no-repeat scroll 0 0; background-position: center 4px; } .Orange { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/orange.png') no-repeat scroll 0 0; background-position: center 4px; } .Green { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/green.png') no-repeat scroll 0 0; background-position: center 4px; } .Brown { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/Brown.png') no-repeat scroll 0 0; background-position: center 4px; } .Red { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/red.png') no-repeat scroll 0 0; background-position: center 4px; } .Purple { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/purple.png') no-repeat scroll 0 0; background-position: center 4px; } .Pink { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/pink.png') no-repeat scroll 0 0; background-position: center 4px; } .Champagne { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/fancycolor/champagne.png') no-repeat scroll 0 0; background-position: center 4px; }*/ .color_slider-tps.gd-fancy-color #color_list > li:hover .text_shape, #color_list > li.selected_color .text_shape{ border-bottom: 2px solid #fea0a0; border-radius: 0px; }/* changes by neelam */ /* .color_slider-tps.gd-fancy-color #color_list > li.selected_color { border-bottom: 2px solid #fea0a0; border-radius: 0px; }*/ /********************* end css for fancy color filter*********/ /*-Start Nitesh Changes */ #tps_adv_slide .panel-sec-filters-tps .columns:first-child, .dimond_search_box1 ul .columns:first-child { padding-left: 0; } #tps_adv_slide .panel-sec-filters-tps .columns:last-child, .dimond_search_box1 ul .columns:last-child { padding-right: 0; } .search_addvanc_slider .steps_tick , .search_slider .steps_tick { top: 30px; /* top: 37%;*/ border: 0; display: inline-block; background: #fff; width: 2px; margin-top: 0; height: 15px; margin-left: -0.5%; z-index: 2; } .search_addvanc_slider .steps_tick{ top:68%; } .advance_steps_list ul, .steps ul, .clarity_steps_list ul, .steps_list ul { display: inline-block; width: 100%; } .steps_list ul li { text-transform: capitalize; color:#111; /* change by neelam */ } #pad_in { width: 100%; display: inline-block; padding: 0; } .tps_detailview.btn{ border:0; background: transparent; width: 20px; height: 29px; padding: 0; line-height: 29px; text-shadow: none; box-shadow: none; text-align: center; font-size: 13px; } .tps_detailview.btn i{ margin-left: 0; } .more_info_sty_tps{ /* display: inline-block;*/ width: 100%; margin-bottom: 1px; float: left; display: flex; flex-wrap: wrap; } .more_info_sty_tps:first-child {margin-top: 20px;} .more_info_sty_tps:nth-child(odd) { padding-left: 3%; } .more_info_sty_tps:nth-child(even) { padding-left:10%; } .more_info_sty_tps .list_info_tps_left{ display: inline-block; width: auto; float: left; text-align: left; font-size: 15px; color:#333; font-weight: bold; } .more_info_sty_tps .list_info_tps_right{ display: inline-block; width: auto; float: left; text-align: left; padding-left: 2%; padding-right: 5%; font-size: 15px; } .more_info_sty_tps span{ font-size: 15px; font-family: 'Roboto', sans-serif; line-height: 1.5; color: #333; } .more_info_sty_tps span.woocommerce-Price-amount, .more_info_sty_tps span.woocommerce-Price-currencySymbol, .list_info_tps_right { color: #333 !important; font-size: 15px !important; font-weight: normal; } .table_checkbox_block{ display: inline-block; text-align: center; position: relative; } .table_checkbox_block .table_checkbox{ width: 20px; height: 20px; position: absolute; left: 50%; top:50%; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .table_checkbox_block input{ opacity: 0; z-index: 1; } .table_checkbox_block .table_checkbox:before{ content: ''; width: 20px; height: 20px; position: absolute; left: 50%; top:50%; display: inline-block; border:1px solid #333; -webkit-transform: translate(-50%,-50%); transform: translate(-50%,-50%); } .table_checkbox_block .table_checkbox:after{ content: ''; width: 10px; height: 7px; position: absolute; left: 50%; top:40%; display: inline-block; border:1px solid #333; opacity: 0; border-top-color: transparent !important; border-right-color: transparent !important; -webkit-transition: opacity .25s ease-in-out; transition: opacity .25s ease-in-out; -webkit-transform: translate(-50%,-50%) rotate(-45deg); transform: translate(-50%,-50%) rotate(-45deg); } /*.diamond_page .table_rows.current .table_checkbox_block .table_checkbox:before, .diamond_page .table_rows.current .table_checkbox_block .table_checkbox:after{ border-color:#fff; }*/ .diamond_page .table_rows.current .table_checkbox_block .table_checkbox:after{ border-top-color: transparent !important; border-right-color: transparent !important; } .table_checkbox_block input:checked + .table_checkbox:after{ opacity: 1; } .Fluorescence-sty-tps_fancy{ margin-top: 25px; } /*- End Nitesh Changes */ .grid-no-diamond-err-tps,.diamond_page .diamondlistingDesk span.grid-no-diamond-err-tps, .diamond_compare_page .diamondlistingDesk span.grid-no-diamond-err-tps{ display: block; width: 100% !important; margin: 10px auto; padding-top: 10%; font-size: 24px !important; } /* Diamond Listing Neha*/ .tps-breadcrumb.breadcrumb { background-color: transparent; font-size: 12px; line-height: 21px; margin-bottom: 0; padding: 20px 0px; color: #333; letter-spacing: normal; font-family: SourceSansPro-SemiBold; } .tab_diamond_search_type.active a{color:#fff !important;} .tab_diamond_search_type a{color:#1b1464;} .tps_diamond_tab ul li a:hover, .tps_diamond_tab ul li a { color: #333; } .tps-breadcrumb span { padding: 0px 3px; } .tps_filter_head { text-align: center; margin-bottom: 50px;text-transform: uppercase;} .tps_diamond_tab ul { display: inline-block; width: 100%; text-align: center; list-style: none; margin-left: 0; } .tps_diamond_tab{ margin-top: 15px; margin-bottom: 15px;} .tps_diamond_tab ul li { display: inline-block; } .tps_diamond_tab ul li a { border: 1px solid #1b1464; padding: 3px 40px; display: inline-block; font-size: 20px; } .tps_diamond_tab ul li:nth-child(2) a{ border-right: 0; border-left: 0; } .tps_diamond_tab ul li:first-child{ margin-right: -5px; } .tps_diamond_tab ul li:last-child{ margin-left: -5px; } .tps_diamond_tab ul li:last-child { /*margin-left: -5px;*/ } .tps_diamond_tab ul li.active a { background: #1b1464; color: #fff; } .reset_block { float: right; display: inline-block; margin-top: -70px; position: relative; z-index: 9; } .reset_block .reset { font-size: 14px; } input[type='button'].reset_btn { background-color: transparent; text-transform: capitalize; font-weight: normal; padding: 10px 5px; font-family: 'Quicksand'; font-size: 16px; } #dimond_sarch { display: inline-block; width: 100%; margin-bottom: 20px; } #diamond_shapes li a.selected { border:1px solid #1b1464; width: 65px; height: 65px; } #diamond_shapes li { display: inline-block; width: 7.5%; float: left; text-align: center; height: 70px; margin-right: 0px; } #diamond_shapes { margin-left: 0; } .dimond_sarch-carat, .dimond_sarch-price { width: 39%; display: inline-block; float: left; margin-bottom: 10px; } .clarity_third_div{padding-right: 0;} .colorless-wrapp:last-child{ padding-right: 0 !important;} .dimond_sarch-price { padding-right: 0px;margin-right: 23.5%;} .dimond_sarch-carat { padding-right: 0px; } .clarity_content { width: 33.33%; margin-bottom: 20px; padding-right: 15px; padding-left: 15px;} #diamond_shapes li a div { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/Shape_Metal_Sprite.png'); background-repeat: no-repeat; display: inline-block; width: 65px; height: 65px; border: 1px solid transparent; } #diamond_shapes li div#Round {background-position: 0px 2px;} #diamond_shapes li div#Emerald {background-position: -329px 2px;} #diamond_shapes li div#Radiant {background-position: -430px 2px;} #diamond_shapes li div#Marquise {background-position: -233px 2px; width: 62px;} #diamond_shapes li div#Cushion {background-position: -119px 2px;} #diamond_shapes li div#Princess {background-position: -57px 2px;} #diamond_shapes li div#Heart{background-position: -487px 2px;} #diamond_shapes li div#Asscher{background-position: -181px 2px;} #diamond_shapes li div#Oval {background-position: -280px 2px;} #diamond_shapes li div#Pear {background-position: -382px 2px;} /*a.selected .dimond_sarch_Heart, a.selected .dimond_sarch_Heart_select,#diamond_shapes li a:hover .dimond_sarch_Heart{ background-position: -1106px -108px; }*/ #diamond_shapes li a span { display: none; } #diamond_shapes li a { display: inline-block; padding: 0px; cursor: pointer; border-radius: 2px; } #diamond_shapes li a.selected span{ color: #333; display: block; } #diamond_shapes li a:hover span { color: #333; display: none; } .notringmatch { /*display: none !important;*/ } .tps_setting_diamond_shape .bapf_img_span{height: 24px; width: 22px;} .ui-slider-horizontal .ui-slider-handle { width: 15px; height: 15px; background: #b7b7b7; } .ui-slider .ui-slider-handle{width: 25px !important;height: 25px !important; top: -9px !important;} .ui-widget-header,.ui-slider .ui-slider-handle{background: #1b1464 !important;box-shadow:none !important; width: 101%;} .search_price_range { margin-bottom: 20px; position: relative; height: 30px;} .search_price_range .price_left, .search_price_range .price_right { width: 120px; height: 25px; border: 1px solid #000; /* font-size: 12px; */ border-radius: 3px; } .search_price_range .price_left#calcAmount { text-align: left; padding-left: 5px; } .search_price_range .price_right#calcAmount2 { text-align: right; padding-right: 5px; position: absolute; right: 0; top: 0; } #carat_right { float: right; padding-right: 5px; text-align: right; } #carat_left { padding-left: 5px; } .tps_cut_content .filter_content div, .tps_color_content .filter_content div { display: inline-block; } .tps_cut_content { float: left; width: 33.33%; display: inline-block; margin-bottom: 30px; padding-right: 30px; } .search_price_range .price_left, .search_price_range .price_right{border-radius: 0 !important;background: none;height: 35px;font-size: 14px;color:#333;border-radius:4px !important;text-align: center !important;} .tps_cut_content .filter_content div { width:100%; /*height: 35px;*/ float: left; position: relative; border: 1px solid #1b1464 ; text-align: center; border-left: 0; padding: 4px; cursor: pointer; } .table-slider-content, .depth-slider-content{ margin-top: 20px;} .tps_cut_content .tps_grid_checkbox input, .tps_color_content .tps_grid_checkbox input, .clarity_content .tps_grid_checkbox input, .polish_content .tps_grid_checkbox input, .tps_symmetry .tps_grid_checkbox input, .tps_fluorescence .tps_grid_checkbox input { position: absolute; left: 0; width: 100%; height: 38px; opacity: 0; cursor: pointer; font-size:14px; } .tps_cut_content .filter_content div:first-child, .tps_color_content .filter_content div:first-child, .clarity_content .filter_content div:first-child, .polish_content .filter_content div:first-child, .tps_symmetry .filter_content div:first-child, .tps_fluorescence .filter_content div:first-child { /* border-left: 1px solid #000; */ } .tps_cut_content .tps_grid_checkbox, .tps_color_content .tps_grid_checkbox, .clarity_content .tps_grid_checkbox, .polish_content .tps_grid_checkbox, .tps_symmetry .tps_grid_checkbox, .tps_fluorescence .tps_grid_checkbox{ position: absolute; width: 100%; height: 35px; left: 0; top: 0; } .tps_cut_content .filter_content div:hover, .tps_color_content .filter_content div:hover, .clarity_content .filter_content div:hover, .polish_content .filter_content div:hover, .tps_symmetry .filter_content div:hover, .tps_fluorescence .filter_content div:hover, .tps_cut_content .filter_content div.selected, .tps_color_content .filter_content div.selected, .clarity_content .filter_content div.selected, .polish_content .filter_content div.selected, .tps_symmetry .filter_content div.selected, .tps_fluorescence .filter_content div.selected { background-color: #1b1464; color: #fff; } .tps_cut_content .filter_content div.selected, .tps_color_content .filter_content div.selected, .clarity_content .filter_content div.selected, .polish_content .filter_content div.selected, .tps_symmetry .filter_content div.selected, .tps_fluorescence .filter_content div.selected { border-right: 1px solid #1b1464; } .tps_color_content { float: left; display: inline-block; width: 33.33%; /* padding-left: 9%; */ margin-bottom:5px; padding-left: 30px; } .tp-depth-left input, .tp-depth-right input{font-family: 'Quicksand';} .polish_content { float: left; display: inline-block; width: 33.33%; margin-bottom: 30px; padding-right: 30px; } .tps_symmetry { float: left; display: inline-block; width: 33.33%; margin-bottom: 30px; padding-right: 15px; padding-left: 15px; } .lab-slider{ float: left; display: inline-block; width: 33.33%; margin-bottom: 30px; padding-left: 30px; } .table-slider-content, .depth-slider-content { padding-right: 3%; } .tps_fluorescence { float: left; display: inline-block; width: 33.33%; margin-bottom: 30px; padding-left: 30px; } .tps_color_content .filter_content div { /* width: 14.2%; */ /* float: left; */ position: relative; /* border: 1px solid #000; */ text-align: center; border-left: 0; padding: 4px; text-transform: uppercase; cursor: pointer; } .setting-shape-emerald, .emerald_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -235px -13px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-round, .round_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -8px -13px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-princess, .princess_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -51px -14px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-cushion, .cushion_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -97px -14px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-oval, .oval_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -152px -14px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .recently_viewed{text-transform: uppercase; font-size: 42px;} .setting-shape-radiant, .radiant_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -186px -14px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-asscher, .asscher_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png')no-repeat -276px -13px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-heart, .heart_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -326px -12px; width: 33px; height: 72px; display: inline-block; vertical-align: middle; margin-left: 10px; } .setting-shape-marquise, .marquise_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -360px -13px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; margin-left: 22px; } .setting-shape-pear, .pear_icon { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/CenterStone.png') no-repeat -392px -13px; width: 33px; height: 27px; display: inline-block; vertical-align: middle; /* margin-left: 10px; */ } .table_rows > span.mb_shape a{ width: auto !important; text-align: LEFT !important;} .clarity_content .filter_content div { /* width: 14.28%; */ /* float: left; */ position: relative; /* border: 1px solid #000; */ text-align: center; border-left: 0; padding: 4px; text-transform: uppercase; cursor: pointer; } .polish_content .filter_content div, .tps_symmetry .filter_content div { width: 33.33%; height: 40px; float: left; position: relative; border: 1px solid #1b1464; text-align: center; border-left: 0; padding: 4px; cursor: pointer; } .tps_fluorescence .filter_content div { width: 50%; float: left; position: relative; border: 1px solid #1b1464; text-align: center; border-left: 0; padding: 4px; cursor: pointer; } .dimond_sarch-carat .search_row_slider_box, .dimond_sarch-price .search_row_slider_box { padding-right: 15px; } .info_label { font-size: 14px;color: #333; text-transform: capitalize; line-height: 30px;} .table-slider-content, .depth-slider-content { display: inline-block; width: 30%; float: left; } .table_left, .table_right, .tp-depth-left, .tp-depth-right { width: 32%; height: 35px; font-size: 14px; padding: 5px; display: inline-block; vertical-align: middle; } .table_left + span, .table_right + span, .tp-depth-left + span, .tp-depth-right + span { width: 33%; display: inline-block; text-align: center; } .table_right, .dept_right { float: right; } .lab-slider .certificates_col div { display: inline-block; margin-left: -5px; width: 100%; } .certificates-group.checkbox_group:hover .certificate_label{color:#fff;} .certificates-group.checkbox_group:nth-child(3){ border-left: 0; border-right: 0;} .tps_diamond_tab ul li a:hover{background: #1b1464;color:#fff !important;opacity:0.5;} .lab-slider .certificates_col div:first-child { margin-left: 0; border-right: 0;} .tps_diamond_search_box h4 { font-size: 16px; float: left; margin-right: 0px; margin-bottom: 20px; font-weight: 400; font-family: 'Roboto'; color: #333; letter-spacing: normal; } .tp-depth-left input, .tp-depth-right input { width: 100%; font-size: 14px; padding: 5px; } .tp-depth-left, .tp-depth-right { padding: 0; position: relative; } .diamond-arr-sprite { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg'); background-repeat: no-repeat; background-position: -225px -57px; width: 11px; height: 7px; display: inline-block; } .tps_up { position: absolute; top: 10px; right: 6px; transform: rotate(180deg); } .tps_down { position: absolute; bottom: 10px; right: 6px; } .tps_down.disabled, .tps_up.disabled { pointer-events: none; opacity: 0.3; } .filter_content.certificates_col.panel.slider-row{/*display: flex !important;*/} .tp-lab-select { position: relative; border: 1px solid; display: inline-block; opacity: 0; } .tp-lab-select input { cursor: pointer; opacity: 0; z-index: 9; position: absolute; top: -23px; left: -22px; width: 85px; height: 29px; } .tp-lab-select input+label:after { cursor: pointer; display: block; font-size: 18px; opacity: 1; position: relative; top: 0; transition: opacity .2s ease 0s; content: ""; left: -17px; } .tp-lab-select input[type=checkbox]:checked+label:after { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/Tick1.png'); content: ""; opacity: 1; display: inline-block; position: absolute; left: -1px; width: 100%; height: 100%; top: 0px; background-size: 100%; } .leigh_result_area { display: inline-block; width: 100%; margin-top: 3%; } .certificates-group span.checkbox_block { vertical-align: middle; } .compare-diam-block-tps div { display: inline-block; padding: 15px 10px; border: 1px solid #1b1464; float: left; cursor: pointer; border-bottom: 0; font-family: SourceSansPro-SemiBold; font-size: 20px; } .compare-diam-block-tps div.block_active, .compare-diam-block-tps div:hover { background: #e1e1e1; } .compare-diam-block-tps div span { text-transform: capitalize; color:#333; letter-spacing: 0; } #listiveiwcontainer { border: 1px solid #1b1464; } #listiveiwcontainer.widthless { border-right: 0; } /*#amountSlider, #slider-range1 { margin-left: 9px; }*/x .table_view.recentgrid .table_header .listingHeaderOne span:first-child { display: none; } .table_view.recentgrid .table_rows span.sh_comp { display: none; } /* .lab-clarity-new.clarity_content .filter_content div { */ /* width: 12.5%; */ /* } */ #diamond_grid::-webkit-scrollbar { width: 6px; } #diamond_grid::-webkit-scrollbar-button { background: red; display: none; } #diamond_grid::-webkit-scrollbar-thumb { background: #1b1464; } #diamond_grid::-webkit-scrollbar-track-piece { background: #FEF4F3; } .diamond_page span.mob-title { display: none; } .mobile-filter { display: none; } .inner_close_filter { display: none; } .mobile-visible { display: inline-block; } .ico_plus,.ico_minus { display: none; } .mobile-visible { display: none; } .back_to_search_dia_dit_tps { text-transform: capitalize; font-size: 14px; line-height: 20px; color: #333; margin-bottom: 20px; } .back_to_search_dia_dit_tps a i { padding-right: 5px; } .tps_product_info .tps_galleria, .tps_product_info .tps_productmeta { float: left; display: inline-block; width: 50%; } .tps_product_info .tps_productmeta { padding-left: 5%; } .tps_thumbnail li { display: block; float: left; width: 100px; height: 100px; margin-bottom: 5px; position: relative; background: #ffffff; cursor: pointer; margin-left: 10px; opacity: 1; border: solid 1px #000; padding-top: 15px; display: flex; justify-content: center; align-items: center; padding: 0; opacity: .5; } /*.tps_thumbnail li img { width: 70%; text-align: center; margin: 0 auto; }*/ .tps_product_heading .product-name { font-size: 28px; line-height: 40px; margin-bottom: 0px; text-transform: uppercase; font-weight:600; } .price .amount { margin-top: 0px; /* font-family: 'Sora'; */ font-size: 22px; margin-bottom: 10px; font-weight:600; } .tps_diamond_detail { margin:5px 0 9px; } .tp-addtocart { margin-top: 20px; } .tps_ship_txt { width: 100%; display: block; margin: 20px 0; color:#333; font-size: 16px; } .tp-chat a,.drop-hint a,.diamond-detail-wish a.tp-chat a span, .diamond-detail-wish .wishlidt {font-family: 'Sora'; font-size: 14px !important;} .tps_productmeta .tps_ship_txt { font-family: 'Roboto'; font-size: 14px; } .tps_productmeta .tps_ship_txt button,.tps_productmeta .tp-addtocart button{padding: 15px 20px; font-weight: 100; font-size:16px; width: 90%; text-transform: capitalize;font-family: 'Work Sans';} .tp-addtocart { width: 70%; } .tp-addtocart button { width: 100%; } .tps-wish, #tps_hint_modal:before { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg'); background-repeat: no-repeat; color: #333; border-radius: 100%; display: inline-block; text-align: center; text-decoration: none; position: relative; width: 30px; height: 30px; margin: 0 0px; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; transition: all 0.5s; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; content: ''; } .affirm_logo{display:flex;align-items: center; margin-top: 10px; } .affirm_logo img{width: 45px;margin: -8px 7px 0;} .affirm_logo p{font-size: 14px;font-family: 'Sora'; color: #333;} .affirm_logo a{font-size: 14px;font-family: 'sorabold'; border-bottom: 1px solid #000; color: #333; } .affirm_logo span { font-size: 14px; font-family: 'sorabold'; border-bottom: 2px solid #000; color: #333; font-weight: 400; letter-spacing: 1px; line-height: normal; text-decoration: none !important; } .tps-wish { background-position: -5px -82px; vertical-align: bottom; } .wishlidt, #tps_hint_modal, .tp-chat li a span, .tp-chat li a { color: #243742;; font-size: 16px; } .tps_ship_txt{cursor:pointer;} .tps_ship_txt:hover{color:#1b1464; } #tps_hint_modal:before { background-position: -110px -127px; margin-right: 6px; width: 20px; height: 15px; } .tp-chat li a span:hover, .tp-chat li a:hover,.wishlidt:hover,#tps_hint_modal:hover{color:#1b1464;} .tp-chat ul li { font-family: 'Roboto'; display: inline-block; width: 31%; float: left; line-height: 35px; padding-bottom: 5px; } #extra-details { width: 100%; padding-top: 30px; padding-bottom: 30px; display: inline-block; padding-left: 2%; padding-right: 2%; } .extra-details-main{clear:both;} .detail_head h3 { text-align: left; margin: 0 auto; border-bottom: solid 2px #000; line-height: normal; margin-bottom: 0px; padding-bottom: 10px; text-transform: uppercase; padding: 20px 0px; color: #333; font-size: 16px; font-family: 'Quicksand'; border-bottom: 1px solid #000; font-weight: 600; } .column_detail td { background-color: #ebebeb !important; } .ringdetailcol { width: 33.3%; float: left; padding-left: 0; } .ringdetail_table { margin-top: 10px; margin-left: 0px; } .ringdetail_table li { list-style-type: none; padding: 10px; font-size: 15px; } .ringdetail_table li { list-style-type: none; padding: 10px 0px; } .ringdetail_table li span.icon_ring_dt { width: 13px; height: 15px; background: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg') no-repeat -242px -128px; display: inline-block; vertical-align: middle; cursor: pointer; } .ringdetail_table li { list-style-type: none;text-align: left; } .ringdetail_table li:hover .textdetail, .ringdetail_table li:hover .num { font-weight: 600; cursor: default; } .ringdetail_table li .textdetail { width: auto; display: inline-block; font-size: 16px; font-weight: 600; } .ringdetail_table li .num { width: auto; } .tp-chat ul li i.fa-comment-o:after { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg') no-repeat -180px -125px; width: 24px; height: 20px; display: inline-block; content: ''; } .tp-chat ul li i.fa-envelope-o:after { background: url('/wp-content/plugins/tps_ringbuilder/css/email.png') no-repeat 0 -4px; width: 22px; height: 12px; display: inline-block; content: ''; } .single-product .summary.entry-summary .tp-chat li a i{margin-right: 0px !important;} .tp-chat ul li i.fa-phone:after { background: url('/wp-content/plugins/tps_ringbuilder/css/phone.png') no-repeat -4px -5px; width: 13px; height: 12px; display: inline-block; content: ''; } .tp-chat ul li i.fa-phone:before, .tp-chat ul li i.fa-envelope-o:before, .tp-chat ul li i.fa-comment-o:before { display: none; } .tp-chat, .tp-chat ul { margin-left: 0; margin:0;padding:0;} .diamond-detail-wish, .drop-hint { display: inline-block; width: 22%; float: left; padding-bottom: 12px; } .wishlidt { margin-top: -10px; display: inline-block; } .tp-chat { display: inline-block; width: 100%; padding-left: 5px; } .thumbnail-tps.tps_thumbnail { display: grid; justify-content: flex-start; margin-top: -23rem; padding: 0; margin: 0 0; } .tps_product_info .tps_galleria { position: relative; /* height: 530px; */ } .tps_galleria .diamond_generic { padding-left: 30%; padding-top: 4%; padding-right: 15%; } .image-additional.skin_thumb img { width: 70%; margin: 0 auto; height: auto; } #hint_Modal .card-header, #email_modal .card-header { background: transparent; padding: 0; } #hint_Modal .card-header h3, #email_modal .card-header h3 { background: transparent; padding: 0; position: inherit; font-size: 22px; margin-top: 0; color: #333; text-transform: capitalize; letter-spacing: 1.5px; padding: 5px 0; } #close_hint_popup, #close_email_popup { color: #333; opacity: 1; padding-right: 10px; padding-top: 5px; background: transparent; line-height: 1; } .tps_form_txt { margin: 10px 0 0 0; padding: 0 40px; font-size: 13px; line-height: 20px; } .tps_form .form-group span input, .tps_form .form-group span textarea { width: 100%; margin-right: 2%; position: relative; display: inline-block; vertical-align: top; margin-bottom: 20px; text-align: left; border: 1px solid #f7f7f7; border-radius: 0; padding: 20px 30px 20px 22px; background-color: #f7f7f7; box-shadow: none; font-size: 14px; font-family: 'Quicksand'; } .email_modal form{margin-bottom:0;} .tps_form .form-group br { display: none; } .tps_report { margin-bottom: 10px; font-weight: 600;} .back_to_search_dia_dit_tps.back_to_search a { color: #333; } .tps_bttn_sub { text-align: center; position: relative;} .tps_bttn_sub .fusion-slider-loading{position: absolute !important;top: 0px !important; right: 37px; left: 67% !important;} .tps_bttn_sub input { color: #ee6352 !important; font-weight: 100; } .tps_galleria .diamond_generic .skintonnerimg { position: absolute; left: 45px; top: 0; } img.img-responsive.skintonnerimg_white{margin-left: 43px;} .tps_galleria .diamond_generic.skintone { position: relative; width: 350px !important; margin:20px auto 70px auto; padding: 0; margin-bottom: 70px; display: table !important; } .tps_galleria .carat_diamond_img { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/hands/Round_Zoom.png')no-repeat; background-repeat: no-repeat; background-size: auto auto; background-position: center center; background-repeat: no-repeat; background-size: 10% auto; cursor: default; height: 40%; left: 66.5%; margin-left: -23%; margin-top: -10%; position: absolute; top: 39%; width: 40%; z-index: 2; -webkit-transform: translate(-40%,-50%); transform: translate(-40%,-50%); } /*white diamond shape images on hand*/ .tps_galleria .carat_diamond_img.Round { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/round_white.png'); } .tps_galleria .carat_diamond_img.Princess { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/princess_white.png'); } .tps_galleria .carat_diamond_img.Oval { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/oval_white.png'); } .tps_galleria .carat_diamond_img.Emerald { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/emerald_white.png'); } .tps_galleria .carat_diamond_img.Pear { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/pear_white.png'); } .tps_galleria .carat_diamond_img.Radiant { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/radiant_white.png'); } .tps_galleria .carat_diamond_img.Cushion { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/cushion_white.png'); } .tps_galleria .carat_diamond_img.Asscher { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/asscher_white.png'); } .tps_galleria .carat_diamond_img.Marquise { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/marquise_white.png'); } .tps_galleria .carat_diamond_img.Heart { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/White_Diamond/heart_white.png'); } /*white diamond shape images on hand*/ .search_slider { width: 100%; } .tps_galleria .search_slider { margin: 20px 0; padding-right: 0; padding-left: 14%; margin-left: 60px; } .tps_galleria .tps_slidercontrolle { position: relative; display: inline-block; width: 100%; margin: 12px 0 5px 60px; padding-right: 0; padding-left: 14%; } .tps_galleria .tps_slidercontrolle .col-md-12 { padding: 0; } .tps_galleria .tps_leftslide_control, .tps_galleria .tps_rightslide_control { position: absolute; bottom: -15px; } .tps_galleria .tps_lbl { color: #333; font-size: 14px !important; } .tps_galleria .tps_rightslide_control { right: 0; } .tps_galleria #min_carat_detail { display: inline-block; width: 60px; font-size: 12px; line-height: 18px; color: #333; margin-left: 0px; top: 23px !important; } .modal-header { border-bottom: 0; padding-bottom: 0; } .modal-body { padding: 0 20px 35px; } .modal-dialog.modal-lg { top: 4%; } /*button:hover, input[type="button"]:hover, input[type="reset"]:hover, input[type="submit"]:hover, .button:hover, .widget a.button:hover { background-color: transparent !important; border-color: transparent !important; }*/ .dimond_sarch-price .slider-row, .dimond_sarch-carat .slider-row { position: relative; } .dimond_sarch-price .slider-row .search_price_range p, .dimond_sarch-carat .slider-row .search_price_range p { text-align: center; } .dimond_sarch-price .slider-row .search_price_range p span { display: inline-block; width: 20px; height: 20px; position: absolute; left: 155px; top: 5px; } .dimond_sarch-carat .slider-row .search_price_range p{ margin-top: -29px !important;} .dimond_sarch-carat .slider-row .search_price_range p span { margin-left:-3px;height: 28px; display: block; } .search_price_range .price_right#carat_right, .search_price_range .price_right#pricerange_max { text-align: right; padding-right: 5px; margin-right: 7px; position: absolute; right: 0; top: 0; } .dimond_sarch-carat .slider-row .search_price_range p, .dimond_sarch-price .slider-row .search_price_range p { margin-top: -25px; } /*.tps_sort { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg') no-repeat -225px -57px; width: 11px; height: 7px; transform: rotate(180deg); }*/ .datagrid-sort-desc{ cursor: pointer; } .tps_sort{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/diamond-shape.png'); background-position: -43px -88px; width: 15px; height: 13px; } /* .datagrid-sort-desc .tps_sort{ */ /* background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/diamond-shape.png'); */ /* background-position: -43px -88px; */ /* width: 15px; */ /* height: 13px; */ /* transform: rotate(180deg); */ /* } */ .dimond_sarch-price.tp-pric .slider-row { display: inline-block; width: 100%; margin-top: 25px; } .diamond_page .sh_comp span { width: 100%; } .natural-labdiamond .search_price_range { margin-top: 25px; } .ring-breadcrumb { clear: both; } .back_to_search a { margin-bottom: 20px; display: inline-block; font-size: 14px; } .back_to_search a, .back_to_search a:hover { color: #333; } .gall-thumb-list li { display: inline-block; width: 33.33%; float: left; height: 55px; border: 1px solid #000; width: 55px; margin: 1px; align-items: center; display: flex; cursor: pointer; opacity: .5; } .gall-thumb-list li.active, .tps_thumbnail li.selected { opacity: 1; } .gall-thumb-list li img { padding: 5px; } .gall-thumb-list { margin: 0; } .step_number { display: inline-block; color: #fff; font-size: 38px; vertical-align: middle; font-family: SourceSansPro-SemiBold; } .dia_gallery_image img { margin: 0 auto; } input[type="button"].reset_btn:hover { background-color: transparent; border-color: transparent; } .main_div_info .gallery .preview { width: 95%; margin: 0 auto; } .main_div_info .gallery .preview canvas, .main_div_info .gallery .preview img { width: 40%; margin: 0 auto; margin-bottom: 10px; margin-top: 15px; } .main_div_info .gallery .preview .tps_galleria { width: 70%; margin: 0 auto; } .main_div_info .gallery .preview .tps_galleria .skintone { width: 100%; height: auto; } .preview .tps_galleria .diamond_generic .skintonnerimg { left: 11px; } .preview .tps_galleria .search_slider { margin: 15px 0 0; } .preview .tps_galleria .tps_leftslide_control, .tps_galleria .tps_rightslide_control { font-size: 14px; } .preview .tps_galleria .diamond_generic.skintone { margin-bottom: 20px; } .gallery .gallery-thumbnails { text-align: center; } .gallery .gallery-thumbnails .gall-thumb-list { display: inline-block; } .preview .tps_galleria .carat_diamond_img { margin-left: -21%; top: 39%; } .preview .search_slider .ui-corner-all div { font-size: 12px; top: 2% !important; } span.wpcf7-not-valid-tip { font-size: 12px; } #close_hint_popup:hover, #close_email_popup:hover { background-color: transparent; border: transparent; } .fourcs-block > div { text-align: center; padding: 2% 0; } .tps_spec_des p{font-family: 'Sora'; font-size: 16px;margin: 25px 0;} .carat_info { width: 90%; margin: 0 auto; } .modal-header .close { cursor: pointer; } .tps_report a, .tps_report a:hover { border-bottom: 1px solid #000; cursor: pointer; } .modal-header .close:hover { background-color: transparent; border: transparent; } .woocommerce-breadcrumb a, a.woocommerce-review-link, .product_meta a { cursor: pointer; } .prod-name-val li { display: inline-block; font-family: 'Roboto'; font-size: 18px; color: #333; font-weight: 100; } .val-border-left{ border-right: 2px solid #000; padding-right: 2px; margin-right: 5px; display: none;} .val-border-right{ border-left: 2px solid #000; padding-left: 2px; margin-left: 5px;display: none;} .prod-name-val li::before,.prod-name-val li::after{display:none !important;} .prod-name-val { margin-left: 0;margin-bottom: 0; padding:0; } .prod-name-val li:nth-child(2):after, .prod-name-val li:nth-child(2):before { content: "â?¢ "; display: inline-block; font-size: 25px; vertical-align: bottom; padding: 0 5px; } .diamond_generic iframe { border: 0; } .tps_diamond_box .arrow_box { background: #000; border: 1px solid #000; width: 130px; text-align: center; margin-left: -10px; color: #fff; margin-bottom: 10px; position: relative; padding: 5px; } .tps_diamond_box .arrow_box:before, .tps_diamond_box .arrow_box:after, .tps_popover-color .arrow_box .arrow-sub:before, .tps_popover-color .arrow_box .arrow-sub:after { top: 100%; left: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; } .tps_diamond_box .arrow_box:before, .tps_popover-color .arrow_box .arrow-sub:before { border-color: rgba(204,204,204,0); border-top-color: #000; border-width: 10px; margin-left: 0px; } .tps_diamond_box .arrow_box:after, .tps_popover-color .arrow_box .arrow-sub:after { border-color: rgba(255,255,255,0); border-top-color: #000; border-width: 10px; } .tps-font.sub_title { font-size: 24px; display: block; line-height: 30px; } .tps_spec_des h3{font-size:38px;text-transform:uppercase;font-family: 'Bodoni SvtyTwo ITC TT';} .arrow_box span { font-size: 14px; } .tps_diamond_box { margin-top: 35px; } .show_dialog { text-decoration: underline; } .show_dialog:hover { background-color: transparent; border: none; text-decoration: underline; font-weight: 600; } .tps_prod a{color:#333;} .recently_viewed .tps-row{display: flex; margin-bottom: 30px;justify-content: center;} .recently_viewed .tps_prod {text-align: center;font-size: 17px!important;} .recently_viewed h2{text-transform: uppercase; font-size: 42px;margin-bottom: 20px; } .similar_diamond_div h1{ text-transform: capitalize; margin-bottom: 30px; font-size: 30px; font-weight: 200; font-family: 'Garamond';} .similar_diamond_div{background-color:transparent !important;padding: 0 !important;} .color_information p{font-family: 'Sora'; font-size: 15px; margin: 25px 0; padding: 0 112px;} .color_information .sub-title{font-family: 'Bodoni SvtyTwo ITC TT';font-size:42px;text-transform:uppercase;} .info-width{width: 140px; text-align: center; font-size: 12px;} .cut_information{background:url('/wp-content/plugins/tps_ringbuilder/css/../images/CUT-EXCELLENT.jpg')no-repeat; background-position: 90% 50%; background-size: 35%;margin-bottom: 30px;} .clarity_information {background:url('/wp-content/plugins/tps_ringbuilder/css/../images/CLARITY-SI2-25.png')no-repeat; background-position: 12% 50%;overflow: hidden;background-size: 27%;margin-bottom: 30px;} .clarity_information .col-md-7{float: right;} table:not( .has-background ) tbody td,table:not( .has-background ) tbody tr:nth-child(2n) td{ background-color: transparent !important;} .table td{font-family: 'Sora';font-weight:600;text-transform:uppercase;} .info-font{font-size:12px; font-family: 'Sora';font-weight:500 !important;text-transform: initial !important;} .tps_spec_des tr.active{background:#eee7e4 !important;} .tps_spec_des tr{background:#f7f6f6 !important;} .fourcs-block > div:nth-child(odd) { background-color: #F8F3EF; } .tps_cut_popup .popover_cut, .tps_clarity_popup .popover-clarity { background: #000; border: 1px solid #000; width: 230px; text-align: left; margin-left: 40px; color: #fff; margin-bottom: 2px; position: relative; padding: 5px 10px; display: inline-block; } .text-center.tps_cut_para { margin-left: 40px; } .tps_cut_popup .tps_cut_para { font-size: 14px; } .tps-cut-block .tps_your_diamond { width: 40%; float: right; display: inline-block; border: 1px solid #000000; margin-left: 1%; } .tps-cut-block .tps_your_diamond p { text-align: left; text-transform: capitalize; padding: 0px 10px; margin-bottom: 0; text-align: left; border-bottom: 1px solid #000000; } .tps-cut-block .tps_your_diamond p:last-child { border-bottom: 0; } .tps_cut_popup { display: inline-block; } .tps_cut_arrow { content: ''; border-width: 12px; display: block; font-size: 0; height: 0; width: 0; line-height: 0; overflow: hidden; border-color: transparent; border-style: dashed; border-left-color: #000; border-left-style: solid; left: 99%; top: 0; position: absolute; } .cut_info.cut_data { text-align: left; padding-left: 2%; margin-top: 2%; } .cut_info.cut_data p { text-align: left !important; } .tps_learn_btn button { padding: 0; margin-top: 10px; border: none; } .tps_color_desk { margin: 0 auto; } .color_learn_more { margin-top: 10px; } .tps_cut_popup .tps-font { font-size: 14px; line-height: 20px; display: inline-block; text-align: left; padding: 10px 5px; } .tps_cut_popup .tps_cut_head { text-align: left; padding-left: 5px; } .tps_your_diamond .super { height: 24px; } .tps_your_diamond .excellent { height: 30px; } .tps_your_diamond .very { height: 40px; } .tps_your_diamond .good { height: 60px; } .tps_your_diamond .fair { height: 80px; } .tps_your_diamond .poor { height: 128px; } .color_info, .clarity_info.info { width: 90%; margin: 0 auto; } .tps_popover-color .arrow_box { display: inline-block; width: 80%; margin: 0 auto; color: #fff; position: relative; margin-top: 30px; margin-bottom: 12px; } .tps_popover-color .arrow_box p { display: inline-block; font-size: 14px; } .arrow-sub { padding: 5px 20px; text-align: left; width: 60%; background-color: #000; } .tp-color-head { width: 10%; vertical-align: middle; } .tps_color_code { width: 30%; vertical-align: middle; } .tp-color-desc { width: 58%; vertical-align: middle; padding-left: 35px; } .tps_clarity_popup.desk-hide { display: none; } .tps_clarity_diamond { width: 50%; float: right; text-align: left; border: 1px solid #000; } .tps_clarity_diamond .list { border-bottom: 1px solid #000; } .cut_active .tps_clarity_popup { display: inline-block; width: 100%; position: absolute; left: -74%; top: 50%; -webkit-transform: translate(0%,-50%); -ms-transform: translate(0%,-50%); transform: translate(0%,-50%); } .s1_s2.cut_active .tps_clarity_popup { top: -20%; bottom: auto; } .tps_clarity_diamond>.list, .tps_clarity_diamond>p { text-transform: none; padding: 0px 10px; margin-bottom: 0; text-align: left; border-bottom: 2px solid #abaaaa; position: relative; } .clarity-para { font-size: 14px; } .popover-clarity + .text-center.tps_cut_para { margin-left: -75px; } .list-clarity { display: inline-block; width: 15%; padding: 5px 0; border-right: 1px solid; vertical-align: middle; } .list-clarity span { display: block; } .tps_clarity_diamond .list > span { display: inline-block; vertical-align: middle; } .tps_modal_content.modal-content { padding: 20px; } .tps_modal_content.modal-content .close { opacity: 1; display: inline-block; text-align: right; cursor: pointer; } .tps_modal_content.modal-content .modal-header { padding: 0; } .tps_modal_content.modal-content p { font-size: 14px; margin-bottom: 20px; } .tps_modal_content.modal-content .skin_tone { position: relative; width: 60%; margin: 0 auto; } .tps_modal_content.modal-content .skintonnerimg { position: absolute; top: 0; } .tps_modal_content.modal-content .tps_galleria .search_slider { margin-bottom: 0; } .tps_modal_content.modal-content .tps_galleria .tps_lbl { font-size: 14px; } .tps_modal_content.modal-content .tps_galleria .carat_diamond_img { margin-top: -20%; } .steps { background: #fff none repeat scroll 0 0; display: inline-block; height: 10px; width: 3px; position: absolute; z-index: 1; } .steps.verygood { left: 50%; } .cutlearnmorelbl li { font-size: 12px; text-transform: uppercase; width: 15%; list-style-type: none; } .cutlearnmorelbl { display: inline-block; position: relative; width: 100%; padding-top: 10px; height: 30px; margin-left: 0; } .cutlearnmorelbl .excellent { position: absolute; left: 0; } .cutlearnmorewrap { position: relative; } .cutlearnmorelbl .very_good { position: absolute; left: 28%; } .cutlearnmorelbl .good { position: absolute; left: 65%; } .cutlearnmorelbl .fair { position: absolute; left: 95%; } .steps.excellent { left: -2%; } .steps.verygood { left: 34.5%; } .steps.good { left: 68%; } .cutimgcont img { margin: 0 auto; } .colorimgcont { display: inline-block; text-align: center; width: 100%; position: relative; margin-bottom: 10px; height: auto; } .colorlearnmorewrap { width: 90%; display: block; margin: 0 auto; position: relative; margin-bottom: 10px; } .colorimgcont>img { width: 70px; margin: 0 auto; } .colorlearnmorewrap .ui-slider-horizontal { background: #333 none repeat scroll 0 0; width: 100%; } .ui-slider .ui-slider-handle { background: #efefef none repeat scroll 0 0; cursor: pointer; background-size: 100% 100%; border-radius: 22px; height: 19px; margin-left: -9px; margin-top: -1px; top: -7px; width: 19px; box-shadow: 0px 1px 2px #000; z-index: 10; } .slider_steps { display: inline-block; height: 10px; position: relative; top: -18px; width: 100%; } .tps_modal .slider_steps { position: absolute; top: 0; left: 0; } .steps { background: #fff none repeat scroll 0 0; display: inline-block; height: 10px; width: 3px; position: absolute; z-index: 1; } .steps.d_color { left: 100%; } .steps.e_color { left: 18%; } .steps.f_color { left: 34.5%; } .steps.g_color { left: 51.5%; } .steps.h_color { left: 68%; } .steps.i_color { left: 85%; } .steps.j_color { left: 100%; } .steps.k_color { left: 88%; } .steps.l_color { left: -6px; } .colorlearnmorelbl { display: inline-block; position: relative; width: 100%; padding-top: 10px; height: 30px; margin-left: 0; margin-top: -20px; } .colorlearnmorelbl li { font-size: 12px; text-transform: uppercase; width: 6%; float: left; list-style-type: none; } .colorlearnmorelbl .E { position: absolute; left: 18%; } .colorlearnmorelbl .F { position: absolute; left: 34%; } .colorlearnmorelbl .G { position: absolute; left: 51%; } .colorlearnmorelbl .H { position: absolute; left: 67.5%; } .colorlearnmorelbl .I { position: absolute; left: 85%; } .colorlearnmorelbl .J { position: absolute; left: 100%; } .colorlearnmorelbl .K { position: absolute; left: 88%; } .colorlearnmorelbl .L { position: absolute; left: 100%; } .clarityimgcont { display: inline-block; text-align: center; width: 100%; margin-bottom: 10px; height: auto; } .clarityimgcont>img { width: 100px; margin: 0 auto; } .claritylearnmorewrap { width: 90%; display: block; margin: 0 auto; position: relative; margin-bottom: 10px; } .tps_modal .slider_steps { position: absolute; top: 0; left: 0; } .steps.FL { display: none; } .steps.IF { left: 18%; } .steps.VVS1 { left: 34.56%; } .steps.VVS2 { left: 51.5%; } .steps.VS1 { left: 68.12%; } .steps.VS2 { left: 85%; } .steps.SI1 { left: 100%; } .steps.SI2 { left: 99.96%; } .claritylearnmorewrap .ui-slider-horizontal { background: #333 none repeat scroll 0 0; width: 100%; } .claritylearnmorelbl { display: inline-block; position: relative; width: 100%; padding-top: 10px; height: 30px; margin-left: 0; } .claritylearnmorelbl li { font-size: 12px; text-transform: uppercase; width: 14.28%; list-style-type: none; } .claritylearnmorelbl .SI2 { position: absolute; left: 97.96%; } .claritylearnmorelbl .SI1 { position: absolute; left: 84%; } .claritylearnmorelbl .VS2 { position: absolute; left: 66%; } .claritylearnmorelbl .VS1 { position: absolute; left: 50%; } .claritylearnmorelbl .VVS2 { position: absolute; left: 32%; } .claritylearnmorelbl .VVS1 { position: absolute; left: 15%; } .claritylearnmorelbl .IF { position: absolute; left: 0%; } .claritylearnmorelbl .FL { position: absolute; left: 0; } .container-fluid.fourcs-block{ padding-bottom: 2%;margin-top: 5%; } .main_div_info .gallery .preview .search_slider .ui-corner-all div { /*padding-left: 35%;*/ padding-top: 4px; color: #333; width: 60px; padding-top: 15px; } .main_div_info .gallery .preview .search_slider .ui-corner-all div:focus, .ui-slider .ui-slider-handle:focus { outline: 0; border: 0; } .tps_popover-color .arrow_box .arrow-sub:before { display: none; } /*Diamond listing wh changes*/ .tps_diamond_search_box { position: relative; } .tps_filter_head{ font-size: 24px; font-weight: 400; text-align: center; color: #333333; text-transform: capitalize; font-family: 'SourceSansPro-SemiBold'; } /*common Breacrum*/ body, a{ color:#333; } #diamond_shapes li a{ color:#333; } .grid_tabs .listing_grid{ display:inline-block; list-style:none; margin-left:0px; float:left; margin-bottom: 0px; } .grid_tabs .listing_grid li, .grid_tabs .grid_view p{ float:left; padding: 5px 0; } .grid_tabs .listing_grid li{ margin-left: 15px; } .grid_tabs .grid_view p{ color:#333; margin-right:0px; margin-bottom:0px; } .grid_tabs .grid_view{ float: left; font-family: SourceSansPro-SemiBold; font-size: 20px; border: 1px solid #1b1464; display: inline-block; padding: 10px 10px; border-bottom: 0; border-left: 0; letter-spacing: 0; } .grid_tabs .listing_grid li a{ color:#333; } .grid_tabs .listing_grid li.view_active a, .grid_tabs .listing_grid li a:hover, .grid_tabs .listing_grid li:hover a { color:#fff !important; } .grid_tabs .listing_grid li:hover {background-color: #1b1464;} .grid_tab .products{ list-style:none; margin:0px; margin-bottom: 2%; display:flex; flex-wrap:wrap; } .grid_tab .products .product.product-item{ width: 22.5%; margin: 2% 0 0 2%; display: block; float: left; margin-bottom: 0px; padding-left: 0; height: auto; padding-right: 0; } .grid_tab .products .product.product-item .product-item-info { border: 1px solid #ccc; position: relative; } .product.details.product-item-details { position: unset; } .grid_tab .product-image.diamond_image img{ width: 80%; height: auto; border-radius: 0px; object-fit: scale-down; } .grid_tab .product-item-photo span{ width:100%; background: #e2e1e9; } .grid_tab .product-item-details .product-item-link, .grid_tab .product-item-details .product-item-link .shape_grid{ width:100%; } .product-item-details center .product-item-link a, .product-item-details center .product-item-link span{ font-size: 16px; line-height: 20px; color:#333; padding-bottom: 0 !important; } .grid_tab .product-item-details { padding: 5px 10px; } .tps_price_info .tps_diamond_price { margin-top: 10px; font-size: 10px; font-weight: bold; color: #333; } .tps_price_info .tps_diamond_price .price { display: inline-block; font-size: 18px; line-height: normal; margin-right: 2px; color: #333; font-weight: 400; } .grid_tab .woocommerce-Price-currencySymbol{ font-size: 17px !important; width: auto !important; line-height: 22px; font-weight: bold; } .grid_tab .woocommerce-Price-amount{ width: auto !important; font-size: 17px !important; line-height: 22px; } .product-item-details .product-item-link a:hover, .product-item-details .product-item-link .shape_grid:hover{ color:#1b1464; } .grid_tab span{ width:auto; } .product-item-inner .diamond_info{ float:right; } .product-item-inner .diamond_info .tps_grid_icons, .product-item-inner .tps_grid_icons{ width: 18px; height: 15px; display: inline-block; /*position: relative;*/ outline: 0; border: 0; padding: 0; cursor: pointer; } #tps_step_row{ display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: 0px; margin-left: 0px; background: #1b1464; margin-top: 10px; } /*choose diamonds details page wh*/ .tps_product_info .tps_productmeta .tps_product_heading p{ display:none; } .drop-hint-wrap span a{ color:#333 !important; } .drop-hint-wrap span a:hover, .tp-chat li a:hover{ color: #1b1464 !important; } .tp-chat.tp-chat-wrapp{ padding-left:0px; } .drop-hint-wrap i.fa-comment-o:before { background: url('/wp-content/plugins/tps_ringbuilder/css/../images/Chat2.png') no-repeat !important; margin-right: 5px; display: inline-block; content: ''; width: 24px; height: 21px; } .extra-details-main { clear: both; } .clarity_information .col-md-5, .cut_information .col-md-5{ -ms-flex: 0 0 41.666667%; flex: 0 0 41.666667%; max-width: 41.666667%; } .clarity_information .col-md-7, .cut_information .col-md-7{ -ms-flex: 0 0 58.333333%; flex: 0 0 58.333333%; max-width: 58.333333%; } .diamond_info.tps_diamond_info .tps_grid_icons, .product-item-inner .tps_grid_icons{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/HisspekDiamond_Sprite.svg'); background-repeat:no-repeat; } .product-item-inner .tps_grid_icons.active{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/HisspekDiamond_Sprite.svg') !important; background-repeat: no-repeat !important; } .product-item-inner .tps_grid_icons{ /*background-position: -295px -125px;*/ background-position: -260px -124px; width: 20px; height: 17px; } .product-item-inner .tps_grid_icons:hover, .product-item-inner .tps_grid_icons.active{ background-position: -295px -124px !important; } .diamond_info.tps_diamond_info .tps_grid_icons{ background-position: -490px -127px; } .diamond_info.tps_diamond_info .tps_grid_icons:hover{ background-position: -490px -127px !important; } .dropdown-menu.tps_info_popup.hide { position: absolute; top: 0px; right: 0; background: rgb(255,255,255); width: 90%; height: 100%; padding: 10px 10px; text-align: left; cursor: default; } .dropdown-menu.tps_info_popup.hide ul.attribute_list li span { font-size: 13px !important; line-height: normal; text-overflow: unset; text-align: left; overflow: visible; display: inline-block; white-space: normal; font-weight: normal; letter-spacing: 0; } .dropdown-menu.tps_info_popup.hide ul.attribute_list li span.left { width: auto; font-weight: bold; letter-spacing: 0.5px; margin-right: 5px; } .dropdown-menu.tps_info_popup.hide ul.attribute_list li span.right { width: auto; font-weight: normal; } .tps_sort_block { float: left; font-family: 'SourceSansPro-Regular'; font-size: 16px; border: 1px solid #1b1464; display: inline-block; padding: 15px 10px; border-bottom: 0; border-left: 0; letter-spacing: 0; } .tps_sort_block .dropdown { position: relative; list-style: none; display: inline-block; } .tps_sort_block .dropdown-toggle { position: relative; border: none; cursor: pointer; line-height: normal; text-transform: capitalize; font-size: 16px; font-weight: normal !important; color: #333; letter-spacing: 0; padding: 8px 30px 8px 10px; margin: 0 10px; width: 100%; text-align: left; background: #E2E1E9; border-radius: 6px; } .tps_sort_block .dropdown-toggle:after { content: ""; background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/HisspekDiamond_Sprite.svg'); background-repeat: no-repeat; width: 25px; height: 25px; background-position: -47px -120px; position: absolute; } .tps_sort_block .dropdown-menu { display: none; } .tps_sort_block .dropdown:hover .dropdown-menu { display: block; position: absolute; top: 30px; left: 10px; background: #fff; z-index: 9999; width: 230px; border: 1px solid #1b1464; border-radius: 1px; } .tps_sort_block .dropdown-item { display: flex; flex-wrap: wrap; margin-bottom: 0px; padding: 10px 15px 10px; border-bottom: 1px solid #1b1464; } .tps_sort_block .dropdown-item:last-child {border-bottom: 0;} .tps_sort_block .col-xs-5 { width: 30%; font-size: 16px; color: #333; text-align: left; line-height: 30px; } .tps_sort_block .col-xs-7 { width: 55%; font-size: 16px; color: #333; text-align: center; } .tps_sort_block .col-xs-7 .sort_option { padding: 5px; border-radius: 5px; cursor: pointer; } .tps_sort_block .col-xs-7 .sort_option:hover { background: #E2E1E9; } .tps_sort_block .sort_option.asc { margin-bottom: 5px; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; } .table { width: 100%; margin-bottom: 1rem; color: #212529; } /*#loading{ display:none !important; }*/ .tps_report .modalIMG{ color:#333 !important; } .tps_report .modalIMG:hover{ color:#1b1464 !important } .grid_tabs .listing_grid li { margin-left: 10px; padding: 5px; } .grid_tabs .listing_grid li.view_active { background-color: #1b1464; } /******************************/ .tps_lab_diamond#diamond_shapes{/*display: block !important;*/} .price-filter-wrapp .filter_content.panel{/*display: block !important;*/} .price-filter-wrapp .ui-widget.ui-widget-content{ max-width: 99% !important; overflow-y: unset; overflow-x: unset; } .depth-wrapper .ui-widget.ui-widget-content, #ratioslider { max-width: 99% !important; overflow-y: unset; overflow-x: unset; } #ratio-slider-container-table .ui-widget.ui-widget-content{ max-width: 99% !important; overflow-y: unset; overflow-x: unset; } div#diamond_ratio { width: 96%; } #diamond_shapes li:hover a div{border: 1px solid #1b1464;} #dimond_sarch.filter_content h4.accordion{margin-top: 20px;} #diamond_shapes li:hover a span{display: block;} #symmetry-slider-container-Ratio { width: 33.33%; padding-right: 15px; } #symmetry-slider-container-Table { width: 33.33%; padding: 0 15px; } #depth-slider-container-depth .filter_content, #diamond_table {width: 96%;} #depth-slider-container-depth .input_box, #table-slider-container-table .input_box, #ratio-slider-container-table .input_box{width: 103%;} #ratio-slider-container-table .filter_content {width: 91%;} .table_view .table_rows:hover .table_checkbox_block .table_checkbox:before, .table_view .table_rows:hover .table_checkbox_block .table_checkbox:after, .table_view .table_rows.current .table_checkbox_block .table_checkbox:before, .table_view .table_rows.current .table_checkbox_block .table_checkbox:after{border-color: #fff;} .diamond_short_info { margin-bottom: 20px; } .gallery.natural_dia_info h3{ text-align: center; font-family: 'Roboto', sans-serif; color: #333; font-weight: normal; line-height: normal; font-size: 18px; } /*a:hover, #open-above-menu.open-mart-menu > li > a:hover, #open-above-menu.open-mart-menu li a:hover{color: #edc967 !important;}*/ .tps_product_info .tps_galleria .slider-nav a{ display: inline-block; width: 75px; height: 75px; margin: 5px 5px; padding: 5px; text-align: center; font-size: 2em; background: transparent; border: 1px solid #f9f9f9; cursor: pointer; position: relative; } .galleria_row2_img.large-6.columns.tps_galleria .slider-nav { margin-left: 0px; } .galleria_row2_img.large-6.columns.tps_galleria .slider-nav { flex-direction: column; width: 20%; position: absolute; /*top: 5%;*/ top: 0%; padding-left: 20px; background: #fff; } .tps_product_info .tps_galleria, .tps_product_info .tps_productmeta { float: left; display: inline-block; width: 50%; } .back_to_search.tps_bck-srch-col{ margin-top: 50px; background: #fff; padding-left: 20px; } /*diamonds listing filter changes 21-07-2021 D*/ #tps_price_slider .input_box.search_price_range, #depth-slider-container-depth .input_box, #symmetry-slider-container-Table .input_box, #symmetry-slider-container-Ratio .input_box, #tps_carat_slider .search_price_range{ margin-top: 8px; } #tps_price_slider .ui-slider-horizontal .ui-slider-handle.second-handle{ margin-left: -19px !important; } .#tps_price_slider .ui-slider-horizontal .ui-slider-handle.second-handle.ui-state-active{ margin-left: -0px !important; } #depth-slider-container-depth .ui-slider-horizontal .ui-slider-handle:nth-child(2) { margin-left: -5px !important; } #symmetry-slider-container-Ratio .ui-slider-horizontal .ui-slider-handle:nth-child(2), #symmetry-slider-container-Table .ui-slider-horizontal .ui-slider-handle:nth-child(2){ margin-left: -20px !important; } #symmetry-slider-container-Table #diamond_table{ width: 100%; } #symmetry-slider-container-Ratio{ margin-top: 30px; } #diamondresult .tps_sort_block .dropdown-toggle{ font-size: 14px; color: #a5a5a5; } .compare-diam-block-tps .tps_comp_diam_block{ border-right: 0px; } #diamond_ratio input#ratio_left, #diamond_ratio input#ratio_right, .depth-wrapper input#dept_left, .depth-wrapper input#dept_right, .depth-wrapper input#table_left, .depth-wrapper input#table_right{ font-size: 14px; font-family: 'Roboto', sans-serif; } /********* detail page ********/ .back_to_search.tps_bck-srch-col{ margin-top: 25px; background: #fff; padding-left: 20px; } .back_to_search.tps_bck-srch-col a{ font-family: 'Roboto', sans-serif; color: #333; font-weight: normal; line-height: normal; font-size: 14px; letter-spacing: normal; /*text-transform: capitalize;*/ } .tps-row .tps-prdt_info-detail{ background: #fff; width: 100%; display: inline-block; } .tps_product_info .tps-prdt_info-detail button.slide-arrow.prev-arrow.slick-arrow { top: 30%; position: absolute; transform: translate(87%,50%); z-index: 1; left: 20%; background: transparent; } .tps_product_info .tps-prdt_info-detail button.slide-arrow.next-arrow.slick-arrow{ top: 30%; position: absolute; transform: translate(87%,50%); z-index: 1; right: 5%; background: transparent; } .tps_product_info .tps_galleria .slider-nav a img{ width: 100%; height: auto; margin: auto; display: block; position: absolute; left: 0; right: 0; top: 50%; transform: translateY(-50%); } .diamond_info .tps_diamond_detail .price{ border-bottom: 1px solid #efefef; padding: 10px 0 12px; margin-bottom: 20px; } .diamond_info .tps_diamond_detail .price .woocommerce-Price-currencySymbol, .diamond_info .tps_diamond_detail .price .woocommerce-Price-amount.amount, .diamond_info .tps_diamond_detail .price .tps_dispatch_info{ font-family: 'Roboto'; color: #333333; font-size: 24px !important; padding-right: 2px; letter-spacing: 0px; font-weight: 600; } .diamond_info .tps_diamond_detail .price span{ font-size: 14px; color: #555555; font-family: 'Roboto'; font-weight: 100; display: inline-block; } .tps_product_info .btn-add-cart.tp-addtocart{ width: 33%; display: inline-block; } .drop-hint-wrap.tps_drphint_wrp{ margin-top: 30px; border-bottom: 1px solid #efefef } .tps_product_info .tp-chat li a{ color: #1b1464; font-size: 14px; font-family: SourceSansPro-Regular; font-weight: 500; letter-spacing: normal; } .tps_product_info .tp-chat li a span{ color: #333; font-size: 14px; font-family: SourceSansPro-Regular; padding-left: 5px; font-weight: 500; letter-spacing: normal; } .tps_product_info .tp-chat li.tps_email a, .tps_product_info .tp-chat li.tps_share a{ color: #333; font-size: 14px; font-family: SourceSansPro-Regular; padding-left: 5px; font-weight: 500; letter-spacing: normal; } .tps_product_info .tps_slick .diamond_generic canvas{ margin: auto; width: 100%; } .tps_thunk-section{margin-top: 30px;} .tps_thunk-section .txt-hed_thunk-tps { text-transform: uppercase; padding-bottom: 10px; font-size: 13px; letter-spacing: normal; font-family: SourceSansPro-Regular; font-weight: bold; } .prdt_detail_tps-info{ width: 100%; display: inline-block; background: #fff; padding: 20px 20px!important; background-color: #fff; } .detail_head.hyspk_dia_detail-tps h3{ padding-top: 5px; text-transform: uppercase; padding-bottom: 8px; font-size: 13px; letter-spacing: normal; font-family: SourceSansPro-Regular; font-weight: bold; width: auto; text-align: left; float: left; margin-bottom: 20px; border-bottom: 2px solid #1b1464!important; } .prdt_detail_tps-info h3{ text-transform: uppercase; padding-left: 20px; font-size: 13px; letter-spacing: normal; font-family: SourceSansPro-Regular; font-weight: bold; } .prdt_detail_tps-info .color_tps-chng{ background: #f4f3f8; } .prdt_detail_tps-info li{ display: flex; align-items: center; flex-wrap: wrap; min-height: 70px; } .prdt_detail_tps-info .ringdetail_table li{ padding: 10px 10px 5px 40px!important; border-radius: 3px; } .prdt_detail_tps-info .ringdetail_table li .textdetail{ font-size: 14px; letter-spacing: normal; font-family: Roboto; font-weight: bold; color: #333; } .prdt_detail_tps-info .ringdetail_table li .num{ font-size: 14px; letter-spacing: normal; font-family: Roboto; color: #333; } .detil-tps_hyspk_box{ padding-bottom: 30px; border-bottom: 1px solid #1b1464; margin-bottom: 50px; } /************End************/ /*setting detail*/ .tps_setting_detail h1.product_title.entry-title { font-size: 24px; line-height: normal; margin-bottom: 0; text-transform: capitalize; font-weight: 700; color: #333; font-family: 'Roboto', sans-serif; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_price span.woocommerce-Price-amount.amount, .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_price span.woocommerce-Price-currencySymbol { display: inline-block; font-size: 24px; line-height: normal; margin-right: 2px; color: #333; font-weight: 700 !important; font-family: 'Roboto', sans-serif; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_price span:last-child { color: #333; font-weight: 400; font-size: 24px; font-family: 'Roboto', sans-serif; } .single-product .tps_ringbuilder_page.tps_setting_detail .btn-add-cart { width: 70%; margin: 0 !important; } .tps_setting_detail a.tps-btn-primary.tps-btn { display: inline-block !important; padding: 15px 40px !important; font-weight: 700 !important; font-size: 14px !important; width: auto !important; text-transform: capitalize; font-family: SourceSansPro-Regular; cursor: pointer; border-radius: 30px !important; color: #fff; background-color: #1b1464 !important; border-color: #1b1464 !important; } .tps_setting_detail a.tps-btn-primary.tps-btn:hover { /*background-color: #000 !important; border-color: #000 !important;*/ opacity: 0.7; color: #fff !important; } .tps_setting_detail .woocommerce-variation-price, .tps_setting_detail a.reset_variations { display: none !important; } .single-product .tps_ringbuilder_page.tps_setting_detail div.product table.variations td.label { width: auto; } .single-product .tps_ringbuilder_page.tps_setting_detail div.product table.variations td.label label { color: #333; font-size: 15px; font-weight: 700; text-transform: capitalize; } .tps_setting_detail .tps-chat ul { list-style: none; margin-left: 0px; display: flex; flex-wrap: wrap; align-items: center; } .tps_setting_detail .tps-chat ul li { font-family: 'Roboto'; display: inline-block; float: left; line-height: 35px; padding-bottom: 5px; width: 30%; } .single-product .tps_setting_detail .summary.entry-summary .tps_ship_txt { font-size: 14px; font-family: Roboto; border-top: 1px solid #eaeaea; margin-top: 0; padding-top: 24px; } .tps_ready_to_go_txt { border: 1px solid #1b1464; clear: both; width: 60%; padding: 10px; text-align: center; border-radius: 5px; font-family: Roboto; font-size: 14px !important; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p { width: 90%; font-size: 14px !important; font-family: Roboto; margin-bottom: 10px; color: #333333; } .tps_setting_detail .tps-chat ul li a { font-family: 'SourceSansPro-SemiBold' !important; color: #333333 !important; } .tps_setting_detail .tps-chat ul li i.fa { margin-right: 3px; color: #1b1464; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps-row.tps-ring-info { background: none; margin-top: 50px; padding: 0; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps-row.tps-ring-info .tps_product_attributes { background: #fff; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_price { border-bottom: 1px solid #eaeaea !important; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_attributes .ring-in { display: inline-block; width: 100% !important; float: left; padding: 0; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail { display: inline-block; float: left; width: 33.33%; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4 { font-family: 'SourceSansPro-SemiBold' !important; /*font-size: 14px !important;*/ font-size: 18px !important; text-transform: uppercase !important; border: none; margin-bottom: 0px; padding-left: 30px; letter-spacing: 0px; display: inline-block; position: relative; padding-left: 0px !important; margin-left: 40px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4:after{ content: ''; width: 100%; height: 2px; background-color: #1b1464; position: absolute; bottom: 9px; left: 0px; } section.tps_thunk-section.tps_final_shop_confidance .container { padding-left: 0; padding-right: 0; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps-row.tps-ring-info .product_meta { display: none; } /*diamond details page change*/ .tps_diamonds_detail_container .tps-btn{ display: inline-block!important; padding: 15px 40px!important; font-weight: 700!important; font-size: 14px!important; width: auto!important; text-transform: capitalize; font-family: SourceSansPro-Bold; cursor: pointer; border-radius: 30px!important; color: #fff; background-color: #1b1464 !important; border-color: #1b1464 !important; text-decoration: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; margin-top: 20px!important; } .tps_diamonds_detail_container .tps-btn:hover{ background-color: #1b1464!important; color: #fff!important; opacity: .7 !important; } .tps_diamonds_detail_container .tp-addtocart{ margin-top: 0px !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat li a span.d_view{ padding-left: 0px; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul{ display: flex; flex-wrap: wrap; align-items: center; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li{ width: 30%; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li i.fa-comment-o:after, .tps_diamonds_detail_container.tps_product_info .tp-chat ul li i.fa-envelope-o:after, .tps_diamonds_detail_container.tps_product_info .tp-chat li i.fa-phone:after{ content: "\f0e5"; width: auto; height: auto; background-image:none ; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li i.fa-envelope-o:after{ content: "\f003"; } .tps_diamonds_detail_container.tps_product_info .tp-chat li i.fa-phone:after{ content: "\f095"; } .tps_diamonds_detail_container.tps_product_info .tp-chat li a span, .tps_diamonds_detail_container.tps_product_info .tp-chat li a{ font-family: SourceSansPro-SemiBold!important; color: #333!important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li i{ color: #1b1464; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li.tps_email #tps_email_modal{ padding-left: 7px; } .tps_diamonds_detail_container.tps_product_info .drop-hint-wrap.tps_drphint_wrp{ padding-bottom: 10px; margin-bottom: 30px; } .tps_diamonds_detail_container .tps_request_img.diamond_d{ display: block; text-align: center; margin-bottom: 0px; /* position: absolute; */ width: 100%; margin-left: 60px; margin-top: 15px; margin-bottom: 20px; /* bottom: 11px; */ /* right: 0; */ } .tps_diamonds_detail_container .tps_request_img.diamond_d a, .tps_diamonds_detail_container .tps_request_img.diamond_d a span{ font-family: Roboto; } .tps_diamonds_detail_container .tps_request_img.diamond_d a{ border: 2px solid #8d8bb2; padding: 12px 20px; border-radius: 10px; cursor: pointer; transition: 0.3s ease; } .tps_diamonds_detail_container .tps_request_img.diamond_d a:hover{ background-color: #1b1464! important; color: #fff!important; opacity: .6 !important; border-color: #1b1464; } .tps_diamonds_detail_container .tps-row .tps-prdt_info-detail{ padding-bottom: 16px; } .tps_diamonds_shop_confidance .container{ padding-left: 20px !important; padding-right: 20px !important; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ font-family: SourceSansPro-SemiBold!important; font-size: 13px!important; text-transform: uppercase!important; border: none; margin-bottom: 0; padding: 0 0 12px 40px!important; line-height: 35px!important; } .tps_diamonds_similar_pr h2{ font-size: 18px; line-height: 28px; color: #333333; font-family: 'SourceSansPro-SemiBold' !important; margin-bottom: 35px; } .tps_diamonds_similar_pr{ padding-left: 20px !important; padding-right: 20px !important; } .tps_diamonds_similar_pr .diamond_result_block{ margin: 40px auto 0px auto !important; border-top: 2px solid #1b1464!important; padding-top: 25px; } /*body.custom-background{ background: #e4e4e4 !important; }*/ .tps_diamonds_similar_pr #grid_tab ol{ display: flex; margin-left: auto; margin-right: auto; flex-wrap: wrap; } .tps_diamonds_similar_pr .product-item-details center .product-item-link a, .tps_diamonds_similar_pr .product-item-details center .product-item-link span{ font-family: Roboto; font-size: 14px; line-height: 24px; color:#333333; } .tps_diamonds_similar_pr .product-item-inner .tps_price_info h3{ display: flex; justify-content: center; align-items: center; } .tps_diamonds_similar_pr .product-item-inner .tps_price_info h3 span:nth-child(1){ font-family: Roboto; font-size: 13px; color:#333333; } .tps_diamonds_similar_pr .product-item-inner .tps_price_info h3 div.price span:nth-child(2){ font-family: Roboto; font-size: 10px; color:#333333; } .tps_diamonds_similar_pr .product-item-inner .tps_price_info h3 div.price span:nth-child(1){ font-size: 17px !important; font-family: Roboto !important; color: #333 !important; margin-bottom: 0; font-weight: 600; padding: 0px 5px; } .tps_diamonds_similar_pr .product-item-info .product-image{ width: 80%; margin: auto; } .tps_diamonds_similar_pr .product-item-inner div.price{ display: flex; justify-content: center; align-items: center; } .tps_diamonds_similar_pr #listiveiwcontainer{ margin-bottom: 0px; } .tps_diamonds_detail_container .tps-row .tps-prdt_info-detail { padding: 15px; } #caratlearnmore.ui-widget.ui-widget-content{ overflow-x: unset; overflow-y: unset; } .skintoneslider.ui-widget.ui-widget-content{ overflow-x: unset; overflow-y: unset; } /**********************/ .tps-prdt_info-detail .dia_gallery_image.dia_gallery_video{position: relative;} .tps-prdt_info-detail .dia_gallery_image.dia_gallery_video .tps_video_loading{ margin-top: 25%; } .smush-detected-img{box-shadow: none !important;} .prod-name-val .pop_gia-tps{text-decoration: underline;cursor: pointer;} .tps_ring_prod_setting ul#settin_tabs{ list-style: none; display: inline-block; margin-left: 0; margin-bottom: 30px;margin-top: 30px; } .tps_ring_prod_setting ul#settin_tabs li{display: inline-block;} .tps_ring_prod_setting ul#settin_tabs li a{ font-family: SourceSansPro-SemiBold!important; font-size: 13px; text-transform: uppercase; color: #515151; border-bottom: 2px solid #1b1464; padding: 0 0 8px 0; margin-right: 40px; } .tps_ring_prod_setting ul#settin_tabs li .inactive{border-bottom: none;} .tps_ring_prod_setting .setting_container_tab .product_short_description { background-color: #fff; padding: 20px 40px!important; } .button.tps_update_cart{ opacity: 1 !important; color: #fff !important; } .more_info_sty_tps .list_info_tps_right.modalCERT{ cursor: pointer; text-decoration: underline; } /*********** diamond lisiting issues **********/ .lab-slider#certificates #tps_certificates .certificate_label{padding-right: 0;} #diamondresult .diamond_page span.mb_price .mb_inner_title span.tps_ex_vat { font-size: 12px !important; vertical-align: inherit; } #diamondresult .diamond_page span.mb_price .mb_inner_title span.tps_ex_vat span.tps_ex { display: inline-block !important; vertical-align: inherit; font-size: 10px !important; } /*end*/ /*set diamond listing filter*/ .diamond_result_block .tps_search_block{ float: left; font-family: SourceSansPro-Regular; font-size: 16px; border: 1px solid #1b1464; display: flex; padding: 7px 10px; border-bottom: 0; border-left: 0; letter-spacing: 0; position: relative; } .diamond_result_block .tps_search_block .sku_input{ font-family: SourceSansPro-Regular; font-size: 15px; color: #333333; box-shadow: none; border: 0px; padding: 3px 5px; border-radius: 5px; background: #E2E1E9 !important; } .diamond_result_block .tps_search_block .sku_input::placeholder{ color:#333333; font-weight:500; } .diamond_result_block .tps_search_block span.tps_search_button{ position: absolute; right: 37px; top: 16px; cursor: pointer; } .diamond_result_block .tps_search_block span.tps_search_button .sku_search_btn{ width: 20px; position: absolute; z-index: 999; background: transparent; border: none; cursor: pointer; } .diamond_result_block .tps_search_block span.tps_search_button:after{ content: "\f002"; position: absolute; font-size: 17px !important; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #333333; } .more_info_sty_tps .list_info_tps_left{ width: 50%; } .more_info_sty_tps .list_info_tps_right{ width: 50%; } .woocommerce .related.products ul.products.columns-4 li.product, .woocommerce-page .related.products ul.products.columns-4 li.product{ width: 21.5% !important; } .price-filter-wrapp .ui-widget.ui-widget-content{ z-index: 99 !important; } div#req_img_modal .card-header, #hint_Modal .card-header, #email_modal .card-header{ position: relative; } #close_hint_popup, #close_email_popup{ width: 30px; height: 30px; position: absolute; right: -45px; top: -31px; border-radius: 50%; font-size: 23px; text-align: center; line-height: 19px; display: flex; justify-content: center; align-items: center; background-image: none !important; background-color: #fff !important; color: #8d8bb2 !important; border: none; padding: 0px !important; } #close_hint_popup:hover, #close_email_popup:hover{ color: #1b1464 !important; background-color: #fff !important; } .modal{ z-index: 999999; } #diamond_shapes li a div{ background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/shape_icons_sprite_new.svg'); } #diamond_shapes li div#Round{ background-position: -6.5px -258px; } #diamond_shapes li div#Princess { background-position: -82px -258px; } #diamond_shapes li div#Cushion { background-position: -340px -258px; } #diamond_shapes li div#Cushion { background-position: -340px -258px; } #diamond_shapes li div#Radiant { background-position: -215px -258px; } #diamond_shapes li div#Marquise { background-position: -550px -258px; width: 62px; } #diamond_shapes li div#Oval { background-position: -154px -258px; } #diamond_shapes li div#Emerald { background-position: -410px -258px; } #diamond_shapes li div#Pear { background-position: -275px -260px; } #diamond_shapes li div#Asscher { background-position: -484px -258px; } #diamond_shapes li div#Heart { background-position: -616px -258px; } .tps_ring_prod_setting ul#settin_tabs{ padding-left: 20px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ padding-left: 20px; font-size: 20px !important; } .tps_ringbuilder_page .product_cat-engagement-rings .related.products > h2:first-child{ padding-left: 20px; font-size: 20px !important; } .tps_ring_prod_setting ul#settin_tabs li a{ font-size: 20px; /*font-size: 14px;*/ } .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_details_info .prdt_detail_tps-info h3, .tps_thunk-section .txt-hed_thunk-tps{ /*font-size: 14px !important;*/ font-size: 18px !important; } .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_similar_pr h2{ font-size: 20px !important; } .detail_head.hyspk_dia_detail-tps, .tps_thunk-section .txt-hed_thunk-tps{ padding-left: 20px; } .tps_lab_gia, .tps_lab_igi, .tps_lab_ags, .tps_lab_hrd{ background-image: none !important; } .tps_ring_prod_setting .setting_container_tab .product_short_description{ font-size: 16px; line-height: 26px; } .tps_ringbuilder_page .tps_setting_detail_pr_info .attributes_info{ display: flex; align-items: flex-start; flex-wrap: wrap; min-height: 70px; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ display: inline-block; position: relative; padding-left: 0px !important; margin-left: 40px; } /*colomn condition wise width*/ .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail.tps-col-8{ width: 66.67% !important; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail.tps-col-8 h4{ opacity: 1; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail.tps_side_stone_info .tps-col-8 h4{ opacity: 0; } .prdt_detail_tps-info .tps_diamond_details_info_title{ display: block; } .prdt_detail_tps-info .tps_diamond_details_info_title h3:after{ content: ''; width: 100%; height: 2px; background-color: #1b1464; position: absolute; bottom: 9px; left: 0; } .prdt_detail_tps-info .ringdetail_table li .textdetail, .prdt_detail_tps-info .ringdetail_table li .num{ font-size: 16px; width: 50%; } /*#diamondresult .tps_filter_handler .reset{ display: none; } .grid_tabs.mob-tab .tps_reset_button{ display: none; }*/ .tps_filter_handler{ display: flex; } .grid_tabs.mob-tab .tps_reset_button{ display: none; } .tps_filter_handler .reset{ margin-right: 10px; } .tps_filter_handler .reset .reset_btn, .tps_filter_handler .tps_search .search_btn{ width: 86px; padding: 13px 15px !important; } .bapf_loader_page { z-index: 999999999 !important; } .tps_thunk-section .txt-hed_thunk-tps{ font-size: 20px !important; } .modal.tps_certificate_modal .modal-dialog .modal-header{ position: relative; } .modal.tps_certificate_modal .modal-dialog .modal-header #close_imgpopup{ width: 30px; height: 30px; position: absolute; right: -30px; top: -31px; border-radius: 50%; font-size: 23px; text-align: center; line-height: 19px; display: flex; justify-content: center; align-items: center; background-image: none !important; background-color: #fff; color: #8d8bb2 !important; border: none; } .modal.tps_certificate_modal .modal-content, .modal.tps_certificate_modal .modal-dialog{ border-radius: 5px; } @media(max-width: 1500px){ .modal.tps_certificate_modal iframe{height: 400px;} .modal.tps_certificate_modal .modal-content{ height: 400px;} } /*set diamond listing filter*/ @media(max-width: 1450px){ #diamondresult button.search_btn{ padding: 13px 25px; } } @media(max-width: 1440px){ .tps_product_info .btn-add-cart.tp-addtocart{ width: 40%; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ padding-left: 20px!important; } .prdt_detail_tps-info .ringdetail_table li{ padding: 10px 10px 5px 20px!important; } .prdt_detail_tps-info{ padding: 20px 20px!important; } /*set diamond listing filter*/ .diamond_result_block .tps_search_block .sku_input{ max-width: 135px; } .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span, .grid_tabs .grid_view{ font-size: 18px; } .diamond_result_block .tps_search_block span.tps_search_button:after{ right: -22px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4{ margin-left: 20px; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ padding-left: 0px !important; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ margin-left: 20px; } .tps_filter_handler{ justify-content: center; } } @media(max-width:1366px){ /*set diamond listing filter*/ .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span, .grid_tabs .grid_view{ font-size: 16px; } } @media(max-width: 1330px){ .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4, .tps_ring_prod_setting ul#settin_tabs li a, .tps_ringbuilder_page .product_cat-engagement-rings .related.products > h2:first-child, .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ font-size: 16px !important; } .tps_ring_prod_setting .setting_container_tab .product_short_description{ font-size: 14px; line-height: 24px; } .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_details_info .prdt_detail_tps-info h3, .tps_thunk-section .txt-hed_thunk-tps{ font-size: 16px !important; } .tps_ring_prod_setting ul#settin_tabs li a{ font-size: 18px !important; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ font-size: 18px !important; } .tps_ringbuilder_page .product_cat-engagement-rings .related.products > h2:first-child{ font-size: 18px !important; } .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_similar_pr h2, .tps_thunk-section .txt-hed_thunk-tps{ font-size: 18px !important; } } @media(max-width: 1300px){ .prdt_detail_tps-info .ringdetail_table li .textdetail, .prdt_detail_tps-info .ringdetail_table li .num{ font-size: 14px!important; padding-right: 3%; } } @media(max-width:1280px){ .tps_diamonds_details_info .prdt_detail_tps-info h3{ padding-left: 0!important; } .prdt_detail_tps-info .ringdetail_table li{ padding: 10px 0 5px 10px !important; } .prdt_detail_tps-info .ringdetail_table li .textdetail, .prdt_detail_tps-info .ringdetail_table li .num{ font-size: 13px; } /*set diamond listing filter*/ .compare-diam-block-tps { width: 100%; display: inline-block; } .grid_tabs .grid_view { width: 33.4%; border-left: 1px solid #1b1464; } .diamond_result_block .tps_search_block, .tps_sort_block{ width: 25%; } .diamond_result_block .tps_search_block{ width: 20%; } .compare-diam-block-tps .tps-col-4 { width: 33.33%; text-align: center; margin-bottom: -6px; } .tps_filter_handler{ width: 21.6%; text-align: right; border-right: 1px solid #1b1464; border-top: 1px solid #1b1464; padding: 4px 6px; } .diamond_result_block .tps_search_block .sku_input{ max-width: 100%; } .tps_ring_prod_setting .setting_container_tab .product_short_description{ font-size: 13px; line-height: 23px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4{ margin-left: 5px !important; } .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_details_info .prdt_detail_tps-info h3, .tps_thunk-section .txt-hed_thunk-tps, .tps_diamonds_similar_pr h2{ font-size: 16px !important; } .prdt_detail_tps-info .ringdetail_table li .textdetail, .prdt_detail_tps-info .ringdetail_table li .num { font-size: 13px!important; padding-right: 3%; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ margin-left: 10px; } } @media(max-width:1260px){ /*diamonds listing filter changes 21-07-2021 D*/ .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span{ font-size: 18px; } #diamondresult .grid_tabs .grid_view{ font-size: 18px; } .gallery.natural_dia_info h3, .back_diamond_list, .listingHeaderOne > span, .compareHeaderOne > span, .table_header span{ font-size: 16px; } /*end*/ } @media(min-width: 1200px){ .woocommerce div.product div.images img{ padding: 10px; } } @media(max-width:1199px) { .recently_viewed .tps-row{flex-wrap: wrap;} .dimond_sarch-price { padding-right: 15px; } .dimond_sarch-price .slider-row .search_price_range p span{display: inline-block;left: 136px;} #calcAmount2{font-size:16px !important;} .dimond_sarch-carat{padding-left: 15px; padding-right: 15px;} #carat_right{margin-right: 0 !important;} .dimond_sarch-carat .slider-row .search_price_range p{margin-top: -30px;} .diamondlisting_tab { padding-right: 15px; } .mb_shape .sh_tit{ padding-left:2px;/*css added by neelam*/ } .diamond_page span, .diamond_compare_page span{ width: 15.6%; } /*.presta_main_pop_div{ width: 25%; }*/ #diamond_shapes li a span { font-size: 14px; } .info_label { font-size: 12px; } .polish_content .filter_content div, .tps_symmetry .filter_content div { padding: 10px 7px; } .table_left, .table_right, .tp-depth-left, .tp-depth-right { width: 31%; } .tp-chat ul li, .diamond-detail-wish, .drop-hint { width: 27%; } #extra-details .details_column { padding: 0 15px; } .fourcs-block > div { padding: 3% 2%; } .tps_cut_popup { width: 58%; } .tps_cut_popup .popover_cut, .tps_clarity_popup .popover-clarity { width: 80%; } .arrow-sub { width: 70%; } .tps_clarity_popup .popover-clarity { margin-left: -30px; } .popover-clarity + .text-center.tps_cut_para { margin-left: -95px; } /*Diamond listing wh changes*/ .container, div.col-full.container { /*max-width: 960px; width: 100%;*/ } .reset_block{ float:unset; margin-top: 0; width: 100%; text-align: center; } .grid_tabs .grid_view{ margin-top: 10px; } /*end*/ /*diamonds listing filter changes 21-07-2021 D*/ #diamondresult .grid_tabs .grid_view, .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span{ font-size: 16px; } .more_info_sty_tps .list_info_tps_left, .more_info_sty_tps .list_info_tps_right{ font-size: 14px !important; } #diamondresult .grid_tabs .grid_view{ margin-top: 0px; } .more_info_sty_tps{ padding-top: 5px; } #diamond_shapes li{ width:9.5%; } .certificate_label{ font-size: 12px; } #symmetry-slider-container-Symmetry .info_label, #symmetry-slider-container-polish .info_label{ line-height: 20px; } .product-item-details center .product-item-link a, .product-item-details center .product-item-link span{ font-size:14px; } .tps_diamonds_details_info .ringdetailcol{ width: 50%; } .tps_diamonds_details_info .ringdetailcol:nth-child(4){ width: 100%; } .tps_product_info .btn-add-cart.tp-addtocart { width: 49%; } .galleria_row2_img.large-6.columns.tps_galleria .slider-nav{ padding-left: 5px; } .tps_product_info .tps-prdt_info-detail button.slide-arrow.prev-arrow.slick-arrow{ left: 16%; } .tps_product_info .tps-prdt_info-detail button.slide-arrow.next-arrow.slick-arrow{ right: 9%; } .tps_diamonds_detail_container .tps_request_img.diamond_d{ padding-left: 11%; } .tps_galleria .diamond_generic{ padding-right: 4%; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(1), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(4){ width: 30% !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(2), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(5){ width: 22% !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(3), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(6){ width: 48% !important; } .diamond_info .tps_product_heading .product-name{ font-size: 22px; line-height: 32px; } /*end*/ .tps_diamonds_details_info .ringdetailcol{ width: 33.33% !important; } } @media screen and (max-width: 1024px) and (min-width: 768px) { #diamond_shapes li{width: 9% !important;} .tps_cut_content .filter_content .gemstone-cut-group{width: 29%;margin-bottom: 0px;} .filter_content .gemstone-color-group{ width: 25%;height:auto !important;} div.gemstone_cut_content{ width: 50% !important;} .certificate_label{padding-right: 0;} .certificates-group span.checkbox_block{ display: flex;justify-content: center; align-items: center;} .tps_color_content .filter_content div{height: 39px; align-items: center;} .tps_fluorescence .filter_content div { padding: 3px 0px !important;} #diamond_shapes{ padding: 0;} #diamond_shapes li{ margin-right: 0px;} .tps_symmetry .filter_content div, .polish_content .filter_content div { height: 33px !important;} .search_price_range .price_left, .search_price_range .price_right{width: 100px;} .certificate_label,.depth-wrapper input#dept_left, .depth-wrapper input#dept_right, .depth-wrapper input#table_left, .depth-wrapper input#table_right,.search_price_range .price_left, .search_price_range .price_right{font-size: 12px;} .tps_symmetry .filter_content div,.polish_content .filter_content div {padding: 3px 7px !important;} .listingHeaderOne > span,.table_header span{padding: 7px;} .tps_cut_content {width: 90% !important;} .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span{ font-size: 18px;} #main{ padding-left: 10px !important;padding-right: 10px !important;} /*diamonds listing filter changes 21-07-2021 D*/ .dimond_sarch-price{ margin-right: 10%; } .tps_cut_content{ width: 33.33% !important; } #symmetry-slider-container-Fluorescence .info_label, .certificate_label{ line-height: 25px; } #diamond_ratio input#ratio_left, #diamond_ratio input#ratio_right, .depth-wrapper input#dept_left, .depth-wrapper input#dept_right, .depth-wrapper input#table_left, .depth-wrapper input#table_right{ font-size: 12px; } .dimond_sarch-price{ margin-right: 5%; width: 45%; } .dimond_sarch-carat{ margin-left: 5%; width: 45%; padding-left: 0px; padding-right: 0px; } .tps_diamond_search_box h4, .tps_diamond_search_box #certificates h4{ margin-bottom: 15px; } .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span{ font-size: 16px; } .view_detail_btn a.btn-pink, .view_detail_btn button.btn-pink{ width: 80%; } #diamondresult .compare-diam-block-tps .tps-col-4 { width: 33.33% !important; text-align: center; } #diamondresult .grid_tabs.desk-tab{ width: 20% !important; } #diamondresult .tps_filter_handler{ width: 20% !important; text-align: center; border-right: 1px solid #1b1464; border-top: 1px solid #1b1464; padding: 4px 10px; } #diamondresult .tps_sort_block{ width: 60% !important; text-align: center; } #diamondresult .grid_tabs .grid_view{ width: 100%; border-left: 1px solid #1b1464; } /*****************/ .step-wrap{padding-left: 2%;} .step_common.step_second {padding-left: 15px;} .step_common.step_first:after {right: -8%;} .info_main_block {padding-bottom: 15px;} .diamond_page span .mb_inner_title, .diamond_compare_page span .mb_inner_title { line-height: normal; vertical-align: -webkit-baseline-middle; } .tps_sort_block .dropdown:hover .dropdown-menu{z-index: 9999999;} /*end*/ /*set diamond listing filter*/ .compare-diam-block-tps { width: 100%; display: inline-block; } #diamondresult .grid_tabs .grid_view{ width:25.4%; border-left: 1px solid #1b1464; } .diamond_result_block .tps_search_block, .tps_sort_block{ width: 25% !important; } .compare-diam-block-tps .tps-col-4 { width: 33.33%; text-align: center; margin-bottom: -6px; } .tps_filter_handler{ width: 24.6%; text-align: right; border-right: 1px solid #1b1464; border-top: 1px solid #1b1464; padding: 4px 6px; } .diamond_result_block .tps_search_block .sku_input{ max-width: 100%; } #diamondresult .tps_filter_handler{ width: 24.6% !important; } #diamondresult .grid_tabs.desk-tab{ width: auto !important; } #diamondresult .tps_sort_block{ width: 25% !important; } } @media(max-width: 1012px){ /*set diamond listing filter*/ .diamond_result_block .tps_search_block, .tps_sort_block { width: 23% !important; } #diamondresult .tps_sort_block { width: 27% !important; } } @media(max-width: 995px) { .tps_cut_content .filter_content .gemstone-cut-group{width: 33%;} .gia-color{ margin-right: 15px;} .polish_content, .tps_symmetry{ padding-right: 20px;} .reset_block{ margin-top: 0;} #adv-area{ margin-bottom: 10px;} .dimond_sarch-price .slider-row .search_price_range p span { display: inline-block; left: 155px; } .table-slider-content, .depth-slider-content{padding-right:0; width: auto;} .cut_information{background:url('/wp-content/plugins/tps_ringbuilder/css/../images/CUT-EXCELLENT-550.jpg')no-repeat;background-position: center right; } .clarity_information{background:url('/wp-content/plugins/tps_ringbuilder/css/../images/CLARITY-SI2-Mobile-height400.png')no-repeat;background-position: center left; } .color_information p{padding: 0 50px;} .tps_galleria .diamond_generic{padding-left: 10%;} .tp-chat ul li:last-child{width: 68% !important;} .dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless { width: 70% !important; } .presta_main_pop_div.active, .info_wrapper.active { width: 30% !important } .diamond_info { font-size: 13px; } .table_header { /*! white-space: nowrap; */ } .table_header > span { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; height: 100%; line-height: 30px; width: 17%; font-size: 13px; } .row_main_div .diamond_page { position: relative; top: 0px; width: 100%; display: inline-block; } .table_rows.diamond_row { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; width: auto; min-width: 100%; } .table_rows.diamond_row span { width: 93px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; overflow: hidden; min-width: 30px; font-size: 13px; } .table_rows.diamond_row .pres_diamond_title { display: none; } .diamondlistingDesk .table_rows.diamond_row .mb_price { display: none; } .diamondlistingDesk .table_rows.diamond_row .mb_view { display: none; } /*.dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless{ width:55% !important; }*/ .presta_main_pop_div { transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; } .dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless { width: 65% !important; } .presta_main_pop_div.active, .info_wrapper.active { width: 35% !important } .listingHeaderTwo .mbPrice { font-size: 13px; font-size: 13px; margin: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; max-width: 70%; width:70%; } .diamond_page .table_rows span.mb_view a.btn { font-size: 12px; padding: 4px 5px; } .tps_detailview { font-size: 12px; padding: 4px 5px; } .tps_diamondlisting_area { padding: 0 10px; } .slider_comm .car_diamonds_filter_container_inner_content .slider-left-input { width: 50px; } .slider_comm .car_diamonds_filter_container_inner_content .slider-right-input { width: 50px; } .slider_comm .header-indent { letter-spacing: 0px; } .view_detail_btn .startedbutton { padding: 7px 2px; font-size: 11px; letter-spacing: 0; } .view_detail_btn #addToCartBTN { padding: 7px 5px; font-size: 12px; letter-spacing: 0; } #specification_label { font-size: 30px; margin: 20px 0; } /*.listingHeaderOne > span.deskPrice, .listingHeaderOne > span.deskView { display: none; }*/ /* .listingHeaderOne { position: relative; width: 70%; overflow-x: scroll; display: -webkit-box; display: -webkit-flex; display: -moz-box; display: -ms-flexbox; display: flex; }*/ /* .listingHeaderOne > span, .compareHeaderOne > span, .table_header span { width: 94px; margin: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; }*/ .listingHeaderTwo { /* width: 30%; display: flex; text-align: left;*/ } .diamondlistingDesk { /* width: 70%; display: inline-block; float: left; overflow-x: scroll;*/ } /*.diamondlistingMob { width: 30%; display: inline-block; float: left; }*/ .table_rows.mobile_add { display: flex; position: relative; width: 100%; text-align: center; line-height: 100%; } /*.diamond_page span, .diamond_compare_page span, .diamond_page .diamondlistingMob .mb_price_mobile { width: 90px; -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; -webkit-box-flex: 1; -webkit-flex-grow: 1; -moz-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; -webkit-flex-shrink: 0; -ms-flex-negative: 0; flex-shrink: 0; display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; overflow: hidden; min-width: 30px; font-size: 13px; float: none; }*/ /*.diamond_page span.mb_price, .diamond_page span.mb_view { display: none; }*/ .diamond_page .diamondlistingMob .mb_price_mobile { font-size: 11px; } .table_rows.mobile_add { height: auto; background: #fff; } .table_header span.mbView { width: auto !important; display: none; } #listiveiwcontainer { -webkit-overflow-scrolling: touch; } /*.table_view .table_rows { -webkit-box-flex: 0; -webkit-flex-grow: 0; -moz-box-flex: 0; -ms-flex-positive: 0; flex-grow: 0; display: inline-block; vertical-align: top; white-space: nowrap; text-align: center; width: auto; min-width: 100%; }*/ .diamondlistingMob .table_rows { border-left: 1px solid #e1e1e1; } .presta_main_pop_div { padding-left: 10px; } .mobile_add.current .mb_view_mobile i { -ms-transform: rotate(180deg); /* IE 9 */ -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */ transform: rotate(180deg); transition: all .2s ease-in-out; -webkit-transition: all .2s ease-in-out; -moz-transition: all .2s ease-in-out; margin-top: 0px; vertical-align: middle; } /*setting listing ipad start*/ #diamond_shape { margin-bottom: 10px; /*margin-left: 0px;*/ } .shape_area div { width: 10.8%; } .mb_shape .sh_tit{ padding-left:5px; /* css aadd by neelam */ } #diamond_grid{ -webkit-overflow-scrolling: touch; /* overflow-scrolling: touch;*/ /*overflow: scroll;*/ overflow: auto; } .dimond_sarch-price{ float: none; width: 50%;} #diamond_shapes li { width: 20%; margin-bottom: 20px; } .tps_cut_content { width: 50%; } /* .tps_color_content { padding-left: 8%; width: 50%; } */ .info_label { font-size: 11px; } .polish_content .filter_content div, .tps_symmetry .filter_content div, .tps_fluorescence .filter_content div { padding: 10px 0px; } .lab-slider { width: 33%; } .widthless .table_header { display: none; } .presta_main_pop_div.active, .info_wrapper.active { position: absolute; left: 0; width: 100% !important; background: #fff !important; border-left: 1px solid #e1e1e1; height: 85%; } .info_main_block { margin-left: 0; } .more_info_sty_tps span { font-size: 14px; } #viewDiamondBTN { width: auto; padding: 15px 35px; font-size: 14px; } .compare-diam-block-tps { width: 100%; display: inline-block; margin-bottom: -7px; } .compare-diam-block-tps div { width: 33.33%; float: left; padding: 10px 0%; text-align: center; } .tps_cut_content .filter_content div:hover, .tps_color_content .filter_content div:hover, .clarity_content .filter_content div:hover, .polish_content .filter_content div:hover, .tps_symmetry .filter_content div:hover, .tps_fluorescence .filter_content div:hover{ background-color: transparent; color: #333; } .tps_cut_content .filter_content div.selected, .tps_color_content .filter_content div.selected, .clarity_content .filter_content div.selected, .polish_content .filter_content div.selected, .tps_symmetry .filter_content div.selected, .tps_fluorescence .filter_content div.selected { background-color:#1b1464; color: #fff; } .tps_thumbnail li { width: 55px; height: 55px; } .tps_product_info .tps_productmeta { padding-left: 3%; } .tps_product_heading .product-name{ font-size: 24px; } /*.tps_galleria .diamond_generic { padding-left: 16%; display: flex; justify-content: center; align-items: center; padding-top: 10%; }*/ .diamond-detail-wish, .drop-hint , .tp-chat ul li { width: 40%; } .ringdetail_table li .textdetail { font-size: 14px; } .cut_info.cut_data p, .color_info, .clarity_info.info, .clarity_info p, .tps_clarity_diamond .list > span, .list-clarity span { font-size: 14px; } .tps_cut_popup .popover_cut, .tps_clarity_popup .popover-clarity { margin-left: 0; } .text-center.tps_cut_para { margin-left: 10px; } .tps_popover-color .arrow_box { width: 100%; } .tps_clarity_diamond { width: 55%; } .cut_active .tps_clarity_popup { left: -83%; } .popover-clarity + .text-center.tps_cut_para { margin-left: -60px; font-size: 14px; } .tps_galleria .diamond_generic .skintonnerimg{ left: 0;} .tps_galleria .diamond_generic.skintone { width: 200px; } .tps_galleria .carat_diamond_img { margin-top: -18%; } .tps_galleria .carat_diamond_img{ left: 53.5%;} .tps_galleria .search_slider,.tps_galleria .tps_slidercontrolle{margin-left: 0;} .tps_diamonds_detail_container .tps_request_img.diamond_d{ margin-left: 0 !important;} img.img-responsive.skintonnerimg_white { margin-left: 0; } #diamond_shapes li:hover a div { border: 1px solid transparent; } #diamond_shapes li a.selected { border: 1px solid #1b1464; } /*set diamond listing filter*/ .compare-diam-block-tps{ margin-bottom: -1px; } } @media (max-width:991px){ /*Diamond listing wh changes*/ .container, div.col-full.container { /*max-width: 720px;*/ } .tps_filter_head{ padding-top: 20px; padding-bottom: 0px; } #diamondresult{ padding-top:5px; } .grid_tabs .grid_view{ float:left; position:absolute; top:0; } .grid_tab .products .product.product-item{ width: 30.70%; } .tps_diamond_tab ul{ display:flex; flex-wrap: wrap; } .tps_diamond_tab ul li{ width:33%; margin:0% 0.16%; } #dimond_sarch, #dimond_sarch #diamond_shapes{ margin-bottom: 0px !important;padding-left: 0px; } .tps_diamond_tab ul li a{ padding: 5px 20px; width: 100%; } .dimond_sarch-carat{ padding-left:0px; } .dimond_sarch-price { padding-right: 0px; } .table-slider-content, .depth-slider-content{ width:50%; } /*Diamond Details page wh changes*/ .clarity_information .col-md-7, .cut_information .col-md-7, .clarity_information .col-md-5, .cut_information .col-md-5{ -ms-flex: 0 0 58.333333%; flex: 0 0 100%; max-width: 100%; } .tps_diamonds_detail_container .tps-btn{ padding: 15px 17px!important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(1), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(3), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(5){ width: 65% !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(2), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(4), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(6){ width: 34% !important; } .tps_product_info .tps_galleria .tps_slick{ order: 1; } .galleria_row2_img.large-6.columns.tps_galleria .slider-nav{ position: unset !important; width: 100%; display: flex; padding-left: 0px; align-items: center; justify-content: center; flex-direction: row; flex-wrap: wrap; flex-direction: row; order: 2; margin: 30px 0px; } .tps_product_info .tps_galleria .tps_request_img.diamond_d{ order: 3; } .tps_product_info .tps_galleria .slider-nav a{ width: 55px; height: 55px; margin-bottom: 12px; border: 1px solid #8d8bb2; } .tps_galleria .diamond_generic.skintone{ width: 200px !important; margin: 20px auto 27px auto !important; } .tps_product_info .tps-prdt_info-detail button.slide-arrow.prev-arrow.slick-arrow { left: 4%; } .tps_galleria .diamond_generic { padding-right: 10%; } .tps_product_info .tps_galleria{ height: auto; display: flex; flex-flow: column; } .tps_diamonds_detail_container .tps_request_img.diamond_d { padding-left: 0%; margin-bottom: 20px; position: unset; } .tps_diamonds_similar_pr .diamond_result_block{ padding-top: 25px !important; } /*End*/ /*issue 23-09-2021*/ .diamond_info .tps_diamond_detail .price .woocommerce-Price-currencySymbol, .diamond_info .tps_diamond_detail .price .woocommerce-Price-amount.amount, .diamond_info .tps_diamond_detail .price .tps_dispatch_info{ font-size: 16px !important; } .tps_ringbuilder_page .tps_setting_detail_pr_info .attributes_info{ min-height: auto; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail.tps-col-8{ width: 100% !important; } .tps_diamonds_details_info .ringdetailcol{ width: 100% !important; } /*.detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_similar_pr h2{ font-size: 20px !important; }*/ } @media(max-width:991px) and (min-width: 768px){ /*diamonds listing filter changes 21-07-2021 D*/ #diamondresult .grid_tabs.desk-tab, #diamondresult .tps_filter_handler{ width: 30%!important; } .grid_tabs .grid_view{ position: unset; } #diamondresult .tps_sort_block{ width: 40%!important; } #dimond_sarch h4{ width: 100%; } #diamond_shapes li{ width: 20% !important; margin-bottom: 40px !important; } .tps_cut_content, #symmetry-slider-container-polish{ width: 30% !important; padding-right: 15px; } .clarity_content, #symmetry-slider-container-Symmetry{ width: 40% !important; } .tps_color_content, #certificates{ width: 30% !important; padding-left: 15px; } #symmetry-slider-container-polish .panel .polish-group{ padding: 4px !important; } .tps_reset{ top: 28px; } .tps_diamond_search_box .tps_filter_head{ margin-bottom: 20px!important; } #diamondresult #grid_tab ol li.item.product.product-item{ width: 33.33%; margin-bottom: 25px; } /*filter changes*/ .grid_tabs .grid_view{ border: none; } .diamond_result_block .tps_search_block{ border-left: 1px solid #1b1464; } .diamond_result_block .tps_search_block, .tps_sort_block, #diamondresult .tps_sort_block, #diamondresult .tps_filter_handler{ width: 33.3% !important; } #diamondresult .tps_sort_block{ width: 39.3% !important; } #diamondresult .tps_filter_handler{ width: 27% !important; } .leigh_result_area{ margin-top: 1%; } } @media(min-width: 768px) { .tps_filter_handler.mobile_view{ display: none;} div.filter_content_gemstone{ display: initial !important;} .clarity_col,.color_col,.color_group, #tps_certificates {display: flex !important; width: 100%;} } @media(max-width: 768px){ .woocommerce .related.products ul.products.columns-4 li.product, .woocommerce-page .related.products ul.products.columns-4 li.product{ width: 48% !important; } } @media(max-width: 767px) { .modal.tps_certificate_modal .modal-content .modal-body{padding:0;} .modal.tps_certificate_modal .modal-content, .modal.tps_certificate_modal .modal-dialog{ max-width: 100%;} .thumbnail-tps.tps_thumbnail { display: flex; justify-content: center;} .step_first.active, .step_second.active, .step_third.active{background: #1b1464 !important;} #tps_step_row{ background: #fff !important; margin-left: -15px; margin-right: -15px;} .tps_cut_content .filter_content .gemstone-cut-group{width: 24%;} .reset_mobile_view{ display: flex;margin-top: 20px; justify-content: space-between;} .lab_certi.lab-slider .certificates_col div {width: 100%;} #diamond_color .colorless .color_group {width: 20% !important;} div.gemstone_cut_content,.tps_diamond_search_box h4,div.tps_gemstone_color_content{ width: 100%;} .cut_slider_gemstone,div.tps_gemstone_color_content{display:block;} .price-filter-wrapp { display: block;} .certificate_label,.depth-wrapper input#dept_left, .depth-wrapper input#dept_right, .depth-wrapper input#table_left, .depth-wrapper input#table_right{font-size: 12px;} .certificates_col.panel{margin-bottom: 10px;} .depth-wrapper div#depth-slider-container-depth {width: 100%; padding: 0;} #diamond_color .colorless .color_group{ width: 100%;} .lab-slider .certificates_col div{width: 25%;} .filter_header{font-size: 14px;} .depth-wrapper div#table-slider-container-table { width: 100%; margin: 0 0; padding: 0; } .depth-wrapper{display: block;} #diamond_shapes li { width: 20%;} .natural_dia_info .more_info_sty_tps:nth-child(odd){padding-left: 5%;} .clarity-group {width: 14%;} .clarity_content{ clear: both;} .tps_color_content{clear: both;margin:0;} .tps_multi_wrapper {display: block;} div.tps_filter_handler.mobile_view{display:inline-flex; width: 100%; margin-top: 20px;} .tps_filter_handler{justify-content: center;margin-bottom: 15px;display:none;} .tps-btn { border-radius: 4px; background-color: #1b1464; color: #fff;} #main{ padding-left: 10px !important;padding-right: 10px !important;} .tps_diamond_tab ul{padding: 0;} .tps_diamond_tab ul li{ width: 32%;} .compare-diam-block-tps .block_active span, .compare-diam-block-tps div span{font-size: 14px;} .search_price_range .price_right#carat_right,.search_price_range .price_left#carat_left{ /*pointer-events: none;*/ } .search_price_range .price_left, .search_price_range .price_right{font-size: 12px;} .filter_content .info_label,.search_price_range .price_left#calcAmount, .search_price_range .price_left#carat_left,.search_price_range .price_right#calcAmount2{font-size: 12px;} .home .tp-addtocart button{ width: 70%; margin: 0 auto;} .color-active-tbl{ flex: initial !important; margin-top: 15px !important; max-width: initial !important;} .gia-color{ margin-right: 0px;margin-top: 20px;} .color-active-tbl .no-scroll{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #000; z-index: 1001;} .slider_box{ padding: 0 10px 0 0; margin-bottom: 20px; margin-top: 10px; margin-right: 14px;} .info_label { font-size: 10px; } .clarity_first_div,.clarity_third_div{ overflow:hidden; clear: both; width: 100%;float:none;} .clarity_second_div{ width: 100%;float:none; overflow:hidden; clear: both;margin:20px 0 !important;} .colorless-wrapp{padding-right:0 !important;} .colorless-wrapp-faint-color { width: 100% !important; } #diamond_shapes li a span { font-size: 13px; display: block !important; position: relative; bottom: 5px; text-align: center; left: 0; } .price-filter-wrapp {margin: 5px 0 5px;} .tps_diamond_tab { margin-top: 35px; margin-bottom: 10px; } .tps_reset {display: none;} .tps_filter_head,.recently_viewed h2,.similar_diamond_div h1,.color_information .sub-title,.tps_spec_des h3{font-size: 24px;} .tps_advanced_button {clear: both;} #adv-area{ float: none; text-align: center; margin: 20px auto; display: block;} .reset .fa-refresh{font-size: 13px;} .clarity_second_div{ margin: 0;} .clarity_first_div{ padding-left: 5px !important;} .clarity_content .filter_content div{justify-content: center;} .colorless, .near_colorless, .faint_colorless{justify-content: center;} .tp-chat .tps_email{ width: 30% !important;} .diamond_info .drop-hint{width: 32%;} .tp-chat ul li{ width:40% !important;} .cut_information .col-md-7,.clarity_information .col-md-7{padding:0;} .clarity_information{background:none; padding: 0;} .clarity_information .container{max-width: 100%; padding: 0; } .cut_information{background:none;} .cut-info{display: block; padding: 0;} .cut-info img{margin:0 auto;} .tps_product_info .thumbnail-tps.tps_thumbnail{margin: 20px 0;} .color_information p {padding: 0 5px;} .tps_productmeta .tp-addtocart button{margin-bottom: 10px;} .affirm_logo{ margin-bottom: 20px;} .tps_spec_des h3{line-height: 1.2;} .tps_spec_des h3{margin-top: 15px;} #diamondresult { /*overflow: visible;*/ overflow: hidden; min-height: 552px; } .listviewright.listview-diamond-details { height: auto; } #listiveiwcontainer { height: 540px; border-bottom: 1px solid #1b1464; } .search_row_slider_box .ui-slider-horizontal a:nth-child(2) {} .diamond_page span { width: 93px; } .listingHeaderOne > span, .table_header span { width: 96px; } .container { /*padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; width: auto;*/ } .back_diamond_list { display: inline-block !important; cursor: pointer; } .dimond_sarch_data, .presta_main_pop_div { transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -moz-transition: all .25s ease-in-out; } .dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless { width: 100% !important; /*z-index: 0;*/ } .dimond_sarch_data.widthless, #listiveiwcontainer.widthless, .diamondlisting_tab.widthless{ width: 0 !important; height: 0; border: 0 } .presta_main_pop_div { width: 100%; z-index: 0; left: 100%; display: none; } .presta_main_pop_div .dia_border{ padding-bottom: 20px; } .presta_main_pop_div.active, .info_wrapper.active { width: 100% !important; left: 0; z-index: 9; background: #fff; padding-left: 0; display: block; height: 90%; position: relative; border-left: 1px solid #1b1464; margin-bottom: 10px; } .deskPrice { display: none; } #listiveiwcontainer { height: 100%; /* overflow: hidden;*/ padding-right: 5; overflow-x: hidden; } .tps_diamondlisting_area { padding: 0; } .table_header span.mbView { display: none; } .listingHeaderOne, .diamondlistingDesk { width: 100%; } .listingHeaderTwo, .diamondlistingMob { width: 35%; } .diamond_page span, .diamond_compare_page span, .diamond_page .diamondlistingMob .mb_price_mobile { font-size: 14px; width: 24%; } #grid_tab ol li.item.product.product-item .product-item-inner span { text-align: left; } .diamond_info.tps_diamond_info .tps_grid_icons { margin-top: 3px; } .diamond_page span.mb_view, .diamond_compare_page span.mb_view, .diamond_page span.mb_detail { position: absolute; right: 0; top: 40px; margin: 0; width: 14.285714286%; } .diamond_page span.mb_detail span.mb_inner_title.tps_detailview { font-size: 12px; display: block; } .diamond_page .diamondlistingMob .mobile_add .mb_price_mobile, .listingHeaderTwo .mbPrice { width: 100%; max-width: 100%; } .diamond_page .diamondlistingMob .mobile_add .mb_view_mobile { width: 20%; position: absolute; right: 0; } .diamond_page .diamondlistingMob .mobile_add .mb_view_mobile .mb_inner_title { text-align: right; padding-right: 5px; } .info_main_block { margin-left: 0; /* display: inline-block;*/ } #diamond_shape { margin-bottom: 10px; /* margin-left: -31px;*/ padding:0; } /*#metal { padding-left: 29px; }*/ #diamond_shape { /*margin-left: -43px;*/ } .view_detail_btn { text-align: center; } #diamond_shape { /*margin-left: -1px;*/ } .Fluorescence-sty-tps_fancy{ margin-top: 0; } .back_diamond_list i{ width: 30px; line-height: 30px; height: 30px; } .table_view .row_main_div { /*height: 1000px;*/ height: 100%; } .more_info_sty_tps { width: 100%; display:flex; flex-wrap: wrap;} .more_info_sty_tps .list_info_tps_left, .more_info_sty_tps .list_info_tps_right{ width: 50%; } .more_info_sty_tps .list_info_tps_left, .more_info_sty_tps .list_info_tps_right { font-size: 14px !important; } .more_info_sty_tps .list_info_tps_right { text-align: left; } .more_info_sty_tps:nth-child(odd), .more_info_sty_tps:nth-child(even) { padding-left: 5%; } .mob-title { display: inline-block; } .table_view .table_header { display: none; } .diamond_page span.mob-title { display: block; position: static; width: auto; } .table_checkbox_block .table_checkbox { position: static; transform: inherit; } .mb_shape #show_info{display:none;} .table_view .table_rows { display: inline-block; } .table_view .diamond_grid .table_rows { display: flex;flex-wrap:wrap; } .diamond_page span { width: 21%; } .diamond_page .sh_comp span.mob-title { margin-top: 5px; } .table_checkbox_block .table_checkbox:before { top: 35%; } .compare-diam-block-tps div span { font-size: 14px; } .diamond_page span.mob-title.mob-view-arrow { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/sprite.svg'); background-repeat: no-repeat; background-position: -225px -57px; width: 11px; height: 7px; display: inline-block; position: relative; transform: rotate(270deg); } .diamond_page .table_rows span.mb_view a.btn { display: none; } .table_checkbox_block .table_checkbox:after { top: 32%; } .filter_row.dia-searchbox3-row-tps { border: 1px solid rgba(0,0,0,.2); box-shadow: 0 3px 9px rgba(0,0,0,.5); border-radius: 5px; position: absolute; z-index: 9999999; padding: 20px; top: 1%; margin-top: 92px; left: 0; width: 90%; position: fixed; top: 50%; left: 50%; text-align: left; background: #fff; padding: 10px; transform: translate(-50%,-50%); height: 500px; overflow-y: scroll; padding-top: 0; display: none; overflow-x: hidden; } .mobile-filter { text-align: center; display: block; margin-bottom: 15px; margin-top: 25px; } .inner_close_filter { float: right; padding: 10px 0; display: inline-block; } .black_overlay { background: #4a4a4a; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 999; opacity: .8; display: none; -moz-transition: all .25s ease-in-out; -webkit-transition: all .25s ease-in-out; -o-transition: all .25s ease-in-out; transition: all .25s ease-in-out; } .dimond_sarch-carat, .dimond_sarch-price, .tps_cut_content, .tps_color_content, .polish_content, .tps_symmetry, .tps_fluorescence, .table-slider-content, .depth-slider-content, .lab-slider { width: 100%; margin-top: 0; margin-bottom: 0; padding: 0;} #symmetry-slider-container-Table { width: 100%; padding: 0; } #symmetry-slider-container-Ratio { width: 100%; clear: both; } .dimond_sarch-carat, .tps_color_content { padding-left: 0; } .polish_content, .tps_symmetry { padding-right: 0; } .mobile-visible { display: inline-block; } .reset_block { display: none; } .panel { display: none; margin-top: 20px !important; } .price-filter-wrapp .filter_content.panel {/*display: none !important;*/} .resetbox.mobile-visible { display: none; /* background: lightgray; */ margin-top: 45px; margin-bottom: 10px; } input[type='button'].reset_btn { text-transform: uppercase; padding: 8px 5px; font-family: 'Quicksand'; font-size: 15px; } .dimond_sarch-carat{padding-right: 0;} .ico_plus { display: inline-block; float: right;background:#1b1464; padding: 5px 10px;color:#fff; } .accordion.active .ico_minus { display: inline-block; float: right;background: #1b1464;padding: 5px 12px;color: #F2EAF7; } .accordion.active .ico_plus { display: none; margin-bottom: 0;background: #1b1464;padding: 5px 12px;color: #F2EAF7; } .tps_diamond_search_box h4 {border-bottom: 1px solid #CBCBCB;float: none; margin-top: 7px; padding: 10px 0; font-size: 14px;margin: 3px 0; } #dimond_sarch, .dimond_sarch-carat, .dimond_sarch-price, .tps_cut_content, .tps_color_content, .clarity_content, .polish_content, .tps_symmetry, .tps_fluorescence { margin-bottom: 0; width: 100%; padding: 0; } .dimond_sarch-price, .table-slider-content, .depth-slider-content { padding-right: 0; } .slider-row.panel { width: 100% !important; float: left; } .search_price_range .price_left, .search_price_range .price_right{width: 100px; height: 100%;} .search_price_range .price_left#calcAmount, .search_price_range .price_left#carat_left { margin-left: 0; } .search_price_range .price_right#calcAmount2, .search_price_range .price_right#carat_right { margin-right: 0; font-size: 12px !important;color: #333;} #pad_in.price-range-mob-tps { padding-right: 5%; } .tps_cut_content .panel, .tps_color_content .panel, .clarity_content .panel, .polish_content .panel, .tps_symmetry .panel, .tps_fluorescence .panel { padding-bottom: 20px; width: 100%; } .table-slider-content .slider-row.panel, .depth-slider-content .slider-row.panel { width: 100% !important; padding-bottom: 20px; } .tps_color_content { margin-bottom: 3px; } .certificates_col.panel { width: 100%; } .clarity_content .filter_content div { padding: 4px; } .tps_product_heading .product-name, .price .amount {font-size: 24px;} .tps_product_info .tps_galleria, .tps_product_info .tps_productmeta { width: 100%; } .thumbnail-tps.tps_thumbnail { position: static; width: auto; margin-top: 30px; } .tps_galleria .diamond_generic { padding-left: 0; } .tps_galleria .diamond_generic canvas { width: 90%; margin: 0 auto; } .tps_product_info .tps_productmeta { text-align: center; } .affirm_logo img { margin: 0 auto; } .tp-addtocart { width: 100%; } .tps_ship_txt { font-size: 14px; text-align: center; } .tps_ship_txt br { display: none; } .diamond-detail-wish, .drop-hint, .tp-chat ul li { width: 32%; text-align: left; } .wishlidt, #tps_hint_modal, .tp-chat li a span, .tp-chat li a { font-size: 13px !important; display: inline; } .ringdetailcol { width: 100%; } .ringdetail_table { margin-top: 0; margin-bottom: 0;padding: 0 10px; } .ringdetail_table li .num { font-size: 14px !important; } .ringdetail_table li .textdetail { width: 45%; } .ringdetailcol:last-child { margin-top: 30px; } .ringdetail_table li { padding: 7px 0px; } .dimond_sarch-price.tp-pric .slider-row { padding-top: 20px; } .tps_clarity_popup.desk-hide { display: inline-block; } .tps_galleria .diamond_generic img { margin: 0 auto; } .tps_galleria .diamond_generic.skintone { width: 350px; } .tps_galleria .carat_diamond_img { margin-top: -16%; } .cut_img img { margin: 0 auto; } .cut_info.cut_data { text-align: center; } .tps_cut_popup { width: 100%; margin: 20px 0; } .tps_cut_arrow { display: none; } .tps-cut-block .tps_your_diamond { width: 90%; float: none; margin: 0 auto; } .tps_cut_popup .popover_cut, .tps_clarity_popup .popover-clarity { width: 90%; } .arrow-sub { width: 100%; } .tp-color-desc { width: 100%; vertical-align: middle; padding-left: 0; margin-top: 10px; } .tps_color_code { width: 60%; } .tps_clarity_popup.mobi-hide { display: none; } .tps_clarity_diamond { width: 90%; float: none; margin: 0 auto; margin-top: 20px; } .tps_product_info .tps_productmeta { padding-left: 0; } .diamond-detail-wish, .drop-hint, .tp-chat ul li { text-align: center; } .diamond-detail-wish { margin-left: 0; } .tps_clarity_diamond>.list.cut_active, .tps-cut-block .tps_your_diamond p.cut_active { background: #000; color: #fff; } .tps_cut_content .filter_content div { padding: 4px 0; height: 100%; width: 33%; } .dimond_sarch-price .slider-row .search_price_range p span { margin-left: 0; position: absolute; left: 150px; } .dimond_sarch-price .slider-row .search_price_range p { margin-top: -28px; } .search_price_range .price_left, .search_price_range .price_right { height: 100%; } .tps_cut_content .tps_grid_checkbox, .tps_color_content .tps_grid_checkbox, .clarity_content .tps_grid_checkbox, .polish_content .tps_grid_checkbox, .tps_symmetry .tps_grid_checkbox, .tps_fluorescence .tps_grid_checkbox { height: 100%; } .tps_color_content .filter_content div { padding: 4px; } .tps_cut_content .tps_grid_checkbox input, .tps_color_content .tps_grid_checkbox input, .clarity_content .tps_grid_checkbox input, .polish_content .tps_grid_checkbox input, .tps_symmetry .tps_grid_checkbox input, .tps_fluorescence .tps_grid_checkbox input { height: 100%; } .polish_content .filter_content div, .tps_symmetry .filter_content div, .tps_fluorescence .filter_content div { padding: 4px 0px; } /*Diamond listing wh changes*/ .container { /*max-width: 540px !important;*/ } .grid_tab .products .product.product-item { width: 47%; } .tps_diamond_tab ul li a{ font-size:12px; padding: 5px 10px; } .step_text{ display:block; } /*Diamond details wh changes*/ .col-md-1.gia-color, .color-active-tbl{ -ms-flex: 0 0 100% !important; flex: 0 0 100% !important; max-width: 100% !important; } .customepage .btn-add-cart .tps-btn, .btn-add-cart .tps-btn{ width: 70%; } .tp-addtocart { margin: 0 auto; } .tp-chat .tps_email, .diamond_info .drop-hint{ text-align:left; } .color_information .row.container-fluid{ margin-left: 0px; margin-right: 0px; } /*end*/ .dropdown-menu.tps_info_popup.hide {padding: 20px;} .grid_tabs .grid_view p { display: none; } .grid_tabs .grid_view {float: left; position: relative; margin-top: 0px; font-size: 14px; padding: 10px 9.5px;border: 1px solid #1b1464;border-bottom: 0;} .tps_sort_block {font-size: 14px; padding: 15px 4px; width: 236px;} .tps_sort_block .dropdown-toggle, .tps_sort_block .col-xs-5, .tps_sort_block .col-xs-7 {font-size: 14px;} .tps_sort_block .dropdown:hover .dropdown-menu { left: -18px; width: 190px; right: 0; z-index: 99999; } .grid_tabs .listing_grid li {margin-left: 0;} .sh_lab_tps.tps_lab_gia {background-size: 90%;} /*diamonds listing filter changes 21-07-2021 D*/ #symmetry-slider-container-Ratio{ padding-right: 0px; } .tps_fluorescence .filter_content div{ width: 25%; } #amountSlider .ui-slider-horizontal .ui-slider-handle.second-handle, #tps_carat_slider .ui-slider-horizontal .ui-slider-handle:nth-child(3), #symmetry-slider-container-Ratio .ui-slider-horizontal .ui-slider-handle:nth-child(2), #symmetry-slider-container-Table .ui-slider-horizontal .ui-slider-handle:nth-child(2), #depth-slider-container-depth .ui-slider-horizontal .ui-slider-handle:nth-child(2), #tps_price_slider .ui-slider-horizontal .ui-slider-handle:nth-child(2){ margin-left: -2px !important; } #depth-slider-container-depth .input_box, #table-slider-container-table .input_box, #ratio-slider-container-table .input_box{ width: 100%; } .tps_color_content #diamond_color .colorless{ margin-bottom: 0px; } #certificates .filter_content.certificates_col.panel.slider-row{ margin-top: 0px !important; padding-bottom: 20px; padding-top: 20px; } .tps_diamond_search_box #certificates h4{ margin-bottom: 0px; } #depth-slider-container-depth .filter_content, #diamond_table{ margin-bottom: 25px !important; } div.tps_filter_handler.mobile_view div{ margin: 0px 10px; } .tps_cut_content .filter_content div{ width: 33.33%; } .clarity_content .clarity_slider-tps .filter_content div{ width: 14.28%; } #symmetry-slider-container-Ratio input#ratio_left, #symmetry-slider-container-Ratio input#ratio_right{ font-size: 13px; } .grid_tabs.desk-tab{ width: 33.5%; } .grid_tabs .grid_view{ width: auto; } .tps_sort_block{ width: 66.5%; text-align: right; } .compare-diam-block-tps .tps_comp_diam_block{ border-right: none; } #diamondresult #grid_tab ol li.item.product.product-item{ width: 47%; } #symmetry-slider-container-Symmetry .info_label, #symmetry-slider-container-polish .info_label{ line-height: 30px; } .tps_ready_to_go_txt{ text-align: center !important; font-size: 13px !important; } .back_to_search.tps_bck-srch-col a{ font-size: 13px; } .tps_galleria .diamond_generic{ padding-right: 0%; } /*end*/ .diamond_info .tps_product_heading .product-name{ font-size: 24px; line-height: 32px; margin-top: 40px; text-align: left !important; } .diamond_info .tps_diamond_detail .price .woocommerce-Price-currencySymbol, .diamond_info .tps_diamond_detail .price .woocommerce-Price-amount bdi{ font-size: 24px !important; } .diamond_info .tps_diamond_detail .price .tps_dispatch_info{ font-size: 16px; line-height: 24px; } .diamond_info .tps_diamond_detail .price{ text-align: left !important; } .tps_diamond_detail { margin: 12px 0 20px; } .tps_diamonds_detail_container .tps_request_img.diamond_d a{ font-size: 13px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p{ font-size: 13px !important; } .prod-name-val{ text-align: left; } .prod-name-val li{ font-size: 16px; } .tps_galleria .diamond_generic, .tps_galleria .diamond_generic, .tps_galleria .diamond_generic img{ width: 70% !important; margin-left: auto; margin-right: auto; display: table !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(1), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(3), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(5) { width: 40% !important; text-align: left; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(2), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(4), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(6) { width: 35% !important; text-align: left; } .tps_productmeta .tps_ship_txt{ font-size: 13px; text-align: left; } .tps_diamonds_details_info .ringdetailcol { width: 100%; } .prdt_detail_tps-info .ringdetail_table li .num{ font-size: 12px !important; } .tps_diamonds_shop_confidance .container { padding-left: 12px!important; padding-right: 12px!important; } .tps_diamonds_details_info .ringdetail_table{ padding: 0 0px !important; } .prdt_detail_tps-info { padding: 20px 10px!important; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ padding-left: 10px !important; } .prdt_detail_tps-info .ringdetail_table li { padding: 12px 0px 11px 10px !important; } #diamondresult #grid_tab ol li.item.product.product-item{ margin-bottom: 25px; } .tps_diamonds_similar_pr .product-item-details center .product-item-link a, .tps_diamonds_similar_pr .product-item-details center .product-item-link span{ font-size: 13px; } .similar_diamond_div.container{ width: 100% !important; } .tps_diamonds_similar_pr { padding-left: 12px !important; padding-right: 12px !important; } .tps_btn_row{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; } .tps_product_info .btn-add-cart.tp-addtocart{ width: 215px !important; margin: unset !important; } .tps_productmeta .tps_btn_row .tp-addtocart button{ width: 100% !important; } .tps_product_info .btn-add-cart.tp-addtocart:nth-child(1){ margin-right: 10px !important; } .tps_product_info .btn-add-cart.tp-addtocart:nth-child(2){ margin-left: 10px !important; } .tps_diamonds_detail_container .tps-row .tps-prdt_info-detail { padding: 7.5px; } .tps_galleria .diamond_generic.skintone img{ width: 100% !important; } #email_modal .tps_form_txt, .tps_rinbuilder_modal#email_modal .tps_form_txt{ font-size: 13px; } .back_to_search.tps_bck-srch-col{ padding-left: 7.5px !important; } /*issue 23-09-2021*/ .tps_cut_content .filter_content div { width: 25%; } /*set diamond listing filter*/ .grid_tabs .grid_view{ padding: 10px 9.5px 0px 0px; border: none; } .diamond_result_block .tps_search_block{ width: 44% !important; border-right: 0px; border-left: 1px solid #1b1464; padding: 7px 5px; } .tps_sort_block, #diamondresult .tps_sort_block{ width: 56% !important; } .grid_tabs .listing_grid li{ margin-right: 15px; } .tps_sort_block .dropdown-toggle{ margin: 0 2px 0px 0px; padding: 8px 20px 8px 7px; } .tps_sort_block .dropdown-toggle:after{ background-position: -51px -122px; } .leigh_result_area{ margin-top: 1%; } .tps_sort_block { padding: 15px 4px !important; } .grid_tabs .grid_view { padding: 10px 5px 10px 0px !important; } .diamond_result_block .tps_search_block .sku_input{ max-width: 100%; } #tps_step_row { margin-left: -8px; margin-right: -8px; } .grid_tabs .listing_grid li{ padding: 6px 10px; } .tps_sort_block .dropdown:hover .dropdown-menu{ left: auto !important; } .tps_ring_prod_setting .setting_container_tab .product_short_description{ padding: 20px 7.5px!important; } .prdt_detail_tps-info .ringdetail_table li{ display: flex; flex-wrap: wrap; } .prdt_detail_tps-info .ringdetail_table li .textdetail, .prdt_detail_tps-info .ringdetail_table li .num{ width: 50%; } .tps_diamonds_detail_container .tps_productmeta .tp-addtocart button{ padding: 15px 10px !important; } #diamond_shapes li a.selected{ width: 56px; height: 56px; } #diamond_shapes li a div { background-image: url('/wp-content/plugins/tps_ringbuilder/css/../images/shape_icons_sprite_new.svg'); height: 56px; width: 56px; } #diamond_shapes li div#Round{ background-position: -6.5px -327px; } #diamond_shapes li div#Princess { background-position: -61px -327px; } #diamond_shapes li div#Cushion { background-position: -250px -327px; } #diamond_shapes li div#Radiant { background-position: -158px -327px; } #diamond_shapes li div#Marquise { background-position: -404px -327px; width: 55px; } #diamond_shapes li div#Oval { background-position: -114px -327px; } #diamond_shapes li div#Emerald { background-position: -302px -327px; } #diamond_shapes li div#Pear { background-position: -204px -328px; } #diamond_shapes li div#Asscher { background-position: -356px -327px; } #diamond_shapes li div#Heart { background-position: -453px -327px; } .tps_ring_prod_setting ul#settin_tabs{ padding-left: 10px; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ padding-left: 10px; } .tps_ringbuilder_page .product_cat-engagement-rings .related.products > h2:first-child{ padding-left: 10px; } .tps_setting_detail_pr_info .tps_setting_detail_pr_info_container, .tps_ringbuilder_page .product_cat-final-rings .tps_final_ring_prod_setting .container_tab{ padding: 20px 7.5px 20px 10px!important; } .tps_ringbuilder_page .tps_setting_detail_pr_info .attributes_info{ padding: 12px 0px 11px 5px !important; } .tps_ring_prod_setting .setting_container_tab .product_short_description{ padding: 20px 7.5px 20px 10px!important; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ font-size: 14px !important; } .detail_head.hyspk_dia_detail-tps, .tps_thunk-section .txt-hed_thunk-tps { padding-left: 10px; } .tps_diamonds_details_info .prdt_detail_tps-info h3{ padding-left: 0px !important; } .prdt_detail_tps-info .ringdetail_table li { padding: 12px 0px 11px 5px !important; min-height: auto; } .single-product .tps_ringbuilder_page.tps_setting_detail .tps_ring_detail h4, .tps_ring_prod_setting ul#settin_tabs li a, .tps_ringbuilder_page .product_cat-engagement-rings .related.products > h2:first-child, .single-product .tps_ringbuilder_page.tps_setting_detail .tps_product_long_desc p.txt-hed_thunk-tps{ font-size: 14px !important; } div.tps_filter_handler.mobile_view{ border-right: none !important; border-top: none !important; } /*.filter_row.dia-searchbox3-row-tps .inner_close_filter{ position: relative; } .inner_close_filter .close_mobile_filter{ width: 30px; height: 30px; position: absolute; right: -30px; top: -31px; border-radius: 50%; font-size: 23px; text-align: center; line-height: 19px; display: flex; justify-content: center; align-items: center; background-image: none!important; background-color: #fff; color: #8d8bb2!important; border: none; }*/ .detail_head.hyspk_dia_detail-tps h3, .tps_diamonds_details_info .prdt_detail_tps-info h3, .tps_thunk-section .txt-hed_thunk-tps, .tps_diamonds_similar_pr h2 { font-size: 14px !important; } .grid_tabs.mob-tab .tps_reset_button{ display: block; margin-left: auto; } .grid_tabs.mob-tab{ display: flex; flex-wrap: wrap; align-items: center; font-size: 14px; font-weight: 600 !important; } .grid_tabs.mob-tab .tps_reset_button i{ margin-right: 8px; } .filter_row.dia-searchbox3-row-tps .tps_filter_handler.mobile_view:nth-child(2){ margin-bottom: 0px; margin-top: 0px; } .dia-searchbox3-row-tps{ height: auto !important; overflow-y: unset !important; overflow-x: unset !important; } .dia-searchbox3-row-tps .tps_mobile_filter_wraper{ height: 440px; overflow-y: scroll; overflow-x: hidden; } .dia-searchbox3-row-tps .inner_close_filter{ width: 30px; height: 30px; position: absolute; right: -11px; top: -13px; border-radius: 50%; font-size: 15px; text-align: center; line-height: 19px; display: flex; justify-content: center; align-items: center; background-image: none!important; background-color: #fff; color: #8d8bb2!important; border: none; padding: 0; } .modal.tps_certificate_modal .modal-content, .modal.tps_certificate_modal .modal-dialog { max-width: 88%; } .modal.tps_certificate_modal .modal-dialog .modal-header #close_imgpopup{ right: -35px; top: -37px; } } @media(max-width: 580px){ .tps_product_info .btn-add-cart.tp-addtocart:nth-child(1), .tps_product_info .btn-add-cart.tp-addtocart:nth-child(2){ width: 48% !important; margin-left: 0!important; margin-right: 2%!important; text-align: left; } .similar_diamond_div .diamond_page span > img{ width: 80% !important; margin: auto; } .tps_diamonds_detail_container.tps_product_info .drop-hint-wrap.tps_drphint_wrp{ text-align: left; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(1), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(3), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(5){ width: 60% !important; } .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(2), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(4), .tps_diamonds_detail_container.tps_product_info .tp-chat ul li:nth-child(6){ width: 40% !important; } #email_modal .modal-dialog { max-width: 90%; } #email_modal .card-body { padding: 1.25rem 0px; } #email_modal .tps_form_txt { padding: 0 10px; } #close_hint_popup, #close_email_popup{ right: -23px; } /*.single-product div.product .woocommerce-product-gallery .flex-viewport .yith-wcwl-add-to-wishlist{ display: none; }*/ } @media(max-width: 575px) { .tps_diamond_tab ul li a{ font-size: 14px;padding: 5px 4px;} #tab1, #tab2 { padding: 0 10px; } .car_filter_shape_container > li { width: 20%; } .car_diamonds_filter_container_inner_content { padding-left: 10px; } /* .ui-slider-horizontal { width: 95%; }*/ .listingtab { font-size: 14px; } #diamond_shapes li { width: 25%; } .compare-diam-block-tps div { min-height: 72px; } /*white lable changes*/ .tps_diamond_tab ul{ display: block; flex-wrap: unset; width: 100%; margin: auto; } .tps_diamond_tab ul li{ margin:unset; } .tps_filter_head{ padding-top:0px; margin-bottom: 0; } .container, div.col-full.container { max-width: 100%; padding: 0 10px !important; } .grid_tab .products .product.product-item { width: 100%; margin-left: 0%; } .grid_tab .products{ margin: 10px 15px; } .step_common.step_second .step_text .alt-title{ padding-left: 1px; } .similar_diamond_div.container{ padding:0px 0px !important; } .tps_thumbnail li{ margin:5px !important; } #diamondresult #grid_tab ol li.item.product.product-item{ width: 100%; } .similar_diamond_div.container { padding: 0px 12px !important; } .tps_diamonds_shop_confidance{ margin: 10px 12px !important; } /*end*/ } @media(max-width: 479px) { .filter_row.dia-searchbox3-row-tps{margin-top:0;} .affirm_logo{display: block;} /*#ring_style { padding-right: 0px; padding-left: 0px; }*/ .large-12.columns.woo_top_filtares_mob_tps { padding-left: 0px; padding-right: 0px; } .ring span { /* width: 128%;*/ width: 100%; } #diamond_shape { /*margin-left: -25px;*/ } .shape_area div { width: 14%; margin-left: 0; } /*#metal { padding-left: 0px; } #ring_style { padding-left: 0px; }*/ #diamond_shape { /*margin-left: -1px;*/ } /* @supports (-webkit-appearance:none) { .listingHeaderOne { width: 63.33% !important; } }*/ .similar_diamond_div .diamond_page span>img { width: 100%!important; } .tps_galleria .diamond_generic, .tps_galleria .diamond_generic img{ width: 90%!important; } .tps_galleria .diamond_generic.skintone img { width: 100%!important; } } @media (min-width: 481px) and (max-width: 640px) { .affirm_logo{display: block;} .shape_area div { width: 14.8%; } .shape_area div:nth-child(5) { margin-right: 0; } } @media (min-width: 320px) and (max-width: 480px) and (orientation:landscape) { #diamond_shape { /*margin-left: -21px;*/ } } @media (max-width:375px){ /*Diamond listing wh changes*/ .tps_diamond_tab ul li{ margin-bottom:10px; } /*Diamond Details wh changes*/ .diamond_info .drop-hint { width: 40%; } /*end*/ /*diamonds listing filter changes 21-07-2021 D*/ .grid_tabs .grid_view{ padding: 10px 5px; } /*end*/ .tps_sort_block { padding: 15px 4px 15px 0px !important; } } /*********product-details-page***********/ /*.details_column.container { background-color: #fbf1e8; }*/ #grid_tab ol { list-style-type: none; } .similar_diamond_div #grid_tab ol li.item.product.product-item { width: 25%; margin: 0 auto; text-align: center; float: left; } #grid_tab ol li.item.product.product-item .product-item-inner { text-align: left; } .similar_diamond_div .dimond_sarch_data #listiveiwcontainer { border: none; } .product-item-info, .woocommerce-page .x-main { width: 100%; padding: 0; } .similar_diamond_div .diamond_page span { display: inline-flex; position: relative; text-align: center; vertical-align: top; width: auto; font-size: 18px; font-weight: 400; line-height: 1.5; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-family: 'Work Sans'; } #loading .tps_productmeta .tps_ship_txt button, .tps_productmeta .tp-addtocart button { padding: 15px 20px; font-weight: bold; font-size: 14px; width: 90%; text-transform: capitalize; font-family: SourceSansPro-Regular; cursor: pointer; border-radius: 30px; color: #fff; } .tps-row .diamond_info .tps_product_heading .product-name.fusion-responsive-typography-calculated { font-size: 30px; font-family: 'Work Sans' !important; font-weight: 100 !important; } .tps_galleria .image-additional.skin_thumb img { width: 70%; margin: 0 auto; text-align: center; display: block; } .similar_diamond_div .product-item-info .product.details.product-item-details { padding: 0; } .similar_diamond_div .product-item-info > a { padding: 20px 0; } .diamond_info .prod-name-val .val-border-left,.diamond_info .prod-name-val .val-border-right { border: 1px solid #000; margin-right: 5px; display: inline-block; width: 0px; height: 4px; border-radius: 20px; background-color: #000; vertical-align: middle; margin-left: 10px; } .ringdetail_table li .num { width: auto; font-size: 16px; color: #243742; } #extra-details .detail_head h3{ font-size: 18px; color: #243742; font-family:'Garamond'; font-weight: 300; } .column_detail .tps_report { margin-top: 20px; margin-bottom: 10px; font-weight: 600; font-size: 18px; font-family: 'Work Sans'; } .column_detail .tps_report .tps_report_text{ border-bottom: 1px solid; } .column_detail .tps_report .modalIMG{ font-weight:300; border-bottom: none; } .similar_diamond_div .diamond_page .tps_price_info.hyspk-prc_det span{ display: inline-block; font-family: 'Roboto'; font-size: 13px; vertical-align: unset; margin-bottom: 0; font-weight: bold; } .similar_diamond_div .diamond_page .tps_price_info.hyspk-prc_det span.woocommerce-Price-amount.amount{ font-size: 17px; color: #ba0c49; line-height: normal; } .similar_diamond_div .diamond_page .tps_price_info.hyspk-prc_det span.woocommerce-Price-currencySymbol{ font-size: 17px; vertical-align: bottom; line-height: normal; padding-left: 5px; } .tps_price_info.hyspk-prc_det .price{display: inline-block;} @media (min-width: 767px) and (max-width: 1024px){ #grid_tab ol li.item.product.product-item { width: 25%; margin: 0 auto; text-align: center; display: inline-flex; padding: 0; } #extra-details { padding-left: 0%; padding-right: 0%; } #grid_tab ol { list-style-type: none; padding: 0; margin: 0; } .similar_diamond_div.container #diamond_grid{ overflow:hidden; } .product-item-details center .product-item-link span { font-size: 14px; } .tps_productmeta .tp-addtocart button{ width:100% !important; } #loading .tps_productmeta .tps_ship_txt button, .tps_productmeta .tp-addtocart button{ padding: 15px 10px !important; } #loading .tps_productmeta .tps_ship_txt button, .tps_productmeta .tp-addtocart button .tp-chat ul li, .diamond-detail-wish, .drop-hint { width: 40%; } .thumbnail-tps.tps_thumbnail{ margin-top: -15rem; padding: 0; } } @media (max-width:767px){ .tps-row.ring-breadcrumb.container { max-width: 100% !important; } .product-info.tps_product_info.container { max-width: 100% !important; float: none; margin-top: 0; } .tps_thumbnail li{ height: 55px;} .tps_product_info .thumbnail-tps.tps_thumbnail { margin: 20px 0; padding: 0; } .tp-chat .tps_email, .diamond_info .drop-hint { text-align: center; } #grid_tab ol { list-style-type: none; padding: 0; /*margin: 0;*/ } .similar_diamond_div #grid_tab ol li.item.product.product-item { width: 75%; margin: 0 auto; display: block; text-align: center; padding: 0; /* margin: 0; */ } .similar_diamond_div.container { /* padding: 0px 0px !important; */ width: 90%; margin: 0 auto; float: none !important; } .extra-details-main #extra-details { width: 100%; padding-top: 30px; padding-bottom: 30px; display: inline-block; padding-left: 0%; padding-right: 0%; } #extra-details .details_column.container { width: auto; } .dia_img_detail a.modalIMG { vertical-align: super; } .prod-name-val { margin-left: 0; margin-bottom: 25px; padding: 0; margin-top: 25px; } .tps_diamond_detail { margin: 20px 0 20px; } .column_detail .tps_report { margin-bottom: 20px; } .tps-row-container.dimond_search_box { width: 100% !important; } .product-item-link .shape_grid { padding:0; margin: 10px auto; } } .modalIMG.cert_img.igi { padding-bottom: 0; } #extra-details .dia_img_detail { cursor: pointer; margin-bottom: 30px; } .item.product.product-item .product-item-link .shape_grid { width: 100% !important; display: block !important; padding: 10px; text-align: center !important; margin: 0 auto; } .similar_diamond_div .diamond_page span > img { width: 100%; max-width: 100%; height: 100%; } /*footer*/ .fusion-body .fusion-flex-container.fusion-builder-row-6{ margin-top: 0px; padding-right: 5% !important; margin-bottom: 0px; padding-left: 5% !important; } .fusion-text p { margin-top: 1em; margin-bottom: 1em; } .fusion-text p a { color:#221c20 !important; } h3.title-heading-left.fusion-responsive-typography-calculated { font-family: 'Cormorant Garamond'; } .fusion-text .link-text { font-family: 'Work Sans'; } .gemstone-cut-group.cut-group.cut_group:focus { border: 1px solid #1b1464!important; border-radius: 2px !important; } #adv-area:hover { border: none; color: #fff !important; } .tps_drop_hint.tps-btn .fusion-slider-loading{ width: 3em; height: 3em; /* text-align: center; */ position: absolute; /* right: 30px; */ /* float: right; */ /* right: 30px; */ top: -3px; left: 70%; } .single_variation_price_reset { display: none; } /**/