@charset "utf-8";
/* CSS Document */


@font-face {
	font-family: 'Franklin Gothic';
	src: url('../fonts/FranklinGothic-Medium.eot');
	src: url('../fonts/FranklinGothic-Medium.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothic-Medium.woff2') format('woff2'),
		url('../fonts/FranklinGothic-Medium.woff') format('woff'),
		url('../fonts/FranklinGothic-Medium.ttf') format('truetype'),
		url('../fonts/FranklinGothic-Medium.svg#FranklinGothic-Medium') format('svg');
	font-weight: 500;
	font-style: normal;
}

@font-face {
	font-family: 'Franklin Gothic Demi';
	src: url('../fonts/FranklinGothic-Demi.eot');
	src: url('../fonts/FranklinGothic-Demi.eot?#iefix') format('embedded-opentype'),
		url('../fonts/FranklinGothic-Demi.woff2') format('woff2'),
		url('../fonts/FranklinGothic-Demi.woff') format('woff'),
		url('../fonts/FranklinGothic-Demi.ttf') format('truetype'),
		url('../fonts/FranklinGothic-Demi.svg#FranklinGothic-Demi') format('svg');
	font-weight: normal;
	font-style: normal;
}
@font-face {
  font-family: "sj-icons";
  src:url("../fonts/sj-icons.eot");
  src:url("../fonts/sj-icons.eot?#iefix") format("embedded-opentype"),
    url("../fonts/sj-icons.woff") format("woff"),
    url("../fonts/sj-icons.ttf") format("truetype"),
    url("../fonts/sj-icons.svg#js-icons") format("svg");
  font-weight: normal;
  font-style: normal;

}


