/*  Product Image Viewer Styles */
.thumb-slider {
  float: left;
  width: 100%
}
.pictureslider .bx-wrapper .bx-viewport {
  height: 298px !important
}
.bx-controls-direction {
  height: auto;
  left: 0;
  position: absolute;
  top: -24px;
  width: 53px
}
.pictureslider .item-thumbs:active, .pictureslider .item-thumbs:focus, .pictureslider .item-thumbs:hover {
  background: #cbcbcb none repeat scroll 0 0;
  border: 1px solid #e7e7e7
}
ul.thumb-wrapper {
  text-align: center;
}
.item-thumbs {
  border: 1px solid #ccc;
  width: 90px;
  /*height: 67px;*/ height: 90px;
  display: inline-block;
  overflow: hidden;
  position: relative;
}
.item-thumbs img.video-icon {
  position: absolute;
  left: 50%;
  margin-left: -20px;
  top: 5px;
}
.item-thumbs a[data-zoom-id], .item-thumbs .mz-thumb, .item-thumbs .mz-thumb:focus {
  height: 65px;
}
.item-thumbs a[data-zoom-id] img, .item-thumbs .mz-thumb img {
  height: 100%;
}
figure.mz-figure {
  min-height: 414px;
}
.mz-thumb-selected img {
  background: #393939 none repeat scroll 0 0;
  border: 0 none !important;
  padding: 2px !important;
  -webkit-filter: brightness(100%);
  filter: brightness(100%);
}
.quick-view-thumbs-2 img {
  height: 34px !important;
  margin-right: 3px;
  width: 51px !important
}
.image-video-buttons {
  left: 43%;
  margin-top: 5px;
  position: absolute
}
.image-video-buttons button {
  border-radius: 0;
  height: 19px
}
.image-video-buttons .image-button {
  background: rgba(0, 0, 0, 0) url(/assets/img/photo-menu-icon.png) no-repeat scroll 0 0
}
.image-video-buttons .video-button {
  background: rgba(0, 0, 0, 0) url(/assets/img/video-menu-icon.png) no-repeat scroll 0 0
}
/*.thumb-wrapper .flex-item .vbox-item img, 
.buttonThumbs .flex-item .vbox-item img {
    max-height: 65px;
    width: auto;
    margin: auto;
}*/
/*  Rich Pins Block Styles */
.jssocials-share-logo {
  width: 1em;
  vertical-align: middle;
  font-size: 1.5em
}
.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1
}
.jssocials-share-label {
  padding-left: .3em;
  vertical-align: middle
}
.jssocials-share-link {
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 1;
  border-radius: 2px;
  font-weight: 700;
  font-size: 11px;
  padding: 4px !important
}
.jssocials-share-twitter .jssocials-share-link {
  background: #363630
}
.jssocials-share-twitter .jssocials-share-link:hover {
  background: #1d1d1b
}
.jssocials-share-facebook .jssocials-share-link {
  background: #3b5998
}
.jssocials-share-facebook .jssocials-share-link:hover {
  background: #2d4373
}
.jssocials-share-pinterest .jssocials-share-link {
  background: #cb2027
}
.jssocials-share-pinterest .jssocials-share-link:hover {
  background: #9f191f
}
.jssocials-share-link {
  padding: .5em .6em;
  color: #fff;
  -webkit-transition: background .2s ease-in-out, border-color .2s ease-in-out;
  transition: background .2s ease-in-out, border-color .2s ease-in-out
}
.jssocials-share-link:active, .jssocials-share-link:focus, .jssocials-share-link:hover {
  color: #fff
}
.fa {
  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
}
.fa-twitter:before {
  content: "\f099"
}
.fa-facebook:before {
  content: "\f09a"
}
.fa-pinterest:before {
  content: "\f0d2"
}
.jssocials-share-link .fa:before {
  font-size: 0;
  height: 13px;
  width: 13px;
  position: absolute;
  left: 0;
  top: -7px;
  background-repeat: no-repeat;
  background-size: 12px
}
.jssocials-share-link .fa {
  position: relative
}
.jssocials-share-link .fa.fa-facebook:before {
  background-image: url(https://media.superjeweler.com/image/upload/f_auto/v1625842272/amp-assets/icon-white-facebook)
}
.jssocials-share-link .fa.fa-twitter:before {
  background-image: url(https://media.superjeweler.com/q_auto/amp-assets/icon-white-x-twitter)
}
.jssocials-share-link .fa.fa-pinterest:before {
  background-image: url(https://media.superjeweler.com/image/upload/f_auto/v1625842272/amp-assets/icon-white-pinterest)
}
div#shareRoundIcons {
  float: left
}
.rich-pins-block {
  float: left;
  padding: 4px 4px
}
/*  Price Options Grid Styles */
.pill-content > .pill-pane, .tab-content > .tab-pane {
  border: 0 none
}
.price-options-grid .dataTables_wrapper {
  margin: -1px
}
.price-options-grid table {
  margin-bottom: 0 !important
}
.price-options-grid .sorting {
  text-align: left
}
.price-options-grid .nav-tabs > li > a {
  background: #cdcdcd none repeat scroll 0 0;
  border-radius: 4px 4px 0 0;
  color: #515151;
  font-weight: 700;
  height: 28px;
  line-height: 1.42857;
  margin-bottom: 5px;
  margin-right: 2px;
  padding: 5px 9px
}
.price-options-grid .tab-content {
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-right: 1px solid #ddd;
  padding: 0
}
.price-options-grid .nav-tabs > li.active > a, .price-options-grid .nav-tabs > li.active > a:focus, .price-options-grid .nav-tabs > li.active > a:hover {
  -moz-border-bottom-colors: none;
  -moz-border-left-colors: none;
  -moz-border-right-colors: none;
  -moz-border-top-colors: none;
  background-color: #fff;
  border-color: #ddd #ddd transparent;
  border-image: none;
  border-style: solid;
  border-width: 1px;
  color: #555;
  cursor: default;
  padding: 6px 10px
}
.price-options-grid .nav-tabs > li {
  float: left;
  margin-bottom: -6px
}
.dataTables_scrollBody {
  overflow-x: hidden !important
}
.price-options-grid table.dataTable.display tbody tr:hover, .price-options-grid table.dataTable.display tbody tr:hover a, .price-options-grid table.dataTable.hover tbody tr:hover, .selected-grid-item {
  background-color: #6c8eb4 !important;
  color: #fff !important
}
.price-options-grid .table-hover > tbody > tr:hover > td, .price-options-grid .table-hover > tbody > tr:hover > th {
  background: 0 0
}
.price-options-grid .dataTables_info {
  display: none
}
.price-options-grid table.dataTable thead td, .price-options-grid table.dataTable thead th {
  background-color: #f0f0f0;
  border-bottom: 0 none !important;
  border-top: 1px solid #d6d6d6 !important;
  padding: 6px 8px
}
.price-options-grid table.dataTable tbody td, .price-options-grid table.dataTable tbody th {
  padding: 0 !important
}
.price-options-grid table.dataTable tbody td a {
  padding: 5px 10px !important
}
.price-options-grid .table-responsive {
  margin-bottom: 0
}
.dataTables_scrollHead {
  text-transform: uppercase
}
.table-bordered {
  border-top: 0 none !important
}
.selected-grid-item a {
  color: #fff;
  font-weight: 700;
  text-decoration: none
}
.selected-grid-item a {
  color: #fff;
  font-weight: 700;
  text-decoration: none
}
.price-options-grid a:hover {
  text-decoration: none !important
}
.price-options-grid pre {
  font-family: arial
}
#personal-recs .scarab-itemlist {
  border: 0 none !important;
  min-height: 250px;
  padding: 0 15px;
  position: relative
}
#personal-recs .scarab-item {
  color: #333;
  display: inline-block;
  font-family: Arial, sans-serif;
  font-size: 12px;
  font-weight: 700;
  margin: 5px;
  padding: 5px;
  text-align: center;
  vertical-align: top;
  width: 18.25%
}
.scarab-item > a {
  float: left;
  margin-bottom: 3px;
  overflow: hidden
}
.scarab-item > span {
  clear: both;
  color: red;
  display: inline-block;
  font-size: 15px;
  line-height: 12px;
  margin: 2px 0;
  text-align: center;
  width: 100%
}
.scarab-item .msrp {
  color: #555;
  font-size: 12px;
  font-weight: 400;
  line-height: 10px;
  margin-right: 5px
}
.scarab-item .msrp > b {
  margin: auto;
  position: relative;
  width: auto
}
.scarab-item .msrp hr {
  border-color: #6f6f6f;
  border-style: solid none none;
  border-width: 1px 0 0;
  left: -5%;
  margin: 0;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 6px;
  width: 110%
}
.scarab-prev {
  background: rgba(0, 0, 0, 0) url(/assets/img/controls-vert.png) no-repeat scroll 0 -64px
}
.scarab-next {
  background: rgba(0, 0, 0, 0) url(/assets/img/controls-vert.png) no-repeat scroll 3px 0
}
.scarab-next, .scarab-prev {
  height: 30px !important;
  top: 38% !important
}
/*   Charms Styles */
.add-charms .alert {
  position: relative
}
.add-charms .close {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #b5b5b5;
  border-radius: 50px;
  color: #545454;
  font-size: 17px;
  height: 20px;
  margin-top: 4px !important;
  padding: 0;
  width: 20px
}
.add-charms select {
  text-transform: none !important
}
a.affirm-product-modal:hover {
  color: #53abb5
}
.affirm-as-low-as {
  border: 1px solid #e6e6e6 !important;
  padding: 9px 5px;
  border-radius: 5px;
  font-size: 12px !important;
  text-align: center;
  background: #f7fbff;
  position: relative;
  margin: 5px 0
}
.affirm-as-low-as a {
  font-size: 10px;
  font-weight: 400 !important;
  color: #00c8e5 !important;
  text-decoration: underline
}
.affirm-as-low-as a {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 7px 5% 7px 68%;
  font-family: proxima-nova, sans-serif
}
.__affirm-logo {
  font-size: 12px !important;
  margin-right: 2px !important
}
.it-det-layaway-button {
  width: 100%;
  display: block;
  text-align: center;
  border: 1px solid #b3b3b3;
  font-size: 14px;
  border-radius: 5px;
  color: #22a3d9;
  font-weight: 700;
  cursor: pointer;
  margin-top: 9px;
  margin-bottom: 9px;
  margin-left: auto;
  margin-right: auto;
  padding: 10px;
  /*max-width: 458px*/
}
.it-det-layaway-button img {
  display: inline-block
}
.it-det-layaway-button:hover {
  color: #037dae;
  background-color: #f4f9ff
}
#hepful-review-list {
  max-height: none
}
a[title="Write a Customer Review"] {
  clear: both !important;
  display: block;
  margin-top: 13px;
  border: 1px solid #bfbfbf;
  width: 184px;
  text-align: center;
  border-radius: 4px;
  padding: 7px;
  text-transform: capitalize !important
}
/*  Layaway Modal Styles */
#LayawayModal .modal-dialog {
  max-width: 800px;
  width: 100%
}
#LayawayModal .close {
  position: absolute;
  right: -18px;
  width: 40px;
  height: 40px;
  background: #fff;
  font-size: 32px;
  border-radius: 50px;
  top: -19px;
  color: #000;
  opacity: .7
}
#LayawayModal .modal-content {
  padding: 15px;
  margin-top: 10px
}
body.modal-open {
  margin-right: 0 !important
}
#LayawayModal .close:hover {
  background: #fff;
  opacity: 1
}
/*  UK Shipping msg block Styles */
.uk-ship-msg {
  background: #244aa7;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px
}
.uk-ship-msg p {
  color: #fff;
  margin: 0;
  font-size: 16px
}
.uk-ship-msg p:before {
  /*content: url(https://media.superjeweler.com/image/upload/v1527649004/assets/img/flags/uk-flag.png);*/
  content: url(https://media.superjeweler.com/image/upload/f_auto/assets/img/flags/uk-flag);
  vertical-align: middle;
  display: inline-block
}
/*  France Shipping msg block Styles */
.fa-ship-msg {
  background: #1f4fa9;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px
}
.fa-ship-msg p {
  color: #fff;
  margin: 0;
  font-size: 16px
}
.fa-ship-msg p:before {
  content: url(https://media.superjeweler.com/image/upload/f_auto/v1583327003/assets/img/flags/fr-flag);
  vertical-align: middle;
  display: inline-block
}
/*  Australia Shipping msg block Styles */
.au-ship-msg {
  background: #170b5d;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px
}
.au-ship-msg p {
  color: #fff;
  margin: 0;
  font-size: 16px
}
.au-ship-msg p:before {
  /*content: url(https://media.superjeweler.com/image/upload/v1527649004/assets/img/flags/au-flag.png);*/
  content: url(https://media.superjeweler.com/image/upload/f_auto/assets/img/flags/au-flag);
  vertical-align: middle;
  display: inline-block
}
/*  New Zealand Shipping msg block Styles */
.nz-ship-msg {
  background: #002eba;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px
}
.nz-ship-msg p {
  color: #fff;
  margin: 0;
  font-size: 16px
}
.nz-ship-msg p:before {
  /*content: url(https://media.superjeweler.com/image/upload/v1527649004/assets/img/flags/nz-flag.png);*/
  content: url(https://media.superjeweler.com/image/upload/f_auto/assets/img/flags/nz-flag);
  vertical-align: middle;
  display: inline-block
}
/*  Canada Shipping msg block Styles */
.ca-ship-msg {
  background: #005ca1;
  padding: 5px;
  color: #fff;
  border-radius: 5px;
  margin-top: 5px
}
.ca-ship-msg p {
  color: #fff;
  margin: 0;
  font-size: 16px
}
.ca-ship-msg p:before {
  /*content: url(https://media.superjeweler.com/image/upload/v1527649004/assets/img/flags/ca-flag.png);*/
  content: url(https://media.superjeweler.com/image/upload/f_auto/assets/img/flags/ca-flag);
  vertical-align: middle;
  display: inline-block
}
.media-box .textLink img {
  width: 100%;
  height: auto
}
.media-box .textLink {
  display: inline-block;
  margin: 1%;
  cursor: pointer;
  border: 1px solid transparent;
  width: 7%
}
.media-box {
  width: 100% !important;
  height: auto;
  display: block;
  border: 0 !important;
  padding: 0 !important
}
div#playerHolder iframe#player2 {
  left: 0
}
div#custPlugins {
  margin-bottom: 20px
}
#custPluginsPartial span.glyphicon-play {
  display: none
}
#custPlugins :focus {
  outline: 0 !important
}
#custPlugins input#cust-apply-changes {
  background: url(/assets/img/buy-now-big-hover.png) repeat-x;
  background: #fdb814;
  background: -moz-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ad75c), color-stop(35%, #5cb85c), color-stop(100%, #0f7c0f));
  background: -webkit-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -o-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -ms-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: linear-gradient(to bottom, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background-size: auto 100%;
  color: #fff;
  font-size: 14px;
  border-radius: 7px;
  border: 2px solid #fff;
  box-shadow: 0 2px 9px -3px #000
}
#custPlugins input#cust-apply-changes:hover {
  background: #1ea12b;
  margin-top: -1px;
  margin-bottom: 1px;
  box-shadow: 0 4px 9px -3px #000
}
#custPlugins input#cust-clear-changes {
  background: url(/assets/img/buy-now-big-hover.png) repeat-x;
  background: #fdb814;
  background: -moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(35%, #e8e8e8), color-stop(100%, #c1c1c1));
  background: -webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -o-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -ms-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background-size: auto 100%;
  color: #5a5a5a;
  font-size: 14px;
  border-radius: 7px;
  border: 2px solid #fff;
  box-shadow: 0 2px 9px -3px #000
}
#custPlugins input#cust-clear-changes:hover {
  background: #dadada;
  margin-top: -1px;
  margin-bottom: 1px;
  box-shadow: 0 4px 9px -3px #000;
  color: #333
}
span.pluginhelptext {
  font-size: 11px;
  color: #129d00
}
#custPlugins .cust-plugin-param-selection {
  -webkit-appearance: none
}
#custPlugins .param-label {
  font-weight: 700;
  color: #474747;
  margin: 11px 0
}
input#EngravingText {
  padding: 6px;
  border-radius: 5px;
  font-size: 16px
}
/* -- Bogo Block Styles  -- */
.bogo-block h3 {
  color: #da0000;
  font-family: "Franklin Gothic";
  font-size: 16px;
  font-weight: 100;
  margin: 0 0 10px 0
}
#bogo-block-inner .list-inline {
  height: 88px
}
.pictureslider {
  margin-bottom: 0;
  position: relative
}
.bogo-block li {
  border: 1px solid #d4d4d4;
  box-shadow: 0 6px 21px -13px #000
}
.bogo-block li {
  border: 1px solid #d4d4d4;
  box-shadow: 0 6px 21px -13px #000;
  position: relative
}
.bogo-block.round li {
  border: 1px solid #d4d4d4;
  border-radius: 50%;
  box-shadow: 0 6px 21px -13px #000
}
.bogo-block li:hover {
  border: 1px solid grey;
  box-shadow: 0 10px 21px -13px #000;
  cursor: pointer
}
.bogo-block.round .heart-overlay, .bogo-block.square .heart-overlay {
  display: none
}
.bogo-block.heart .heart-overlay {
  display: block;
  position: absolute;
  left: -2px;
  top: 4px;
  margin: 0
}
.bogo-block.heart li {
  border: 0 none;
  box-shadow: none
}
.bogo-block.one li:nth-child(2) {
  display: none
}
.bogo-block.one li:nth-child(3) {
  display: none
}
.bogo-block.two li:nth-child(3) {
  display: none
}
.bogo-block.one h3 span {
  display: none
}
[id^=bogoModal] .modal-dialog {
  margin-top: 5%
}
[id^=bogoModal] .modal-body {
  padding: 20px 50px 30px 20px
}
[id^=bogoModal] button.close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  border: 0;
  z-index: 500;
  position: absolute;
  right: 17px;
  top: 19px;
  /*background: url(https://media.superjeweler.com/f_auto,fl_lossy,q_auto/assets/img/cart-icons-white.png) -161px -56px;*/
  background: url(https://media.superjeweler.com/f_auto/assets/img/cart-icons-white) -161px -56px;
  width: 21px;
  height: 21px;
  opacity: 1
}
[id^=bogoModal] .modal-header h2 {
  /*background: url(https://media.superjeweler.com/f_auto,fl_lossy,q_auto/assets/img/bogo-title-bg-red.jpg);*/
  background: url(https://media.superjeweler.com/f_auto/assets/img/bogo-title-bg-red);
  background-size: cover;
  font-size: 24px;
  color: #fff;
  font-family: franklin gothic;
  text-align: left;
  padding: 16px 24px;
  margin: 0;
  font-weight: 700
}
[id^=bogoModal] .modal-header {
  margin: 0 !important;
  padding: 0
}
[id^=bogoModal] .carousel-inner {
  border: 0 none
}
[id^=bogoModal] h2 small {
  text-transform: none;
  color: #fff;
  font-size: 64%;
  margin-left: 9px
}
[id^=bogoModal] .carousel-inner > .item > img {
  padding: 0 35px
}
[id^=bogoModal] .modal-content h4 {
  font-weight: 700;
  font-size: 16px
}
[id^=bogoModal] .modal-content .public-price {
  font-size: 14px;
  color: #313131
}
[id^=bogoModal] .modal-content .your-price {
  font-size: 18px;
  font-weight: 700;
  margin: 7px 0;
  color: #d20303
}
[id^=bogoModal] a.left.carousel-control, [id^=bogoModal] a.right.carousel-control {
  background-image: none
}
[id^=bogoModal] .glyphicon-chevron-left:before, [id^=bogoModal] .glyphicon-chevron-right:before {
  color: #000
}
[id^=bogoModal] .carousel-control .glyphicon-chevron-left, [id^=bogoModal] .carousel-control .icon-prev {
  margin-left: -15px
}
[id^=bogoModal] .carousel-control .glyphicon-chevron-right, [id^=bogoModal] .carousel-control .icon-next {
  margin-right: -15px
}
/**** UI Popup Start */
.ui-widget.ui-widget-content {
  border: 4px solid #3a3a3a !important;
  border-radius: 8px;
  font-family: roboto !important;
  box-shadow: 1px 1px 23px -5px #000 !important;
  z-index: 10002;
  position: fixed
}
.ui-dialog .ui-dialog-titlebar {
  padding: .4em 1em;
  position: relative;
  background: #c80000;
  color: #fff;
  border: 0 none;
  border-radius: 3px 3px 0 0;
  font-size: 16px
}
/**** UI Popup End */
li.item-thumbs.flex-item.img-thumbs.apprisal-thumb a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  height: auto;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}
li.item-thumbs.flex-item.img-thumbs.apprisal-thumb .mz-thumb-selected img {
  background-color: transparent;
}
li.item-thumbs.flex-item.img-thumbs.apprisal-thumb .mz-thumb-selected {
  background-color: transparent;
  border: 2px solid #393939 !important;
  /*padding: 2px !important;*/
}
@media screen and (max-width:769px) and (min-width:768px) {
  [id^=bogoModal] .modal-sm {
    width: 675px
  }
  [id^=bogoModal] .modal-content {
    max-width: 100% !important
  }
}
@media screen and (max-width:991px) and (min-width:768px) {
  .pay-opt-outer {
    margin-top: 50px;
  }
}
#media-view-partial {
  margin-bottom: 10px
}
#media-view-partial .gift-message-alert {
  padding-left: 0;
  padding-right: 0
}
#media-view-partial .gift-message-alert .gift-message {
  padding: 6px 20px;
  border: 1px solid #ffdbe3;
  border-radius: 45px;
  color: #fb5679;
  background: #ffffdf
}
#media-view-partial .gift-message-alert .gift-message a {
  color: #6d6d6d;
  font-weight: 700;
  margin-left: 7px;
  font-size: 12px;
  text-decoration: underline
}
#bogo-block-inner table {
  border-collapse: separate
}
#bogo-block-inner .bogo-items-block {
  border: 18px solid #153b73;
  padding: 10px
}
.bogo-items-block td img {
  margin: auto
}
.bogo-block .bogo-title-text {
  padding: 19px;
  line-height: 1;
  font-weight: 700;
  font-size: 24px;
  /*background: url(https://media.superjeweler.com/image/upload/v1556007747/amp-assets/bogo-text-bg4.jpg) no-repeat center center;*/
  background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/bogo-text-bg4) no-repeat center center;
  color: #153b73 !important
}
div#BogoItemsDesktop + #plugin-grid-view-partial {
  margin-top: 20px;
  margin-bottom: 20px
}
.related-links .well {
  border: 0;
  padding-bottom: 10px !important;
  padding-left: 5px
}
.related-links h4 {
  font-size: 12px;
  text-transform: uppercase;
  font-weight: 700;
  color: #3c3c3c
}
.related-links li {
  margin-bottom: 8px
}
.detail-page .product-price {
  position: relative
}
.product-price .btn.btn-block {
  display: block;
  width: auto
}
.product-price .btn {
  background: #ffa845;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffd275), color-stop(35%, #ffa642), to(#ff7105));
  background: -o-linear-gradient(top, #ffd275 0, #ffa642 35%, #ff7105 100%);
  background: linear-gradient(to bottom, #ffd275 0, #ffa642 35%, #ff7105 100%);
  background-size: auto 100%;
  width: 217px;
  font-weight: 700;
  padding: 12px 25px;
  display: inline-block;
  border-radius: 7px;
  border: 1px solid #de8d59;
  -webkit-box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
          box-shadow: 0 3px 6px rgba(0, 0, 0, .4);
  font-size: 24px;
  line-height: normal;
  color: #fff;
  border: 2px solid #fff;
  text-shadow: 0 -1px 3px #7d3700;
  text-transform: uppercase
}
.product-price .btn:hover,
.product-price .btn:focus {
  background: #ff7b10;
  /*background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ff7b10), color-stop(35%, #ff7b10), to(#ff7b10));
  background: -o-linear-gradient(top, #ff7b10 0, #ff7b10 35%, #ff7b10 100%);
  background: linear-gradient(to bottom, #ff7b10 0, #ff7b10 35%, #ff7b10 100%);
  box-shadow: inset 1px 2px 3px #934200;*/
  text-shadow: 0 3px 3px #823a00;
  /*background: #4a4a4a;*/
}
.product-price .qty-and-ring-size-container .btn:hover,
.product-price .qty-and-ring-size-container .btn:focus {
    background: #8c8c8c !important;
    text-shadow: 0 3px 3px #4a4a4a;
}
.sale-price * {
    display: block;
}
.row.sale-price {
    display: inherit;
}
.row.sale-price .col-md-6.col-xs-6.text-left {
    padding-left: 0 !important;
}
div#qty-up-down-control-mobile {
    display: inline-table;
}
/* -- End of Bogo Block Styles  -- */
.cust-plugin.BackSideEngrave .plugin-header, .cust-plugin.FrontSideEngrave .plugin-header, .cust-plugin.Graduation .plugin-header {
  float: left;
  margin: 5px 0;
  font-weight: 700;
  clear: both;
  width: 100%;
  padding: 0 5px;
  color: #272727
}
.cust-plugin.BackSideEngrave .form-group, .cust-plugin.FrontSideEngrave .form-group {
  margin-bottom: 5px;
  padding: 0 5px
}
.cust-plugin #FrontFontName_title span.ddlabel {
  display: none
}
.cust-plugin #BackFontName_title span.ddlabel {
  display: none
}
.cust-plugin #FrontFontName_child span.ddlabel {
  display: none
}
.cust-plugin .ddTitle .ddTitleText {
  font-size: 14px;
  line-height: 24px
}
.cust-plugin.BackSideEngrave.row, .cust-plugin.FrontSideEngrave.row {
  padding: 0 10px
}
#BackFontName_msdd.dd .ddTitle .ddTitleText img, #FrontFontName_msdd.dd .ddTitle .ddTitleText img {
  padding-right: 5px;
  max-width: 100%
}
.pre-created-items-block .well-sm {
  border: 1px solid #bababa;
  border-radius: 6px
}
.pre-created-items-block h3.section-title {
  margin-top: 3px;
  border-bottom: 1px solid grey
}
.pre-created-items-block .owl-next, .pre-created-items-block .owl-prev {
  width: 26px;
  height: 27px;
  position: absolute;
  bottom: 40%;
  display: block;
  padding: 5px;
  background: #fff
}
.pre-created-items-block .owl-next {
  right: 0
}
.pre-created-items-block {
  padding: 0 !important
}
.pre-created-items-block .owl-carousel .owl-item img {
  max-height: 140px;
  width: auto;
  margin: auto
}
.pre-created-items-block .owl-carouselModel .owl-item img {
  max-height: none !important;
  width: auto;
  margin: auto
}
.cust-plugin.FrontSideEngrave.row {
  padding: 5px;
  background: #d8d8d8;
  margin: 0 0 13px 0
}
.cust-plugin.BackSideEngrave.row {
  padding: 5px;
  background: #e8e8e8;
  margin: 0 0 13px 0
}
.cust-plugin.Graduation.row {
  padding: 5px;
  background: #e8e8e8;
  margin: 0 0 13px 0;
  height: 294px
}
div#GraduationImage_msdd, div#MothersDayImage_msdd {
  text-align: center;
  background: #fff
}
.cust-plugin.BackSideEngrave.row .ddcommon, .cust-plugin.BackSideEngrave.row input, .cust-plugin.FrontSideEngrave.row .ddcommon, .cust-plugin.FrontSideEngrave.row input {
  background: #fff
}
#cust-items .modal-dialog {
  max-width: 500px
}
#cust-items .modal-content {
  border-radius: 10px
}
#custSamplesModelCont .pre-created-items-block .well-sm {
  border: none
}
#cust-items .modal-dialog .close span {
  color: #313131;
  font-size: 29px;
  border: 1px solid #666;
  padding: 6px;
  display: block;
  height: 31px;
  line-height: 18px;
  border-radius: 50%
}
#cust-items .modal-dialog button.close {
  background: none repeat scroll 0 0 transparent;
  border: 0 none;
  color: #fff;
  cursor: pointer;
  font-size: 46px;
  margin-right: 13px;
  margin-top: 12px !important;
  opacity: 1;
  padding: 0
}
#cust-items .modal-footer button {
  display: none
}
.form-group.cust-plugin-param {
  float: left;
  width: 100%;
  padding: 0 5px
}
.cust-plugin-param input[type=text].form-control {
  height: 39px;
  border-radius: 4px
}
.cust-plugin.Graduation.row {
  width: 50%;
  float: left;
  border-right: 2px solid #fff
}
.GraduationImage .dd .ddTitle .ddTitleText img {
  width: 100%;
  max-width: 120px
}
.GraduationImage .dd .ddChild li img {
  width: 100%;
  max-width: 120px;
  margin: auto
}
.product-attributes ul {
  max-height: 200px;
  overflow-y: auto;
  overflow-x: hidden
}
.product-attributes li {
  display: inline-block;
}
.product-attributes li a {
  padding: 4px 7px;
  margin-right: 3px;
  border: 1px dashed #bfbfbf;
  float: left;
  margin-bottom: 2px;
  text-decoration: none;
}
.product-attributes label {
  color: #333
}
.product-attributes li a.active, .product-attributes li a:hover, .product-attributes li a:focus {
  background: #f0f0f0;
  border-bottom: 3px solid #5a5a5a;
  text-decoration: none;
  color: #000;
  margin-bottom: 0px;
  border-top-color: #fff;
  border-left-color: #fff;
  border-right-color: #fff;
}
.final-price .clearance {
  color: #cb2027;
  margin-top: 3px;
  display: block
}
.final-price .clearance small {
  font-size: 50%;
  vertical-align: super;
  line-height: 1
}
.detail-page .final-price .clearance small {
  font-size: 50%;
  vertical-align: super;
  line-height: 1;
  margin-left: -7px
}
.final-price sup {
  font-size: 40%;
  font-weight: 400;
  top: -1em
}
.Rectangle_2_copy_36 {
  border-width: 1px;
  border-color: #de8d59;
  border-style: solid;
  border-radius: 5px;
  background-image: -moz-linear-gradient(90deg, #ff6e02 0, #ffa13c 47%, #ffd376 100%);
  background-image: -webkit-linear-gradient(90deg, #ff6e02 0, #ffa13c 47%, #ffd376 100%);
  background-image: -ms-linear-gradient(90deg, #ff6e02 0, #ffa13c 47%, #ffd376 100%);
  position: absolute;
  left: 2270px;
  top: 787px;
  width: 442px;
  height: 43px;
  z-index: 101
}
.qty-and-ring-size-container .qty-block, .qty-and-ring-size-container .ring-size-block {
  display: inline-block;
  vertical-align: middle
}
.qty-and-ring-size-container .ring-field.select-qty {
  padding: 5px;
  height: 30px !important;
  border: 1px solid #a1a1a1;
  /*: #fff;*/
  font-size: 14px;
  appearance: auto;
  background-image: none;
}
.list-inline > li {
    display: inline-block;
    padding-right: 5px;
    padding-left: 5px;
}
.qty-block .btn-number {
  background: #8c8c8c;
  border: 0 none;
  border-radius: 6px !important;
  width: 25px;
  height: 25px;
  text-align: center;
  font-size: 12px;
  color: #fff;
  padding: 0
}
.qty-block .btn-number:hover {
  z-index: 2;
  background: #4a4a4a
}
.qty-block .input-number {
  width: 100%;
  text-align: center;
  border: 0;
  background: 0 0;
  box-shadow: none;
  margin: 0 !important;
  padding: 0
}
div#qty-up-down-control-desktop {
  width: 128px;
  margin: auto
}
.qty-and-ring-size .form-control {
  height: 26px !important;
  padding: 3px 12px;
  font-size: 14px;
  appearance: auto;
  background-image: none;
}
.btn-question, .btn-question2 {
  border-radius: 50%;
  font-size: 0;
  border: 0 none;
  color: #fff;
  width: 20px;
  height: 20px;
  background: #34cd34;
  outline: 0;
  display: block !important;
  visibility: visible !important;
  text-align: center;
  line-height: 20px;
  margin-top: 5px
}
.btn-question2:after, .btn-question:after {
  content: "?";
  font-family: Roboto;
  cursor: pointer;
  font-size: 15px
}
.btn-question2:hover, .btn-question:hover {
  color: #fff;
  text-decoration: none;
}
.property-value .btn {
  background: #d9d9d9 none repeat scroll 0 0;
  border-radius: 46px !important;
  box-shadow: 1px 2px 1px -2px #7a7a7a;
  font-size: 13px;
  margin: 0 7px 7px;
  min-width: 38px;
  padding: 3px;
  text-align: center
}
.property-value .btn.active {
  background: #636363 none repeat scroll 0 0;
  box-shadow: none;
  color: #fff
}
.add-charms {
  border: 1px solid #ebebeb;
  padding: 25px
}
.add-charms .alert {
  margin: 0;
  padding: 12px 0
}
.add-charms .close {
  background: #f4f4f4 none repeat scroll 0 0;
  border: 1px solid #b5b5b5;
  border-radius: 50px;
  color: #545454;
  font-size: 17px;
  height: 20px;
  margin-top: 41px !important;
  padding: 0;
  width: 20px
}
.add-charms h4 {
  color: #343434;
  font-size: 13px;
  font-weight: 700;
  margin: 0;
  text-transform: uppercase
}
.add-charms select {
  background: #f5f5f5 none repeat scroll 0 0;
  font-size: 11px;
  text-transform: uppercase
}
.add-charms .charm-item {
  border-top: 1px solid #e0e0e0;
  padding-top: 12px
}
.add-charms .price-block {
  border-top: 1px solid #e0e0e0;
  color: #5b5b5b;
  padding-top: 15px
}
.add-charms .add-charm-link a {
  color: #ff7f00;
  font-size: 13px;
  font-weight: 700;
  margin-left: 9px
}
.add-charms .charm-price {
  color: #3d3d3d;
  float: left;
  font-size: 15px;
  font-weight: 700;
  margin: 8px 0
}
.add-charms .product-price {
  border: 0 none;
  margin: auto;
  padding: 0;
  width: 45%
}
/*Recomadation Items */
.scarab-itemlist {
  padding: 0 20px;
  position: relative;
  border: 1px solid #c5d7ef
}
.scarab-item {
  display: inline-block;
  width: 120px;
  margin: 5px;
  vertical-align: top;
  font-size: 12px;
  font-family: Arial, sans-serif;
  text-align: center
}
.scarab-item img {
  max-width: 100px;
  max-height: 100px;
  display: block;
  margin: 0 auto;
  border: 0
}
.scarab-next, .scarab-prev {
  position: absolute;
  width: 20px;
  height: 20px;
  line-height: 20px;
  top: 50%;
  margin-top: -10px;
  cursor: pointer;
  text-align: center;
  font-size: 16px;
  color: #c5d7ef
}
.scarab-prev {
  left: 0
}
.scarab-next {
  right: 0
}
.scarab-disabled-button {
  cursor: default;
  opacity: .4
}
.country-icon {
  width: 28%;
  height: auto;
  display: block;
  position: absolute;
  top: 0;
  right: 5px;
  z-index: 500;
  background: #fff;
  padding: 5px;
  max-width: 151px
}
.country-icon img {
  width: 100%;
  height: auto
}
.textLink {
  display: inline;
  margin: 5px 15px 5px 0;
  cursor: pointer;
  border: 1px solid transparent
}
.video-close-button {
  color: #fff;
  position: absolute;
  right: 20px;
  top: 13px;
  font-weight: 700;
  font-size: 2vw;
  background: #000;
  border: 1px solid #fff;
  padding: 1vw 2vw;
  border-radius: 5px
}
.media-box {
  width: 300px;
  height: auto;
  display: block;
  border: 1px solid #d3d3d3
}
.item-description-block .item-det-description {
  word-wrap: break-word;
}
.item-description-block h4::before, .masonry .item h4::before {
  content: "\e080";
  margin-right: 4px;
  font-family: 'Glyphicons Halflings';
  font-size: 11px;
  color: #5d5d5d
}
.item-description-block h4, .masonry .item h4 {
  padding-left: 15px
}
.item-description-block h4:before, .masonry .item h4:before {
  font-size: 0;
  width: 13px;
  height: 13px;
  position: absolute;
  left: 0;
  top: 3px;
  background-image: url(https://media.superjeweler.com/image/upload/f_auto/v1627451093/amp-assets/left-arrow-xs);
  background-repeat: no-repeat;
  background-size: 9px
}
/* The Masonry Container */
.masonry {
  max-width: 100%;
  column-gap: 15px
}
/* The Masonry Brick */
.item {
  background: #fff;
  margin: 0 0 15px;
  border-radius: 5px;
  -moz-column-break-inside: avoid;
  -moz-page-break-inside: avoid;
  page-break-inside: avoid;
  display: inline-block;
  float: left;
  width: 100%
}
.masonry .item td {
  padding: 3px 10px;
  border-top: 1px solid #b2b2b2;
  font-size: 12px
}
.masonry .item td.ftd {
  background: #ebf5ff;
  width: 55%
}
.masonry .item table {
  border-bottom: 1px solid #b2b2b2
}
.item-description-block h4, .masonry .item h4 {
  font-weight: 700;
  font-size: 14px;
  float: left;
  margin-top: 0;
  width: 100%;
  position: relative;
}
.item-det-guarantee-block {
  padding: 10px;
  border: 1px solid #a5a5a5;
  margin-top: 15px;
  border-radius: 5px;
  background: #f2f2f2;
  width: 100%;
  clear: both
}
.item-det-guarantee-block img.responsive {
  float: left;
  margin-right: 11px;
  margin-top: 0
}
.talk-by-email, .talk-by-phn {
  float: left;
  width: 100%
}
.talk-by-phn input#Name {
  width: 67%
}
.talk-by-email span, .talk-by-phn span {
  font-weight: 400;
  border-bottom: 1px solid #e0e0e0;
  margin-bottom: 10px;
  padding: 4px 0;
  display: block;
  color: #000;
  font-size: 12px;
  text-transform: uppercase
}
.talk-by-phn span {
  background: url(https://www.superjeweler.com/assets/img/phone3.jpg) no-repeat left center;
  padding-left: 25px
}
.talk-by-email span {
  background: url(https://www.superjeweler.com/assets/img/email3.jpg) no-repeat left center;
  padding-left: 25px
}
.talk-by-email label, .talk-by-phn label {
  color: #000;
  font-size: 11px;
  font-weight: 700;
  margin-right: 5px;
  text-align: left;
  width: 74px;
  float: left
}
.phonenocont {
  float: left;
  position: relative
}
.phonenocont > small {
  background: none repeat scroll 0 0 #fff;
  border: 1px solid #c5c5c5;
  font-size: 9px;
  height: 14px;
  line-height: 12px;
  padding: 0 5px;
  position: absolute;
  right: 8px;
  top: -9px
}
.phoneno #CallMe, .phoneno .phonenocont, .phoneno > label {
  float: left
}
#phone2 {
  width: 39px
}
#phoneext {
  width: 36px
}
.talk-by-phn input[type=text] {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ccc;
  box-shadow: none;
  font-size: 11px;
  margin: 0 4px;
  padding: 4px;
  width: 30px
}
.live-chat-btn a, .talk-by-email input[type=submit], .talk-by-phn input[type=submit] {
  background: none repeat scroll 0 0 #ddd;
  border: medium none;
  border-radius: 4px;
  color: #000;
  margin-top: 0;
  padding: 5px 13px;
  text-transform: uppercase
}
.live-chat-btn a:hover, .talk-by-email input[type=submit]:hover, .talk-by-phn input[type=submit]:hover {
  background: none repeat scroll 0 0 #929292;
  color: #fff
}
.talk-by-email p {
  margin-bottom: 2px
}
.live-chat-btn img {
  float: left
}
.live-chat-btn a {
  float: left;
  margin-left: 10px;
  white-space: nowrap
}
.talk-by-email textarea {
  background: #efeff1;
  border: 1px solid #ccc;
  padding: 4px;
  width: 70%;
  margin: 0
}
.reviews .nav-tabs {
  margin-bottom: 10px;
  border: 0
}
.reviews .nav-tabs li {
  border-left: 1px solid #dadada;
  margin-bottom: 15px;
  margin-right: 10px;
  padding-left: 9px;
  padding-right: 0
}
.reviews .nav-tabs li:first-child {
  border-left: medium none;
  margin-bottom: 15px;
  margin-right: 0;
  padding-left: 0;
  padding-right: 10px
}
.reviews .nav-tabs li a {
  color: #000;
  position: relative;
  text-transform: uppercase;
  padding: 0;
  margin: 0;
  border: 0;
  outline: 0;
  white-space: nowrap
}
.reviews .nav-tabs li a:hover, .reviews .nav-tabs li.active a {
  padding: 0;
  margin: 0;
  border: 0;
  background: 0 0
}
.reviews .nav-tabs li.active a:after {
  font-family: FontAwesome;
  content: "\f0d7";
  font-size: 24px;
  margin-right: 14px;
  position: absolute;
  left: 45%;
  top: 8px;
  color: #ff7f27
}
.reviews .nav-tabs li.active a:after {
  font-size: 0;
  height: 13px;
  width: 13px;
  top: 20px;
  background-image: url(https://media.superjeweler.com/image/upload/f_auto/v1499538872/assets/img/dorg-arrow);
  background-repeat: no-repeat;
  background-size: 13px
}

.reviews .nav-tabs li a.active::after {
    content: ""; 
    display: block; 
    position: absolute; 
    font-size: 0; 
    height: 13px;
    width: 13px;
    top: 20px;
    left: 50%;
    background-image: url('https://media.superjeweler.com/image/upload/f_auto/v1499538872/assets/img/dorg-arrow');
    background-repeat: no-repeat;
    background-size: 13px 13px;
}

.reviews .tab-pane {
  line-height: 20px
}
.reviews .review-list {
  margin-top: 10px;
  max-height: 225px;
  overflow: auto !important
}
.review-list * {
  color: #777 !important;
  font-style: italic !important
}
.reviews .review-list li h4, 
.reviews .review-list li .review-sub-title {
  color: #6d6d6d !important;
  font-size: 12px;
  font-style: normal !important;
  font-weight: 700;
  margin: 0 0 4px;
  text-transform: uppercase
}
a .review-count {
  color: #000;
  font-size: 12px;
  font-weight: 400;
  text-transform: uppercase;
  width: auto
}
.prd-reviewsec p {
  font-style: italic
}
#fb-stats {
  background: #f2f2f2 none repeat scroll 0 0;
  max-height: 225px;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 20px
}
#fb-stats p span {
  color: #3678be;
  font-weight: 700
}
.liked-count {
  background: url(https://www.superjeweler.com/assets/img/fb-stat-icons.jpg) no-repeat scroll 0 0 rgba(0, 0, 0, 0);
  display: inline-block;
  padding-left: 17px;
  padding-right: 5px
}
.comments-count {
  background: url(https://www.superjeweler.com/assets/img/fb-stat-icons.jpg) no-repeat scroll 0 -20px rgba(0, 0, 0, 0);
  display: inline-block;
  padding-left: 17px;
  padding-right: 5px
}
.shared-count {
  background: url(https://www.superjeweler.com/assets/img/fb-stat-icons.jpg) no-repeat scroll 0 -42px rgba(0, 0, 0, 0);
  display: inline-block;
  padding-left: 17px;
  padding-right: 5px
}
.tab-content > .tab-pane {
  border: 0 none
}
#hepful-review-list {
  max-height: none
}
#Country {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ccc;
  height: 28px;
  width: 249px
}
#Email {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ccc;
  height: 28px;
  width: 70%
}
#Ques {
  background: none repeat scroll 0 0 #f5f5f5;
  border: 1px solid #ccc
}
.talk-by-email p, .talk-by-phn p {
  float: left;
  margin: 5px 0;
  width: 100%
}
.detail-page .promo-label {
  text-align: center;
  color: #fff;
  text-transform: uppercase;
  font-size: 16px;
  font-weight: 700;
  background: url(https://media.superjeweler.com/f_auto/assets/img/promo-label-bg);
  background-size: 100% 100%;
  padding: 8px;
  margin-bottom: 19px;
  border: 1px solid #ffc4c6;
}
/* Engraving section styles Start */
/*#product-block figure img {
    max-width: 414px !important;
    max-height: 414px !important;
}*/
div#custPlugins {
  margin-bottom: 20px
}
#custPlugins :focus {
  outline: 0 !important
}
#custPlugins input#cust-apply-changes {
  background: url(https://www.superjeweler.com/assets/img/buy-now-big-hover.png) repeat-x;
  background: #fdb814;
  background: -moz-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #6ad75c), color-stop(35%, #5cb85c), color-stop(100%, #0f7c0f));
  background: -webkit-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -o-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: -ms-linear-gradient(top, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background: linear-gradient(to bottom, #6ad75c 0, #5cb85c 35%, #0f7c0f 100%);
  background-size: auto 100%;
  color: #fff;
  font-size: 14px;
  border-radius: 7px;
  border: 2px solid #fff;
  box-shadow: 0 2px 9px -3px #000
}
#custPlugins input#cust-apply-changes:hover {
  background: #1ea12b;
  margin-top: -1px;
  margin-bottom: 1px;
  box-shadow: 0 4px 9px -3px #000
}
#custPlugins input#cust-clear-changes {
  background: url(https://www.superjeweler.com/assets/img/buy-now-big-hover.png) repeat-x;
  background: #fdb814;
  background: -moz-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e8e8e8), color-stop(35%, #e8e8e8), color-stop(100%, #c1c1c1));
  background: -webkit-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -o-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: -ms-linear-gradient(top, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background: linear-gradient(to bottom, #e8e8e8 0, #e8e8e8 35%, #c1c1c1 100%);
  background-size: auto 100%;
  color: #5a5a5a;
  font-size: 14px;
  border-radius: 7px;
  border: 2px solid #fff;
  box-shadow: 0 2px 9px -3px #000
}
#custPlugins input#cust-clear-changes:hover {
  background: #dadada;
  margin-top: -1px;
  margin-bottom: 1px;
  box-shadow: 0 4px 9px -3px #000;
  color: #333
}
span.pluginhelptext {
  font-size: 11px;
  color: #129d00
}
#custPlugins .cust-plugin-param-selection {
  -webkit-appearance: none
}
#custPlugins .param-label {
  font-weight: 700;
  color: #474747;
  margin: 11px 0
}
input#EngravingText {
  padding: 6px;
  border-radius: 5px;
  font-size: 16px
}
.cust-plugin .ddTitle .ddTitleText {
  font-size: 14px;
  line-height: 24px
}
.form-group.cust-plugin-param {
  float: left;
  width: 100%;
  padding: 0 5px
}
.cust-plugin-param input[type=text].form-control {
  height: 39px;
  border-radius: 4px
}
.buy-disable {
  background: #bbb !important;
  border: none !important;
  color: #868686 !important;
  text-shadow: 1px 1px 3px #fff;
  cursor: no-drop
}
.btn.buy-disable {
  text-shadow: none !important;
  box-shadow: none;
}
.select-item-attribute span {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  text-align: center
}
h1.bogo-header-h {
  border-top: 4px solid #153b73;
  color: #153b73;
  background: #f4f8ff;
  font-weight: 700;
  border-bottom: 1px solid #153b73
}
div[data-options*=view360] .overlayVideo {
  /*background: url(https://media.superjeweler.com/image/upload/v1558026093/amp-assets/click-to-spin-video-overlay.png) center center no-repeat !important;*/
  background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/click-to-spin-video-overlay) center center no-repeat !important;
}
div[data-options*=treepodiaHolder] .overlayVideo {
  /*background: url(https://media.superjeweler.com/image/upload/v1558026093/amp-assets/product-intro-video-overlay.png) center center no-repeat !important;*/
  background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/product-intro-video-overlay) center center no-repeat !important;
}
.overlayBg {
  background-color: rgba(0, 0, 0, .5) !important
}
.intellisuggest-item_container .owl-nav {
  position: absolute;
  top: 43%;
  width: 100%;
  height: 0;
  font-size: 36px
}
.intellisuggest-item_container .owl-nav button.owl-next span, .intellisuggest-item_container .owl-nav button.owl-prev span {
  width: 24px;
  height: 32px;
  background: #ffffff91;
  display: block;
  line-height: 24px;
  color: #000
}
.intellisuggest-item_container .owl-nav button.owl-next.disabled span, .intellisuggest-item_container .owl-nav button.owl-prev.disabled span {
  color: #ddd
}
.owl-nav * {
  outline: 0
}
.intellisuggest-item_container .owl-nav button.owl-prev {
  float: left
}
.intellisuggest-item_container .owl-nav button.owl-next {
  float: right
}
.pre-created-items-block .owl-dots {
  display: none
}
.intellisuggest-title {
  display: none
}
.intellisuggest-item {
  padding: 23px;
  border-left: 1px dashed grey;
  border-right: 1px dashed grey;
  margin: -6px;
  text-align: center
}
.intellisuggest-item-price {
  font-size: 22px;
  font-weight: 700;
  color: #cb2027
}
.intellisuggest-item-name {
  max-height: 63px;
  overflow: hidden;
  height: 65px
}
/* Sold Out Overlay Image Start */
.intellisuggest-item-image.out-of-stock a {
  position: relative;
  display: block
}
.intellisuggest-item-image.out-of-stock a:after {
  position: absolute;
  height: 100%;
  left: 0;
  top: 0;
  width: 100%;
  /*background: url(https://media.superjeweler.com/image/upload/v1542187205/amp-assets/out-of-stock-2.png) no-repeat center center;*/
  background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/out-of-stock-2) no-repeat center center;
  background-size: 129%;
  content: ""
}
/* Sold Out Overlay Image End */
.sj-finance-btn {
  width: 100% !important;
  background: #fff !important;
  text-align: center !important;
  border: 1px solid #b3b3b3;
  border-radius: 5px;
  color: #ff8016 !important;
  font-weight: 700 !important;
  text-decoration: underline !important;
  max-width: 457px;
  margin: auto;
  padding: 7px
}
.sj-finance-btn:hover {
  background-color: #f4f9ff !important
}
iframe#bread-checkout-btn-bread-iframe {
  width: 100% !important;
  max-width: 458px;
  float: left
}
.imageThumb, .threeSixtyThumb, .videoThumb {
  width: 60px !important;
  /*height: 45px !important;*/ height: 60px !important;
  display: inline-block;
  vertical-align: top;
  border: 2px solid #747373;
  padding: 0;
  opacity: 1;
}
.imageThumb img, .threeSixtyThumb img, .videoThumb img, .cloudinaryMV img {
  vertical-align: middle;
  width: auto !important;
  height: 100% !important
}
.sale-price * {
  font-size: 18px;
  color: #c90000;
  font-weight: 700
}
.our-price * {
  color: #868686;
  font-weight: 700
}
.list-price * {
  color: grey
}
.list-price .text-right, .our-price .text-right {
  text-decoration: line-through
}
#media-view-partial .closeButton {
  color: #000
}