.gsPrev, .gsNext {
	height: 48px;
	position: absolute;
	width: 48px;
	z-index: 500;
}
.gsNext {
	right: 0;
	top: 40%;
	background: url('../img/touch-swipe/touch-swipe-arrows.png') -61px -83px;
}
.gsPrev {
	left: 0;
	top: 40%;
	background: url('../img/touch-swipe/touch-swipe-arrows.png') -64px -8px;
}
.dod-2017-march .regular-price-block {
	background: rgba(0, 0, 0, 0) url("../img/reg-price-bg.jpg") no-repeat scroll 0 0 / 100% 100%;
	padding: 13px 0 30px;
	text-align: center;
}
.dod-2017-march {
	font-family: "Franklin Gothic";
	line-height: 1;
}
.dod-2017-march .regular-price-block .label {
	font-size: 20px;
	vertical-align: middle;
}
.dod-2017-march .regular-price-block li {
	display: inline-block;
}
.dod-2017-march .regular-price-block .value {
  color: white;
  font-size: 32px;
  font-weight: bold;
  padding: 0 5px;
  position: relative;
  vertical-align: middle;
}
.dod-2017-march .regular-price-block .value > hr {
  border-bottom: 0 none;
  border-top: 2px solid red;
  margin: 0 -5px;
  position: absolute;
  top: 50%;
  width: 100%;
}
.dod-2017-march .dod-2017-march .deal-label {
	color: #121212;
	float: left;
	font-size: 35px;
	font-weight: bold;
	width: 100%;
}
.dod-2017-march .deal-price-block {
	margin: 20px 0;
	text-align: center;
}
.dod-2017-march .deal-price-block .deal-label {
	color: #1f1f1f;
	font-size: 35px;
	font-weight: bold;
}
.dod-2017-march .deal-price-block .deal-value {
	color: red;
	font-size: 70px;
	font-weight: 500;
}
.dod-2017-march .deal-description {
    font-size: 20px;
    font-weight: 500;
    padding: 0 30px;
    text-align: center;
    color: black;
    margin-top: 15px;
}
.dod-2017-march .reviews {
	margin: 0;
	text-align: center;
}
.dod-2017-march .buy-button-block .btn {
	border-radius: 7px;
	background-image: -moz-linear-gradient( 90deg, rgb(242,113,32) 0%, rgb(255,171,3) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgb(242,113,32) 0%, rgb(255,171,3) 100%);
	background-image: -ms-linear-gradient( 90deg, rgb(242,113,32) 0%, rgb(255,171,3) 100%);
}
.dod-2017-march .buy-button-block .btn.btn-lg {
	padding: 20px;
}
.dod-2017-march #clock {
	float: none !important;
	font-size: 27px;
	margin: 0;
	line-height: 40px;
}
.dod-2017-march #clock span::before {
	content: ": ";
}
.dod-2017-march #clock span:first-child::before {
	content: "";
}
.dod-2017-march .buy-button-block .button-text {
	color: #fff;
	font-size: 41px;
	line-height: 40px;
}
.dod-2017-march #slider-dod {
}
.dod-2017-march #slider-dod .ratioHolder {
	margin: auto;
	padding-bottom: 100%;
	position: relative;
}
.dod-2017-march .gsPrev {
  background: rgba(0, 0, 0, 0) url("../img/slider-arrow.png") no-repeat scroll 15px 8px;
  cursor: pointer;
  left: -13px;
  top: 45%;
}
.dod-2017-march .gsNext {
  background: rgba(0, 0, 0, 0) url("../img/slider-arrow.png") no-repeat scroll -28px 8px;
  cursor: pointer;
  right: -9px;
  top: 45%;
}
.dod-2017-march .pre-deals-title p {
  border-bottom: 2px solid;
  border-top: 2px solid;
  color: #252525;
  font-size: 33px;
  font-weight: 700;
  margin: 15px 0;
  padding: 13px 0;
  text-align: center;
  width: 100%;
}
.dod-2017-march #dod-prev-deals .custom-col-5 {
	text-align: center;
	line-height: 1.5;
}
.dod-2017-march .custom-row .custom-col-5 {
	float: left;
	margin: 0 15px;
	width: calc(20% - 30px);
}
.dod-2017-march #dod-prev-deals .list-price {
	color: #959595;
	font-size: 14px;
	font-weight: bold;
	line-height: 1;
	margin-top: 10px;
	text-decoration: line-through;
}
.dod-2017-march #dod-prev-deals .deal-price {
	font-size: 24px;
	font-weight: bold;
	color: red;
}
.dod-2017-march #dod-prev-deals .buy-button-block .btn.btn-sm {
	color: white;
	font-size: 22px;
}
.dod-2017-march a.more-info {
	margin: auto;
	width: auto;
	padding: 3px 7px;
}
.dod-2017-march span.more-info-text {
	float: none;
	display: inline-block;
	vertical-align: middle;
	margin: 2px 0 0 5px;
}
.dod-2017-march a.more-info:hover .more-info-text,
.dod-2017-march a.more-info:focus .more-info-text{
    text-decoration: underline;
}
.dod-2017-march .more-info-block {
	text-align: center;
}
.dod-2017-march .review-block{
	margin-top: 15px;
	margin-bottom: 10px;
	
}
.fb-comments .header {
    padding: 20px 20px 10px 20px !important;
	line-height: 1.25;
}
.fb-comments .header > p {
  margin: 0;
}
.liked-count, .comments-count, .shared-count {
    line-height: 1.65;
}
#chatbot {
  padding: 10px 20px 20px 20px;
}
#prev-6 {
  display: none;
}


.dod-2017-march .review-block img[src*="mobile.jpg"] {
  display: none;
}
.dod-2017-march .review-block img[src*="review.jpg"] {
  display: none !important;
}
.listitemblockhiimgDetailsView {
  background: rgba(0, 0, 0, 0) url("/assets/img/sorry-this-item-is-sold-out-large.png") no-repeat scroll center center;
  height: 100%;
  left: 37px;
  position: absolute;
  top: 0;
  width: 83%;
  z-index: 50;
}
#sticky-anchor {
  height: 0 !important;
  width: 100%;
}
#sticky.stick {
  background: white none repeat scroll 0 0;
  padding: 15px;
  position: fixed;
  top: -10px;
  width: 100%;
  z-index: 5000;
}
.slides, .thumbs {
  -moz-user-select: none;
  cursor: pointer;
  /*margin: 0 5%;*/
  min-height: 100%;
  overflow: hidden;
  position: absolute;
  width: 90%;
}

.ratioHolder .listitemblockhiimgDetailsView {
    width: 100%;
    left: inherit;
}

@media (min-width:992px) {
    .dod-2017-march .deal-price-block {
        margin: 35px 0;
        text-align: center;
    }
}

@media (max-width:992px) and (min-width:768px) {
.dod-2017-march .regular-price-block {
    background: rgba(0, 0, 0, 0) url(../img/reg-price-bg.jpg) no-repeat scroll 0 0 / 100% 100%;
    padding: 13px 0 21px;
    text-align: center;
}
.dod-2017-march .regular-price-block .label {
	font-size: 17px;
	vertical-align: middle;
}
.dod-2017-march .regular-price-block .value {
	color: white;
	font-size: 34px;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
}
.dod-2017-march .deal-price-block .deal-label {
	color: #1f1f1f;
	font-size: 27px;
	font-weight: bold;
}
.dod-2017-march .deal-price-block .deal-value {
	color: red;
	font-size: 52px;
	font-weight: 500;
}
.dod-2017-march .deal-price-block {
	margin: 11px 0;
	text-align: center;
}
.dod-2017-march #clock {
	float: left !important;
	font-size: 22px;
	line-height: 40px;
	margin: 0;
}
.dod-2017-march .buy-button-block .button-text {
	color: #fff;
	font-size: 32px;
	line-height: 40px;
}
#bogoModal1 .modal-lg, #bogoModal2 .modal-lg, #bogoModal3 .modal-lg {
    width: 675px;
}
/*.bogo-block {
    margin: 25px 0;
}*/
}

@media (max-width:768px) and (min-width:600px) {
	.dod-2017-march .buy-button-block .button-text {
  color: #fff;
  float: left;
  font-size: 41px;
  line-height: 40px;
  width: 100%;
}
.textLink {
    display: inline;
    margin: 5px 3px 5px 0px;
    cursor: pointer;
    border: 1px solid transparent;
}
}

@media (max-width:600px) and (min-width:300px) {
/*.dod-2017-march {
  margin: 0 !important;
}*/
.dod-2017-march .buy-button-block .button-text {
  color: #fff;
  float: left;
  font-size: 41px;
  line-height: 40px;
  width: 100%;
}
.dod-2017-march .regular-price-block {
    background: rgba(0, 0, 0, 0) url(../img/reg-price-bg.jpg) no-repeat scroll 0 0 / 100% 100%;
    padding: 7px 0 19px;
    text-align: center;
    margin-top: 15px;
}
.dod-2017-march .regular-price-block .label {
  font-size: 17px;
  vertical-align: middle;
}
.dod-2017-march .regular-price-block .value {
  color: white;
  font-size: 25px;
  font-weight: bold;
  vertical-align: middle;
  position: relative;
}
	.dod-2017-march .deal-price-block {
  margin: 10px 0;
  text-align: center;
}
.dod-2017-march .deal-price-block .deal-label {
  color: #1f1f1f;
  font-size: 18px;
  font-weight: bold;
}
	
.dod-2017-march .deal-price-block .deal-value {
  color: red;
  font-size: 32px;
  font-weight: 500;
}
.dod-2017-march #slider-dod .ratioHolder {
  margin: auto;
  padding-bottom: 69%;
  position: relative;
}
.dod-2017-march .deal-description {
    font-size: 14px;
    font-weight: 500;
    margin-top: 0 !important;
    padding: 0 15px;
    text-align: center;
    margin-bottom: 15px;
}
.dod-2017-march .buy-button-block .btn.btn-lg {
  padding: 13px 4px;
}
	.dod-2017-march #clock {
  float: left !important;
  font-size: 20px;
  line-height: 1;
  margin: 0;
}
	.dod-2017-march .buy-button-block .button-text {
  color: #fff;
  float: left;
  font-size: 30px;
  line-height: 1;
  width: 100%;
}
	.dod-2017-march .pre-deals-title p {
  border-bottom: 2px solid;
  border-top: 2px solid;
  color: #252525;
  font-size: 24px;
  font-weight: 700;
  margin: 15px 0;
  padding: 7px 0 5px;
  text-align: center;
  width: 100%;
}
.dod-2017-march .short-description.sameheight1 {
    height: auto !important;
    width: 80%;
    margin: auto;
}
.dod-2017-march .custom-row .custom-col-5 {
    float: left;
    margin: 0 15px;
    width: calc(100% - 30px) !important;
}
#chatbot {
  padding: 10px 25px 25px !important;
}
.textLink {
    display: inline-block;
    margin: 5px 5px 5px 0px !important;
    cursor: pointer;
    border: 1px solid transparent;
    width: 16px;
}
.textLink img {
    width: 100%;
}
.fb-comments .header {
    padding: 5px 20px 11px 20px !important;
    text-align: center;
    border-bottom: 1px solid #dedede;
    width: 100% !important;
    margin: auto !important;
    /* float: none !important; */
}
.ratioHolder {
    width: 100% !important;
    padding-bottom: 80% !important;
    position: relative;
    margin: auto;
}
/*#sjGallery .slides {
    width: 90%;
	}*/