@media (max-width:1200px) and (min-width:992px) {
  .pictureslider .thumbs-block {
    /*width: 113px !important*/
  }
  .pictureslider .media-block {
    padding: 0 !important;
    /*width: 451px*/
  }
  .listitemblockhiimgDetailsView {
    position: absolute;
    width: 100%;
    height: 140px;
    /*background: url(https://media.superjeweler.com/image/upload/v1542187205/amp-assets/out-of-stock-2.png) no-repeat center center;*/
    background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/out-of-stock-2) no-repeat center center;
    z-index: 6;
    left: 0;
    top: 30%;
  }
  .prodRatioHolder {
    padding-bottom: 358px;
    margin-top: 10px;
    border: 0
  }
}
@media (min-width:992px) {
  .share-me {
    display: block;
    clear: right;
    float: right
  }
  .item-zoom .media-block {
    float: right;
    text-align: center;
    height: 420px;
  }
  .item-zoom .thumbs-block {
    float: left
  }
  table.dataTable thead th {
    white-space: nowrap;
    padding-right: 17px !important
  }
  .MagicZoom {
    min-height: 315px;
    width: 100%
  }
  .MagicZoom.expanded .mz-figure {
    width: 100%;
    /*display: flex;
        align-items: center;
        justify-content: center;*/
  }
  .slide-top {
    -webkit-animation: slide-top 1s cubic-bezier(.25, .46, .45, .94) both;
    animation: slide-top 1s cubic-bezier(.25, .46, .45, .94) both
  }
  .added-badge {
    border: 1px solid #79c678;
    display: block;
    float: right;
    margin-top: 8px;
    text-align: center;
    border-radius: 9px
  }
  .charm-image-block {
    float: left;
    width: 197px
  }
  .charm-image {
    background: rgba(0, 0, 0, 0) url(/assets/img/loader-small.gif) no-repeat scroll center center;
    display: block;
    float: left;
    height: 90px
  }
  .charm-item .added {
    border: 1px solid #19bb52;
    border-radius: 6px;
    position: absolute;
    right: -24px;
    top: 7px
  }
  #bogoModal1 .modal-lg, #bogoModal2 .modal-lg, #bogoModal3 .modal-lg {
    width: 675px
  }
  .bogo-block .heart-overlay {
    display: none
  }
  #gift-message-arrow {
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite
  }
  .bogo-block .bogo-title-text {
    padding: 19px;
    line-height: 1;
    font-weight: 700;
    font-size: 24px;
    /*background: url(https://media.superjeweler.com/image/upload/v1556007747/amp-assets/bogo-text-bg4.jpg) no-repeat center center;*/
    background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/bogo-text-bg4) no-repeat center center;
    color: #153b73 !important
  }
  .detail-page-title .font-bogo-header {
    font-size: 30px;
    font-weight: 400
  }
  #media-view-partial + div#BogoItemsDesktop {
    margin-top: -11px
  }
  .review-and-share-bar {
    width: 100%;
    clear: both;
    float: left
  }
  .cust-plugin.BackSideEngrave.row, .cust-plugin.FrontSideEngrave.row {
    width: 50%;
    float: left
  }
  #cust-items .modal-title {
    text-align: center;
    padding: 10px 76px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin: 0
  }
  .price-block .was-price {
    font-size: 17px;
    color: #8c8c8c;
    line-height: 1.5
  }
  .price-block .you-save {
    font-size: 19px;
    color: #004895;
    font-weight: 700;
    line-height: 1.5
  }
  .final-price {
    font-size: 38px;
    font-weight: 700;
    position: relative;
    line-height: 125%;
    margin-top: 7px;
    min-width: 100px
  }
  .final-price .special-label {
    font-size: 14px;
    position: absolute;
    top: -10px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    color: #cb2027;
    white-space: nowrap
  }
  .ring-size-selector-cont.styled-select {
    max-width: 108px
  }
  .styled-select select {
    /*background: #f0f0f0;
    border: 0 none;*/
    box-shadow: none;
    outline: medium none;
    min-width: 102px;
    border-radius: 5px
  }
  .masonry {
    column-count: 2
  }
  div#qty-ring-size-control-desktop {
    margin: auto;
    width: 223px
  }
  .scarab-item object {
    /*background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/v1499539009/assets/img/loader-small.gif) no-repeat scroll center center;*/
    background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/f_auto/assets/img/loader-small) no-repeat scroll center center;
    width: 140px;
    height: 140px;
    margin: auto;
    clear: both;
    display: block
  }
  .Magic360-box.desktop {
    margin: auto !important;
    float: none;
    display: block;
    height: 360px;
    width: 360px !important
  }
  /* Thumb Items V align center css Start */
  li.item-thumbs.flex-item.img-thumbs.jwl-thumb {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  /*    .item-thumbs a[data-zoom-id],*/
  .item-thumbs a, .item-thumbs .mz-thumb, .item-thumbs .mz-thumb.mz-thumb-selected, cloudinaryMV a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
    -ms-flex-line-pack: center;
    align-content: center;
    height: auto;
  }
  .item-thumbs a[data-zoom-id] img, .item-thumbs .mz-thumb img {
    height: auto;
  }
  .item-thumbs a[data-zoom-id], .item-thumbs .mz-thumb, .item-thumbs .mz-thumb:focus {
    height: auto;
  }
  .thumb-wrapper .flex-item, .buttonThumbs .flex-item {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
  .pictureslider .item-thumbs:active, .pictureslider .item-thumbs:focus, .pictureslider .item-thumbs:hover {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #e7e7e7;
  }
  /* Thumb Items V align center css End */
  /* Item Description - ScrollBar for Desltop  - Start */
  .item-description-block .item-det-description {
      overflow: auto;
      max-height: 230px;
      margin-bottom: 10px;
  }
  /* Item Description - ScrollBar for Desltop  - End */
}
@media screen and (max-width:991px) and (min-width:769px) {
  .item-zoom .media-block {
    float: right;
    text-align: center
  }
  .item-zoom .thumbs-block {
    float: left
  }
  table.dataTable thead th {
    white-space: nowrap;
    padding-right: 17px !important
  }
  #personal-recs .scarab-item img {
    background: rgba(0, 0, 0, 0) url(/assets/img/loader-small.gif) no-repeat scroll center center;
    border: 0 none;
    display: block;
    height: 103px;
    margin: 0 0 16px;
    max-height: 140px !important;
    max-width: 140px !important;
    width: 100%
  }
  #personal-recs .scarab-item {
    width: 48% !important
  }
  .charm-item .col-md-5 {
    float: left;
    width: 50% !important
  }
  .add-charms .close {
    margin: 0;
    position: absolute !important;
    right: -7px;
    top: 41px;
    z-index: 150
  }
  .charm-image {
    width: 90px
  }
  .charm-item .added {
    border: 1px solid #009e43;
    border-radius: 6px;
    width: 48px
  }
  .scarab-item > a {
    float: left;
    font-size: 11px;
    line-height: 1.25;
    margin-bottom: 3px;
    overflow: hidden
  }
  .scarab-item > span {
    display: inline-block
  }
  .media-box .textLink img {
    width: 100%;
    height: auto
  }
  .media-box .textLink {
    display: inline-block;
    margin: 1%;
    cursor: pointer;
    border: 1px solid transparent;
    width: 7%
  }
  .media-box {
    /*width: 350px !important;*/
    height: 350px !important;
    display: block;
    border: 0 !important;
    padding: 0 !important
  }
  .ratioHolder {
    width: 100%;
    padding-bottom: 100% !important;
    position: relative
  }
  .pictureslider {
    border: 1px solid #fff;
    margin: 15px 0 67px !important
  }
  .country-icon {
    width: 28%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    right: inherit !important;
    z-index: 500;
    background: #fff;
    padding: 5px;
    max-width: 151px
  }
  .video-close-button {
    color: #272727 !important;
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    font-size: 32px !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    padding: 1px 7px !important;
    border-radius: 26px !important;
    line-height: 1;
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
    font-weight: 400 !important
  }
  .Magic360-box {
    max-width: 100% !important;
    width: 476px !important;
    margin: 0 !important;
    background: #fff
  }
  #bogoModal1 .modal-lg, #bogoModal2 .modal-lg, #bogoModal3 .modal-lg {
    width: 675px
  }
  .bogo-block {
    /*margin: 25px 0*/
  }
  #media-view-partial .gift-message-alert {
    padding-left: 0;
    padding-right: 0;
    height: 50px;
    text-align: center
  }
  #media-view-partial .gift-message-alert .gift-message {
    padding: 6px 20px;
    border: 1px solid #ffdbe3;
    border-radius: 45px;
    color: #fb5679;
    background: #ffffdf;
    width: 91%
  }
  #media-view-partial .gift-message-alert #gift-message-arrow {
    margin-top: 7px
  }
  #gift-message-arrow {
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite
  }
  .detail-page-title .font-bogo-header {
    font-size: 25px;
    font-weight: 400
  }
  div#BogoItemsDesktop {
    margin-top: -11px
  }
  .cust-plugin.BackSideEngrave.row, .cust-plugin.FrontSideEngrave.row {
    width: 50%;
    float: left
  }
  #cust-items .modal-title {
    text-align: center;
    padding: 10px 76px;
    font-weight: 700;
    font-size: 20px;
    line-height: 24px;
    margin: 0
  }
  .price-block .was-price {
    font-size: 16px;
    color: #8c8c8c;
    line-height: 1.5
  }
  .price-block .you-save {
    font-size: 19px;
    color: #004895;
    font-weight: 700;
    line-height: 1.5
  }
  .final-price .special-label {
    font-size: 14px;
    position: absolute;
    top: -10px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    color: #ed1c24;
    white-space: nowrap
  }
  .final-price {
    font-size: 39px;
    font-weight: 700;
    position: relative;
    line-height: 136%;
    min-width: 100px
  }
  .masonry {
    column-count: 2
  }
  div#qty-ring-size-control-desktop {
    width: 188px;
    margin: auto;
    padding-left: 8px
  }
  .scarab-item object {
    /*background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/v1499539009/assets/img/loader-small.gif) no-repeat scroll center center;*/
    background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/f_auto/assets/img/loader-small) no-repeat scroll center center;
    width: 140px;
    height: 140px;
    margin: auto;
    clear: both;
    display: block
  }
  .listitemblockhiimgDetailsView {
    position: absolute;
    width: 100%;
    height: 143px;
    /*background: url(https://media.superjeweler.com/image/upload/v1542187205/amp-assets/out-of-stock-2.png) no-repeat center center;*/
    background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/out-of-stock-2) no-repeat center center;
    z-index: 6;
    top: 30%
  }
  .buttonThumbs img {
    display: inline-block;
    width: 100%;
    height: 100%
  }
  div#html_element {
    width: 100%;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    background: #efefef
  }
  div#html_element div {
    margin: auto;
    border: 0 none
  }
  .prodRatioHolder {
    padding-bottom: 325px;
    margin-top: 10px;
    border: 0
  }
  .Magic360-box.desktop {
    margin: auto !important;
    float: none;
    display: block;
    height: 327px;
    width: 360px !important
  }
}
@media (min-width:768px) {
  .stock-quantity {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 0 0 10px 0;
  }
  .stock-quantity span {
    color: #cb2027;
  }
  .qty-label {
    line-height: 32px
  }
  .qty-block .input-group {
    max-width: 87px;
    width: 100%;
    display: inline-table;
  }
  .ring-size-block {
    /*width: 59%;*/ width:55%;
    text-align: center
  }
  .qty-block {
    /*width: 39%;*/ width: 40%;
    text-align: center
  }
  .sj-finance-btn img {
    display: inline-block;
    width: 60%;
    max-width: 290px
  }
  div#price-view-partial-2 .col-md-12.price-block-outer {
      padding: 0 25px !important;
  }
}
@media (min-width:1200px) {
  .listitemblockhiimgDetailsView {
    position: absolute;
    width: 100%;
    height: 142px;
    /*background: url(https://media.superjeweler.com/image/upload/v1542187205/amp-assets/out-of-stock-2.png) no-repeat center center;*/
    background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/out-of-stock-2) no-repeat center center;
    z-index: 6;
    left: 0;
    top: 30%;
  }
  div#html_element {
    width: 100%;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    background: #efefef
  }
  div#html_element div {
    margin: auto;
    border: 0 none
  }
  .prodRatioHolder {
    padding-bottom: 55%;
    margin-top: 10px;
    border: 0
  }
  div#price-view-partial-2 .col-md-12.price-block-outer {
      padding: 0 15% !important;
  }
}
@media (max-width:768px) {
  .stock-quantity {
    text-align: center;
    font-size: 16px;
    font-weight: bold;
    display: block;
    padding: 10px 0 3px 0;
    border-top: 1px solid #c1c1c1;
    margin-top: 10px;
  }
  .stock-quantity span {
    color: #cb2027;
  }
  .item-thumbs {
    border: 1px solid #ccc;
    clear: none;
    display: inline-block;
    float: left !important;
    margin-bottom: 5px;
    margin-right: 6px;
    width: 52px !important
  }
  .bx-wrapper {
    float: left;
    margin: 0 auto 60px;
    max-width: none !important;
    padding: 0;
    position: relative;
    width: 100%
  }
  .thumbs-block {
    left: 0;
    margin-top: 10px !important;
    position: absolute;
    top: 0;
    width: 50px
  }
  .bx-wrapper .bx-viewport {
    background: #fff none repeat scroll 0 0;
    margin-top: 0 !important;
    transform: translateZ(0)
  }
  .listitemblockhiimgDetailsView {
    position: absolute;
    width: 100%;
    height: 143px;
    /*background: url(https://media.superjeweler.com/image/upload/v1542187205/amp-assets/out-of-stock-2.png) no-repeat center center;*/
    background: url(https://media.superjeweler.com/image/upload/f_auto/amp-assets/out-of-stock-2) no-repeat center center;
    z-index: 6;
    top: 25%;
    background-size: contain
  }
  .pictureslider .bx-wrapper .bx-viewport {
    height: 221px !important
  }
  .bx-wrapper .bx-next {
    top: 247px !important
  }
  .charm-item .col-md-5 {
    float: left;
    width: 100% !important;
    text-align: center
  }
  .charmimage .added {
    border: 1px solid #6abb69;
    border-radius: 5px
  }
  .image-video-buttons {
    display: none
  }
  .media-box .textLink img {
    width: 100%;
    height: auto
  }
  .media-box .textLink {
    display: inline-block;
    margin: 1%;
    cursor: pointer;
    border: 1px solid transparent;
    width: 7%
  }
  .media-box {
    width: 100% !important;
    height: auto;
    display: block;
    border: 0 !important;
    padding: 0 !important
  }
  .ratioHolder {
    width: 100%;
    padding-bottom: 100% !important;
    position: relative
  }
  .video-close-button {
    color: #272727 !important;
    position: absolute;
    right: 5px !important;
    top: 5px !important;
    font-size: 32px !important;
    background: #fff !important;
    border: 1px solid #000 !important;
    padding: 1px !important;
    border-radius: 26px !important;
    line-height: 1;
    height: 34px;
    width: 34px;
    transform: rotate(45deg);
    font-weight: 400 !important
  }
  #custPlugins .param-label {
    font-weight: 700;
    color: #000
  }
  [id^=bogoModal] .modal-body {
    padding: 0 50px 29px
  }
  [id^=bogoModal] .modal-content {
    max-width: 457px;
    margin: auto
  }
  #media-view-partial .gift-message-alert .gift-message {
    padding: 6px 20px;
    border: 1px solid #ffdbe3;
    border-radius: 45px;
    color: #fb5679;
    background: #ffffdf;
    width: calc(100% - 40px) !important;
    text-align: center
  }
  #gift-message-arrow {
    -webkit-animation: arrow-jump 1s infinite;
    -moz-animation: arrow-jump 1s infinite;
    -o-animation: arrow-jump 1s infinite;
    animation: arrow-jump 1s infinite
  }
  #gift-message-arrow img {
    transform: rotate(90deg)
  }
  #media-view-partial .gift-message-alert {
    padding-left: 0;
    padding-right: 0;
    min-height: 60px
  }
  .detail-page-title .font-bogo-header {
    font-size: 20px;
    font-weight: 700;
    margin: 0
  }
  .cust-plugin.BackSideEngrave.row, .cust-plugin.FrontSideEngrave.row {
    width: 50%;
    float: left
  }
  #cust-items .modal-title {
    text-align: center;
    padding: 10px 50px;
    font-weight: 700;
    font-size: 16px;
    line-height: 24px;
    margin: 0
  }
  .price-block .was-price {
    font-size: 13px;
    color: #8c8c8c;
    line-height: 1.5
  }
  .price-block .you-save {
    font-size: 16px;
    color: #004895;
    font-weight: 700;
    line-height: 1.5
  }
  .final-price {
    font-size: 32px;
    font-weight: 700;
    position: relative;
    line-height: 100%;
    min-width: 100px;
    margin-top: 7px
  }
  .final-price .special-label {
    font-size: 12px;
    position: absolute;
    top: -10px;
    line-height: 14px;
    width: 100%;
    text-align: center;
    color: #ed1c24;
    white-space: nowrap
  }
  .country-icon {
    width: 28%;
    height: auto;
    display: block;
    position: absolute;
    top: 0;
    left: 10px !important;
    z-index: 500;
    background: #fff;
    padding: 5px;
    max-width: 151px
  }
  .masonry {
    column-count: 1
  }
  #custPlugins .param-label {
    font-weight: 700;
    color: #000
  }
  .scarab-item object {
    /*background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/v1499539009/assets/img/loader-small.gif) no-repeat scroll center center;*/
    background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/f_auto/assets/img/loader-small) no-repeat scroll center center;
    width: 140px;
    height: 140px;
    margin: auto;
    clear: both;
    display: block
  }
  #personal-recs .scarab-item img {
    background: rgba(0, 0, 0, 0) url(/assets/img/loader-small.gif) no-repeat scroll center center;
    border: 0 none;
    display: block;
    height: 103px;
    margin: 0 0 16px;
    max-height: 140px !important;
    max-width: 140px !important;
    width: 100%
  }
  #personal-recs .scarab-item {
    width: 48% !important
  }
  .blk-MediaViewPartial {
    max-width: 480px;
    margin: auto
  }
  .media-box.visible-sm.visible-xs > .row-fluid + div {
    padding: 0 !important
  }
  .qty-label {
    /*line-height: 26px*/
  }
  .qty-block .input-group {
    max-width: 80px;
    width: 100%;
    display: inline-table;
  }
  .qty-block, .ring-size-block {
    vertical-align: middle;
    padding: 0 4px !important;
    width: auto;
  }
  .blk-ProductPrice-descrip {
    max-width: 480px;
    margin: auto;
    /*float: none*/
  }
  div#qty-up-down-control-mobile {
    margin-top: 6px;
}
  .blk-ProductPrice-descrip .row.qty-and-ring-size {
    display: block;
}
  .section-title.line-background {
    background: #e5e5e5;
    border-bottom-color: #fff;
    padding: 5px;
    border-radius: 17px;
    margin: 14px 0;
    clear: both
  }
  .section-title.text-center span {
    float: none;
    background: #e5e5e5;
    padding: 0 15px
  }
  span.jssocials-share-label {
    display: none
  }
  .buttonThumbs img {
    display: inline-block;
    width: 100%;
    height: 100%
  }
  .videoThumb:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 4px;
    left: 16px;
    /*background-image: url(https://media.superjeweler.com/image/upload/v1540718992/video-play-icon_iw3mfs.png);*/
    /*background-image: url(https://media.superjeweler.com/image/upload/f_auto/video-play-icon_iw3mfs);*/
    background-size: contain
  }
  .breadcrumb li {
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis
  }
  div#no-attributes {
    display: none
  }
  div#html_element {
    width: 100%;
    text-align: center;
    padding: 8px;
    border-radius: 6px;
    background: #efefef
  }
  div#html_element div {
    margin: auto;
    border: 0 none
  }
  .sj-finance-btn img {
    display: inline-block;
    width: 70%;
    max-width: 290px
  }
  div#price-view-partial {
    max-width: 290px;
    margin: auto
  }
  #LayawayModal .modal-dialog {
    width: 96% !important
  }
}
@media (max-width:767px) {
  .text-center-xs {
    text-align: center;
  }
  .new-bcroumb.detail .item-number { /* Item JWL Key Center Align in Mobile View */
    width: 100%;
    text-align: center !important;
  }
}
#LayawayModal .close {
  position: absolute;
  right: 8px !important;
  width: 40px;
  height: 40px;
  background: #fff;
  font-size: 32px;
  border-radius: 50px;
  top: 5px !important;
  color: #000;
  opacity: .7
}
@media screen and (max-width:768px) and (min-width:481px) {
  #personal-recs .scarab-item img {
    margin: auto
  }
  .media-box .textLink img {
    width: 100%;
    height: auto
  }
  .media-box .textLink {
    display: inline-block;
    margin: 1%;
    cursor: pointer;
    border: 1px solid transparent;
    width: 7%
  }
  .media-box {
    width: 100% !important;
    height: auto;
    display: block;
    border: 0 !important;
    padding: 0 !important
  }
  .Magic360-box {
    background: #fff
  }
}
@media (max-width:480px) {
  #personal-recs .scarab-itemlist {
    border: 0 none !important;
    padding: 0 15px;
    position: relative
  }
  #personal-recs .scarab-item {
    color: #333;
    display: inline-block;
    font-family: Arial, sans-serif;
    font-size: 11px;
    font-weight: 700;
    height: 100%;
    margin: 10px auto;
    padding: 5px;
    text-align: center;
    vertical-align: top
  }
  #personal-recs .scarab-item img {
    background: rgba(0, 0, 0, 0) url(/assets/img/loader-small.gif) no-repeat scroll center center;
    border: 0 none;
    display: block;
    height: auto;
    margin: 0 0 16px;
    max-width: 100% !important;
    width: 100%
  }
  .add-charms select {
    background: #f5f5f5 none repeat scroll 0 0;
    font-size: 14px !important;
    text-transform: none !important
  }
  .add-charms {
    border: 0 none !important;
    padding: 0 !important
  }
  .scarab-item > a {
    float: none;
    height: 161px !important;
    margin: 0 auto 10px;
    overflow: hidden;
    display: block
  }
  .scarab-item object {
    /*background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/v1499539009/assets/img/loader-small.gif) no-repeat scroll center center;*/
    background: rgba(0, 0, 0, 0) url(https://media.superjeweler.com/image/upload/f_auto/assets/img/loader-small) no-repeat scroll center center;
    width: 112px;
    height: 112px;
    margin: auto;
    clear: both;
    display: block
  }
  .Magic360-box {
    max-width: 100% !important;
    width: 476px !important;
    margin: 0 !important
  }
  [id^=bogoModal] .modal-body {
    padding: 0 25px 25px
  }
  [id^=bogoModal] h2 small {
    text-transform: none;
    color: #fff;
    font-size: 64%;
    margin-left: 0;
    clear: both;
    display: inline-block
  }
  .bogo-header-h + .detail-page-title {
    margin-top: -1px;
    text-align: center
  }
  .section-title {
    margin-top: 15px
  }
  .talk-by-email label, .talk-by-phn label {
    display: block
  }
}
@media (max-width:360px) {
  #media-view-partial .gift-message-alert .gift-message {
    font-size: 85%
  }
}
@media (max-width:992px) and (min-width:768px) {
  iframe#bread-checkout-btn-bread-iframe {
    height: 67px !important
  }
  iframe#bread-checkout-btn-bread-iframe {
    width: 100% !important;
    max-width: 458px;
    float: none;
    display: block;
    margin: auto !important
  }
  div#bread-button {
    padding: 10px 93px
  }
  .videoThumb:before {
    content: "";
    width: 25px;
    height: 25px;
    position: absolute;
    top: 7px;
    left: 15px;
    /*background-image: url(https://media.superjeweler.com/image/upload/v1540718992/video-play-icon_iw3mfs.png);*/
    /*background-image: url(https://media.superjeweler.com/image/upload/f_auto/video-play-icon_iw3mfs);*/
    background-size: contain
  }
}
@media (max-width:768px) {
  iframe#bread-checkout-btn-bread-iframe {
    width: 100% !important;
    max-width: 458px;
    float: none !important
  }
  .prodRatioHolder {
    margin-top: 10px;
    border: 0
  }
}
@media (max-width:480px) {
  iframe#bread-checkout-btn-bread-iframe {
    height: 67px !important
  }
}
@media (max-width:359px) {
    .emaillUS {
        width: 100%;
        overflow: hidden;
    }
    div#html_element {
        padding: 8px 0 8px 0;
        background: none;
    }
}