.video-close-button {
    width: 10vw;
    height: 10vw;
    font-size: 9vw !important;
    /* padding: 0.5% 9% 5% 3%; */
    border-radius: 50% !important;
    transform: rotate(45deg);
    text-align: center;
    line-height: 8vw;
    background: white !important;
    color: #000 !important;
	border: 1px solid #777;
}
.media-box .row-fluid + div {
    padding: 0 0 10px 0 !important;
}

}

.textLink {
    display: inline-block;
    margin: 5px 15px 8px 0px;
    cursor: pointer;
    border: 1px solid transparent;
}
	.video-close-button {
  color: white;
  position: absolute;
  right: 20px;
  top: 13px;
  font-weight: bold;
  font-size: 2vw;
  background: black;
  border: 1px solid #fff;
  padding: 1vw 2vw;
  border-radius: 5px;
}
.MagicZoom, .mz-figure{
	text-align: center !important;
	width: 100% !important;
}

.image-video-buttons {
    display: none;
}
.rich-pins-block {
    margin-top: 10px;
    margin-bottom: 10px;
    text-align: center;
}
.clock-block {
    text-align: center;
    /* color: #000; */
}
/*.clock-block li {
    vertical-align: middle;
}*/

.clock-block li {
    vertical-align: middle;
    width: 100%;
    text-align: center;
    /* float: none !important; */
    padding: 0;
}

.clock-block li span {
    font-size: 24px;
    /* font-weight: bold; */
    color: #000;
    font-family: "Franklin Gothic";
    text-transform: uppercase;
    display: block;
    padding-bottom: 3px;
    /* letter-spacing: 2px; */
}


/* -- Bogo Block Styles  -- */


/* -- End of Bogo Block Styles  -- */

div#scrollonload {
    overflow: hidden;
}

@media (max-width:991px) {
    .deal-description.desktop-title {
        display: none;
    }
}

	
@media (max-width:768px) {
    .country-icon {
        width: 28%;
        height: auto;
        display: block;
        position: absolute;
        top: 0;
        left: 10px !important;
        z-index: 500;
        background: white;
        padding: 5px;
        max-width: 151px;
    }
}


/****************************** BoGo Block Css Start */
.bogo-block h3 {
    color: #da0000;
    font-family: "Franklin Gothic";
    font-size: 16px;
    font-weight: 100;
    margin: 0 0 10px 0
}
#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/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
}

#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/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/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
}
    
.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;
}
/*.bogo-block h3::before{
	content: url("https://media.superjeweler.com/f_auto,fl_lossy,q_auto/assets/img/gift-anim.gif");
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
}*/
.bogo-block li {
    border: 1px solid #d4d4d4;
    box-shadow: 0px 6px 21px -13px #000;
}
.bogo-block img {
    margin: 16px 1px;
}
.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 #808080;
    box-shadow: 0 10px 21px -13px #000;
	cursor: pointer;
}
.bogo-block.square .heart-overlay, .bogo-block.round .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%;
}
#bogoModals .modal {
    z-index: 9001;
}

[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: 13px !important;
    top: 18px !important;
    background: url(https://media.superjeweler.com/f_auto,fl_lossy,q_auto/assets/img/cart-icons-white.png) -156px -52px;
    width: 33px;
    height: 32px;
    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-size: cover;
    font-size: 24px;
    color: white;
    font-family: franklin gothic;
    text-align: left;
    padding: 16px 24px;
    margin: 0;
    font-weight: bold;
}
[id^="bogoModal"] .modal-header{
	margin: 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: bold;
    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: bold;
    margin: 7px 0;
    color: #d20303;
}
#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: bold;
    margin-left: 7px;
    font-size: 12px;
    text-decoration: underline;
}
#bogo-block-inner {
    margin: 10px 0;
    padding: 10px;
}


#rich-pin-block-pinterest {
    display: inline-block;
    vertical-align: top;
    margin: 0;
    padding: 0;
    border: 1px solid #fff;
}
.fb_iframe_widget {
    display: inline-block;
    position: relative;
    vertical-align: top;
    margin: 1px;
    border: 1px solid #fff;
    margin-left: 5px;
}

/* 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
}
.modal-backdrop.fade.in{
    z-index: 1;
}
/* UI Popup End */

@media (min-width:992px){
    #bogoModal1 .modal-lg, #bogoModal2 .modal-lg, #bogoModal3 .modal-lg {
        width: 675px;
    }
    .bogo-block .heart-overlay {
        display: none;
    }
}
@media (max-width:992px) and (min-width:768px) {
    .bogo-block {
        margin: 25px 0;
    }
}
/****************************** BoGo Block Css End */

/****************************** Slider Thumb Css Start */
.thumb-slider {
    float: left;
    width: 100%
}

.buttonThumbs {
    text-align: center;
}

.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;
    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: 330px;
}

.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
}

@media (max-width:991px) {
    .videoThumb {
        position: relative;
    }

    .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
    }

    .imageThumb,
    .threeSixtyThumb,
    .videoThumb {
        width: 60px !important;
        height: 45px !important;
        display: inline-block;
        vertical-align: top;
        border: 2px solid #747373;
        padding: 0;
        opacity: 1;
    }

    .imageThumb img,
    .threeSixtyThumb img,
    .videoThumb img {
        vertical-align: middle;
        width: auto !important;
        height: 100% !important
    }
}
/****************************** Slider Thumb Css End */

/****************************** Try On Styles Start */
.poplar-ar-button {
    display: none;
}

/* Flexbox Start */
.thumb-wrapper.wrap,
.buttonThumbs.wrap {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
}

.thumb-wrapper.flex-container,
.buttonThumbs.flex-container {
    padding: 0;
    margin: 0;
    list-style: none;
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: flex;
}

.thumb-wrapper .flex-item,
.buttonThumbs .flex-item {
    margin: 2px;
}

.thumb-wrapper .flex-item,
.buttonThumbs .flex-item {
    margin: 2px;
}

.thumb-wrapper .item-thumbs.flex-item.poplar-thumbs {
    line-height: 67px;
    font-size: 12px;
}

.buttonThumbs .imageThumb.flex-item.poplar-thumbs {
    background: none;
    font-size: 12px;
    line-height: 1;
}

/* Flexbox End */
/****************************** Try On Styles End */