/* Engraving Popup Issue Fixed Start */
.ui-dialog.ui-corner-all.ui-widget.ui-widget-content.ui-front.ui-dialog-buttons.ui-draggable {
  background: #fff;
}


.ui-dialog.ui-corner-all .ui-dialog-content.ui-widget-content {
  padding: 10px 15px;
}

.ui-dialog.ui-corner-all .ui-dialog-buttonset {
  padding: 0 15px 15px 15px;
}

.ui-dialog.ui-corner-all button.ui-button.ui-corner-all.ui-widget {
  margin-right: 5px;
}

button.ui-button.ui-corner-all.ui-widget.ui-button-icon-only.ui-dialog-titlebar-close {
  -webkit-appearance: none;
  padding: 0;
  cursor: pointer;
  border: 0;
  z-index: 500;
  position: absolute;
  right: 5px;
  top: 10px;
  background: url(https://media.superjeweler.com/image/upload/v1557913528/amp-assets/cart-icons.png) -164px -65px;
  width: 15px;
  height: 15px;
  opacity: 1;
  font-size: 0;
}
/* Engraving Popup Issue Fixed End */


/* About Us video popup bottom extra height Issue temperrory Fixed Start */
iframe.venoframe.figlio {
    background: rgb(255 255 255 / 0%) !important;
}
/* About Us video popup bottom extra height Issue temperrory Fixed End */

/* Ring Size Popover Start */ 
.glyphicon {
    position: relative;
    top: 1px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
div#qty-ring-size-control-desktop .popover,
div#qty-ring-size-control-mobile .popover {
    opacity: 1; /* sets overall opacity */
}
div#qty-ring-size-control-desktop .popover-content,
div#qty-ring-size-control-mobile .popover-content {
    padding: 9px 14px;
    font-size: 14px;
}
/* Ring Size Popover End */ 

/* cloudinary Model Video Thumb Start */
@media (min-width:992px) {
  li.cloudinaryMV{
    height: 90px;
    width: 90px;
  }
  li.cloudinaryMV a {
      position: relative;
  }
  li.cloudinaryMV a:before {
      position: absolute;
      content: "";
      background: url(https://media.superjeweler.com/image/upload/v1753115511/amp-assets/video-play-round-2.png);
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 50%;
      top: 50%;
      margin-left: -15px;
      margin-top: -15px;
      opacity: 0.65;
  }
}
@media (max-width:991px) {
  .cloudinaryMV {
      position: relative;
      height: 60px !important;
      width: 60px !important;
  }
  .cloudinaryMV:before {
      position: absolute;
      content: "";
      background: url(https://media.superjeweler.com/image/upload/v1753115511/amp-assets/video-play-round-2.png);
      height: 30px;
      width: 30px;
      background-size: contain;
      left: 50%;
      top: 50%;
      margin-left: -15px;
      margin-top: -15px;
      opacity: 0.65;
  }
}
/* cloudinary Model Video Thumb End */