.zoomPad {
      position: relative;
      float: left;
      z-index: 99;
      cursor: crosshair;
    }
    .zoomPreload {
      -moz-opacity: 0.8;
      opacity: 0.8;
      /*filter: alpha(opacity = 80);*/
      color: #333;
      font-size: 12px;
      font-family: Tahoma;
      text-decoration: none;
      /*border: 1px solid #CCC;*/
      background-color: white;
      padding: 8px;
      text-align: center;
      background-image: url(/en/img/ui/zoomloader.gif);
      background-repeat: no-repeat;
      background-position: 43px 30px;
      z-index: 110;
      width: 90px;
      height: 43px;
      position: absolute;
      top: 0px;
      left: 0px;
      *width: 100px;
      *height: 49px;
    }
    .zoomPup {
      overflow: hidden;
      background-color: #FFF;
      -moz-opacity: 0.6;
      opacity: 0.6;
      /*filter: alpha(opacity = 60);*/
      z-index: 120;
      position: absolute;
      /*border:1px solid #CCC;*/
      z-index: 101;
      cursor: crosshair;
    }
    .zoomOverlay {
      position: absolute;
      left: 0px;
      top: 0px;
      background: #FFF;
      /*opacity:0.5;*/
      z-index: 5000;
      width: 100%;
      height: 100%;
      display: none;
      z-index: 101;
    }
    .zoomWindow {
      position: absolute;
      left: 110%;
      top: 40px;
      background: #FFF;
      z-index: 6000;
      height: auto;
      z-index: 10000;
      z-index: 110;
    }
    .zoomWrapper {
      position: relative;
      /*border:1px solid #999;*/
      z-index: 110;
    }
    .zoomWrapperTitle {
      display: block;
      background: #999;
      color: #FFF;
      height: 18px;
      line-height: 18px;
      width: 100%;
      overflow: hidden;
      text-align: center;
      font-size: 10px;
      position: absolute;
      top: 0px;
      left: 0px;
      z-index: 120;
      -moz-opacity: 0.6;
      opacity: 0.6;
      /*filter: alpha(opacity = 60);*/
    }
    .zoomWrapperImage {
      display: block;
      position: relative;
      overflow: hidden;
      z-index: 110;
    }
    .zoomWrapperImage img {
      border: 0px;
      display: block;
      position: absolute;
      z-index: 101;
      max-width: none;
    }
    .zoomIframe {
      z-index: -1;
      /*filter:alpha(opacity=0);*/
      -moz-opacity: 0.80;
      opacity: 0.80;
      position: absolute;
      display: block;
    }
    /*********************************************************
    / When clicking on thumbs jqzoom will add the class
    / "zoomThumbActive" on the anchor selected
    /*********************************************************/
    /*.productTitle {
      font-size: 25px;
      font-weight: bold;
    }
    @media (max-width:  767px ) {
      .productTitle {
        font-size: 15px;
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      .productTitle {
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }*/
    .productSubheading {
      font-size: 20px;
    }
    @media (max-width:  767px ) {
      .productSubheading {
        font-size: 15px;
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      .productSubheading {
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }
    .productSerial {
      font-size: 11px;
      color: #000;
    }
    @media (max-width:  767px ) {
      .productSerial {
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      .productSerial {
        text-align: center;
        margin: 0;
        line-height: 1.2;
      }
    }
    .productPrice .price {
      font-size: 20px;
      display: inline-block;
      line-height: 1;
    }
    .productPrice .item-price {
        font-size: inherit !important;
    }
    .productPrice .price + .price {
      padding-left: 0.5em;
      border-left: 1px solid #95989A;
    }
    .productPrice .price.price-original {
      text-decoration: line-through;
      color: #7F7F7F;
    }
    .productPrice .price.price-new {
      color: #C69967;
    }
    .productPrice .price-remark {
      font-size: 11px;
      color: #95989A;
    }
    @media (max-width:  767px ) {
      .productPrice {
        margin-top: 10px;
        text-align: center;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      .productPrice {
        margin-top: 10px;
        text-align: center;
      }
    }
    .productOptions .wrapper {
      position: relative;
      margin-bottom: 5px;
    }
    .productOptions .wrapper .text-subheading-1 {
      margin-bottom: 5px;
    }
    @media (max-width:  767px ) {
      .productOptions .wrapper .text-subheading-1 .small {
        display: block;
        margin-top: 0.5em;
      }
    }
    .productOptions .sizeguide {
      /*position: absolute;*/
      display: block;
      top: 0;
      right: 0;
      font-size: 11px;
      color: #C69967;
      text-decoration: underline;
    }
    .btn-full-width {
      display: block;
      border-top: 1px solid #E9E7E8;
      padding: 1em 15px;
      font-size: 14px;
    }
    .btn-full-width:last-child {
      border-bottom: 1px solid #E9E7E8;
    }
    .table-shipping-info,
    .table-return-exchange {
      margin-top: 2em;
    }
    .table-shipping-info td,
    .table-return-exchange td {
      vertical-align: top;
      padding-bottom: 2em;
    }
    .table-shipping-info td.col-icon,
    .table-return-exchange td.col-icon {
      padding-top: 0.5em;
      padding-right: 2em;
    }
    .table-shipping-info td.col-icon img,
    .table-return-exchange td.col-icon img {
      max-width: none;
    }
    .btn-reserve {
      width: 49%;
      float: left;
    }
    .btn-instant {
      width: 49%;
      float: right;
    }
    .list-inclued {
      list-style: none;
      margin: 0;
      padding: 0;
      margin-top: 2em;
    }
    .list-inclued li {
      margin-bottom: 1em;
    }
    #pageProductDetails {
      width: 100%;
      overflow-x: hidden;
    }
    #pageProductDetails #product-info-head {
      position: fixed;
      top: 0px;
      left: 0;
      width: 100%;
      height: 60px;
      padding: 10px 15px;
      line-height: 40px;
      background: #E9E8E8;
      z-index: 99;
      -webkit-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all 0.2s ease;
      -webkit-transform: translate(0%, -110px);
      -ms-transform: translate(0%, -110px);
      -o-transform: translate(0%, -110px);
      transform: translate(0%, -110px);
    }
    #pageProductDetails #product-info-head.active {
      -webkit-transform: translate(0%, 0px);
      -ms-transform: translate(0%, 0px);
      -o-transform: translate(0%, 0px);
      transform: translate(0%, 0px);
    }
    #pageProductDetails #product-info-head .product-name {
      float: left;
    }
    #pageProductDetails #product-info-head .product-btn {
      float: right;
    }
    #pageProductDetails #product-info-head .product-btn .btnShoppingCart {
      height: 26px;
      padding-top: 0;
      padding-bottom: 0;
      line-height: 24px;
    }

    #table-product-details td{
        width:calc(100% / 3);
    }

    @media (min-width:  992px ) {
      #pageProductDetails #product-info-head {
        top: 50px;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      #pageProductDetails #product-info-head {
        top: 50px;
      }
    }
    @media (max-width:  767px ) {
      #pageProductDetails #product-info-head {
        line-height: 1.2;
        padding: 5px 15px;
        height: auto;
        top: 60px;
        font-size: 11px;
        white-space: nowrap;
      }
      #pageProductDetails #product-info-head .product-name {
        float: none;
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
        width: 50%;
      }
      #pageProductDetails #product-info-head .product-name .title {
        display: block;
      }
      #pageProductDetails #product-info-head .product-btn {
        text-align: right;
        float: none;
        display: inline-block;
        white-space: normal;
        vertical-align: middle;
        width: 50%;
      }
      #pageProductDetails #product-info-head .product-btn .btnShoppingCart {
        font-size: 12px;
      }
    }
    #pageProductDetails .sectionHeading {
      text-align: center;
      border-bottom: 1px solid #E9E7E8;
      margin: 45px 0;
    }
    #pageProductDetails .sectionHeading .txt {
      line-height: 1em;
      font-size: 30px;
      position: relative;
      top: 0.8em;
      display: inline-block;
      padding: 0 1.5em;
      background: #fff;
    }
    @media (max-width:  767px ) {
      #pageProductDetails .sectionHeading .txt {
        top: 0.9em;
        padding: 0 0.5em;
        font-size: 20px;
      }
    }
    #pageProductDetails #nav-misc {
      padding-top: 15px;
      margin-bottom: 30px;
      line-height: 24px;
    }
    #pageProductDetails #nav-misc #nav-misc-inner {
      padding: 15px 0;
      border-top: 1px solid #E9E7E8;
    }
    #pageProductDetails #nav-misc .nav-share {
      float: left;
      position: relative;
    }
    #pageProductDetails #nav-misc .nav-share .social-component {
      position: absolute;
      top: 0;
      left: 80px;
      background: white;
      white-space: nowrap;
      display: none;
    }
    #pageProductDetails #nav-misc .nav-share .social-component a {
      display: inline-block;
      margin: 0 0.5em 0 0;
      color: #95989A;
      width: 24px;
      height: 24px;
      line-height: 24px;
      font-size: 16px;
      text-align: center;
    }
    #pageProductDetails #nav-misc .nav-share .social-component a .fa {
      color: #95989A;
    }
    @media (max-width:  767px ) {
      #pageProductDetails #nav-misc .nav-share .social-component {
        top: 2em;
        left: 0;
      }
    }
    #pageProductDetails #nav-misc .nav-dir {
      float: right;
    }
    #pageProductDetails #nav-misc .nav-dir .blk {
      display: inline-block;
    }
    #pageProductDetails #nav-misc .nav-dir .blk + .blk {
      margin-left: 30px;
    }
    @media (max-width:  767px ) {
      #pageProductDetails #nav-misc .nav-dir .blk + .blk {
        margin-left: 10px;
      }
    }
    #pageProductDetails .nav-tabs {
      border-bottom: 0;
      text-align: center;
      margin: 15px 0;
    }
    #pageProductDetails .nav-tabs > li {
      float: none;
      display: inline-block;
    }
    #pageProductDetails .nav-tabs > li + li {
      border-left: 1px solid #95989A;
    }
    #pageProductDetails .nav-tabs > li > a {
      border: 0;
      background: none;
      color: #7F7F7F;
      padding-top: 0.25em;
      padding-bottom: 0.25em;
    }
    #pageProductDetails .nav-tabs > li.active > a {
      font-weight: bold;
      color: #111;
    }
    #pageProductDetails .btnExplore {
      width: 30px;
      height: 30px;
      line-height: 30px;
      display: inline-block;
      color: #95989A;
      font-size: 30px;
    }
    #pageProductDetails .btnExplore:hover {
      color: #454545;
    }
    #pageProductDetails #productOrdering {
      margin-bottom: 90px;
    }
    #pageProductDetails #productOrdering .customize-result {
      padding: 1em 0;
    }
    #pageProductDetails #productOrdering .customize-result .customize-name {
      color: #C69967;
      font-style: italic;
    }
    #pageProductDetails #productOrdering .customize-result .customize-value {
      display: inline-block;
      background: #C69967;
      color: white;
      font-size: 0.85em;
      padding: 0.25em 0.5em;
    }
    #pageProductDetails #productOrdering .customize-result .customize-value .text {
      display: inline-block;
      margin-right: 1em;
    }
    #pageProductDetails #productOrdering .customize-result .customize-value .btnClose {
      color: #281f15;
    }
    #pageProductDetails #productOrdering .customize-result .customize-edit {
      display: inline-block;
      font-size: 20px;
      vertical-align: sub;
    }
    #pageProductDetails #productOrdering .customize-result .customize-edit a {
      display: inline-block;
      color: #95989A;
      font-size: 0.85em;
      text-decoration: underline;
      margin-left: 1em;
    }
    @media (min-width:  992px ) {
      #pageProductDetails #productOrdering .col-img {
        padding: 0 60px;
      }
    }
    #pageProductDetails #productOrdering .col-img .wrapper {
      position: relative;
    }
    #pageProductDetails #productOrdering .col-img .wrapper .btn-wish {
      position: absolute;
      width: 40px;
      height: 40px;
      top: 0;
      right: 0;
      line-height: 40px;
      text-align: center;
      background: url(../../img/ui/heart-blank.png) no-repeat center center;
      background-size: 30px;
      z-index: 1;
    }
    #pageProductDetails #productOrdering .col-img .wrapper .btn-wish.active {
      background-image: url(../../img/ui/heart-fill.png);
    }
    @media (max-width:  767px ) {
      #pageProductDetails #productOrdering .col-img .wrapper .btn-wish {
        background-size: 24px;
      }
    }
    .col-img .wrapper .btn-wish2 {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        line-height: 40px;
        text-align: center;
        background: url(../../img/ui/heart-blank.png) no-repeat center center;
        background-size: 30px;
        z-index: 1;
    }
    .col-img .wrapper .btn-wish.active,
    .col-img .wrapper .btn-wish2.active {
        background-image: url(../../img/ui/heart-fill.png);
    }
    #pageProductDetails #productOrdering .col-img #videoContainer {
      position: absolute;
      top: 0;
      left: 0;
      width: 100%;
      height: 100%;
      background: white;
      display: none;
      z-index: 2;
    }
    #pageProductDetails #productOrdering .col-img #videoContainer .close {
      position: absolute;
      top: 0;
      right: 0;
      width: 30px;
      height: 30px;
      background-size: 20px 20px;
      background-repeat: no-repeat;
      background-position: center;
      background-image: url(/en/img/ui/close.png);
      cursor: pointer;
      z-index: 2;
    }
    #pageProductDetails #productOrdering .col-img #videoContainer video {
      width: 100%;
      height: 100%;
      position: relative;
      z-index: 1;
    }
    @media (max-width:  767px ) {
      #pageProductDetails #productOrdering {
        margin-bottom: 15px;
      }
    }
    #pageProductDetails #productOrdering #product-preview-slider-mobile {
      margin-bottom: 45px;
    }
    #pageProductDetails #productOrdering #product-preview-slider-mobile img {
      margin-left: auto;
      margin-right: auto;
    }
    #pageProductDetails #productOrdering #product-thumbnail-slider {
      text-align: center;
    }
    @media (max-width:  767px ) {
      #pageProductDetails #productOrdering #product-thumbnail-slider {
        display: none;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      #pageProductDetails #productOrdering #product-thumbnail-slider {
        display: none;
      }
    }
    #pageProductDetails #productOrdering #product-thumbnail-slider .product-thumbnail-slide {
      width: 96px;
      height: 96px;
      display: inline-block;
      margin: 2px 0;
      border: 1px solid #E9E7E8;
      background-size: cover;
      background-position: center;
      background-repeat: no-repeat;
    }
    #pageProductDetails #productOrdering #product-thumbnail-slider .product-thumbnail-slide.video {
      position: relative;
    }
    #pageProductDetails #productOrdering #product-thumbnail-slider .product-thumbnail-slide.video:before {
      content: '';
      display: block;
      width: 100%;
      height: 100%;
      top: 0;
      left: 0;
      position: absolute;
      background: rgba(255, 255, 255, 0.5);
      z-index: 1;
    }
    #pageProductDetails #productOrdering #product-thumbnail-slider .product-thumbnail-slide.video:after {
      content: '';
      display: block;
      width: 40px;
      height: 40px;
      position: absolute;
      top: 50%;
      left: 50%;
      margin-top: -20px;
      margin-left: -20px;
      background: url(/en/img/ui/btn_video_play.png) no-repeat center center;
      background-size: 35px 35px;
      z-index: 2;
    }
    #pageProductDetails .productInformation .productTitle {
      margin-top: 0;
    }
    #pageProductDetails .productRedeems {
      background: #F5F5F5;
      font-size: 11px;
      padding: 10px 5px;
      white-space: nowrap;
      margin: 10px 0;
      text-align: center;
    }
    @media (min-width:  1280px ) {
      #pageProductDetails .productRedeems .blk {
        vertical-align: middle;
        text-align: left;
        display: inline-block;
        padding: 0 8px;
      }
      #pageProductDetails .productRedeems .blk + .blk {
        border-left: 1px solid #95989A;
      }
    }
    @media (min-width:  992px ) {
      #pageProductDetails .productRedeems .blk {
        width: 50%;
        padding: 0 10px;
        white-space: normal;
        text-align: center;
        display: inline-block;
        vertical-align: top;
      }
      #pageProductDetails .productRedeems .blk + .blk {
        border-left: 1px solid #95989A;
      }
      #pageProductDetails .productRedeems .blk .img {
        display: block;
        margin: 0 auto;
      }
      #pageProductDetails .productRedeems .blk .txt {
        display: block;
        text-align: center;
      }
    }
    @media (max-width:  767px ) {
      #pageProductDetails .productRedeems {
        margin-left: -15px;
        margin-right: -15px;
      }
     #pageProductDetails .productRedeems .blk {
        width: 50%;
        white-space: normal;
        text-align: center;
        display: inline-block;
        vertical-align: top;
      }
      #pageProductDetails .productRedeems .blk + .blk {
        border-left: 1px solid #95989A;
      }
      #pageProductDetails .productRedeems .blk .img {
        display: block;
        margin: 0 auto;
      }
      #pageProductDetails .productRedeems .blk .txt {
        display: block;
        text-align: center;
      }
    }
    #pageProductDetails .promotionOffer {
      margin: 10px 0;
      padding: 10px 15px;
      color: #C69967;
      font-weight: bold;
      background: #F5F5F5;
    }
    @media (max-width:  767px ) {
      #pageProductDetails .promotionOffer {
        margin-left: -15px;
        margin-right: -15px;
      }
    }
    #pageProductDetails .productOrdering {
      margin: 10px 0;
    }
    #pageProductDetails #sectionDetails #details-product #table-product-details {
     /* color: #7F7F7F;*/
    }
    #pageProductDetails #sectionDetails #details-product #table-product-details td {
      vertical-align: top;
      padding-right: 2em;
      padding-bottom: 1em;
    }
    #pageProductDetails #sectionDetails #details-product #table-product-details td.col-title {
      font-weight: bold;
      padding-right: 3em;
    }
    #pageProductDetails #sectionDetails #details-product #table-product-details tr + .newrow td {
      padding-top: 1.5em;
    }
    @media (min-width:  992px ) {
      #pageProductDetails #sectionDetails #details-product #table-product-details td.col-title {
        white-space: nowrap;
      }
    }
    #pageProductDetails #sectionDetails #details-deliver {
      /*color: #7F7F7F;*/
    }
    #pageProductDetails #sectionDetails #details-deliver .col-segment {
      margin-bottom: 2em;
    }
    #pageProductDetails #sectionRecommend #row-pdt {
      margin-bottom: 45px;
    }
    @media (max-width:  767px ) {
      #pageProductDetails #sectionRecommend #row-pdt {
        margin-left: 0;
        margin-right: 0;
      }
    }
    #pageProductDetails #sectionRecommend .col-pdt {
      padding: 0 5px;
    }
    #pageProductDetails #sectionRecommend .col-pdt .comp-pdt-blk-img {
      border: 0;
    }
    @media (min-width:  992px ) {
      #pageProductDetails #sectionRecommend .col-pdt {
        width: 20%;
        float: left;
      }
    }
    @media (max-width:  767px ) {
      #sectionDetails,
      #sectionMixMatch,
      #sectionStory {
        display: none;
      }
    }
    @media (min-width:  768px ) and (max-width:  991px ) {
      #sectionDetails,
      #sectionMixMatch,
      #sectionStory {
        display: none;
      }
    }
    /* slide panel content start */
    .slidePanel#slidePanel-details {
      color: #000;
    }
    .slidePanel#slidePanel-details table {
      width: 100%;
      margin-top: 1.5em;
    }
    .slidePanel#slidePanel-details table td {
      width: 50%;
      padding-bottom: 1.5em;
    }
    .slidePanel#slidePanel-details table td:first-child {
      padding-right: 1.5em;
    }

    .slidePanel#slidePanel-engraving .input-engrav-text {
      height: 40px;
    }
    .slidePanel#slidePanel-engraving .custom-input-container {
      position: relative;
      padding-right: 90px;
    }
    .slidePanel#slidePanel-engraving .custom-input-container .btn-heart {
      position: absolute;
      width: 40px;
      height: 40px;
      line-height: 40px;
      text-align: center;
      top: 0;
      background-size: 25px 22px;
      background-position: center;
      background-repeat: no-repeat;
      background-color: #E9E7E8;
      color: transparent;
    }
    .slidePanel#slidePanel-engraving .custom-input-container .btn-heart.fill {
      right: 45px;
      background-image: url(../../img/ui/heart-fill.png);
    }
    .slidePanel#slidePanel-engraving .custom-input-container .btn-heart.blank {
      right: 0;
      background-image: url(../../img/ui/heart-blank.png);
    }
    .slidePanel#slidePanel-tell-friend form label {
      font-size: 11px;
      font-weight: 400;
    }
    .slidePanel#slidePanel-tell-friend form textarea {
      width: 100%;
      height: 120px;
    }
    #form-tell-friend textarea {
      width: 100%;
      min-height: 100px;
      border: 1px solid #95989A;
    }
    #form-tell-friend label,
    #form-tell-friend .control-label {
      font-weight: 400;
      padding-top: 0;
    }
    #form-tell-friend .captcha {
      padding-top: 2;
      width: 50%;
    }

    #form-add-comment textarea {
      width: 100%;
      min-height: 100px;
      border: 1px solid #95989A;
    }
    #form-add-comment label,
    #form-add-comment .control-label {
      font-weight: 400;
      padding-top: 0;
    }

    .m-close:after {
      position: fixed;
      top: 0;
      left: 0;
      width: 60px;
      height: 60px;
      background: white;
      content: "\f404";
      font-family: "Ionicons";
      color: black;
      line-height: 60px;
      text-align: center;
      font-size: 60px;
    }

    .missing {
        border-color: #e96666 !important;
    }

    .ProductDetails_bundle_promote{
    border: solid 1px #eee;
    margin-bottom: 10px;
    padding: 10px;
    }



    /*.slidePanel-body*/
    /*.slidePanel {
        padding: 105px 0px 0px;
    }*/

    .head_bg:before{
    content:'';
    vertical-align: middle;
    height:100%;
    display: inline-block;
    }

    .head_bg .btn{
    vertical-align: middle;
    }
    .head_bg .active{
        color:#b67d0e;
        font-weight: bold;
        text-decoration: underline;
    }

    .stepPhoto .img{
        display:none;
    }
    .stepPhoto .img.active{
        display:block;
    }

    .stepPhoto ul{
        margin:0px;
        padding:0px;
        list-style-type: none;
    }

    #details-charme .stepPhoto li .bg, #details-earplay .stepPhoto li .bg, #slidePanel-charme .stepPhoto li .bg, #slidePanel-earplay .stepPhoto li .bg {
        position: absolute;
        width:90%;
        margin:4.5%;
        padding:4.5%;
        background: rgba(242, 242, 242, 1);
    }


    #slidePanel-charme .stepPhoto li .bg, #slidePanel-earplay .stepPhoto li .bg{
      height:auto;
    }


    .stepPhoto li .bg .hd:before{
        content: '';
        width: 30px;
        height: 2px;
        background: #000;
        display: block;
        margin-bottom: 3px;
    }

    #details-charme .stepPhoto li .hd, #details-earplay .stepPhoto li .hd{
        font-size:25px;
        float:left;
        width:110px;
    }

    #slidePanel-charme .stepPhoto li .hd, #slidePanel-earplay .stepPhoto li .hd{
        font-size: 27px;
        float: left;
        width: 100px;
    }

    #details-charme .stepPhoto li .subhd, #details-earplay .stepPhoto li .subhd{
        font-size:17px;
        color:#b99054;
    }

    #slidePanel-charme .stepPhoto li .subhd, #slidePanel-earplay .stepPhoto li .subhd{
        font-size: 17px;
        color:#b99054;
    }
    #details-charme .stepPhoto li .content, #details-earplay .stepPhoto li .content{
        float: left;
        width: calc(100% - 110px);
        font-size:13px;
    }


    #slidePanel-charme  .stepPhoto li .content, #slidePanel-earplay  .stepPhoto li .content{
        float: left;
        width: calc(100% - 100px);
        font-size:12px;
    }

    #details-charme .stepPhoto li, #details-earplay .stepPhoto li{
        width:50%;
        float:left;
        height:505px;
        margin:0px;
        padding:0px;
        position: relative;
    }

     #details-earplay .stepPhoto li.step5{
        width:100%;
       background-size: cover;
     }


     #details-earplay .stepPhoto li.step5 .bg{
        width: 40%;
        top: 30%;
        margin: 3%;
        padding: 2.5%;
     }



    #slidePanel-charme  .stepPhoto li, #slidePanel-earplay  .stepPhoto li{
        width:100%;
        margin:0px;
        padding:0px;
        position: relative;
        height:370px;
        background-size: cover;
    }


    .referencePrice{
        color:#bd6b6b;
    }

    .stepPhoto .bracelet .step1{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_b_01.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .bracelet .step2{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_b_02.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .bracelet .step3{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_b_03.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .bracelet .step4{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_b_04.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .necklace .step1{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_n_01.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .necklace .step2{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_n_02.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .necklace .step3{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_n_03.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .necklace .step4{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/charme_code_wearing_n_04.jpg) no-repeat 50% 50%;
    }



    .stepPhoto .earplay .step1{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_02.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .earplay .step2{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_03.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .earplay .step3{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_04.jpg) no-repeat 50% 50%;
    }

    .stepPhoto .earplay .step4{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_06_2.jpg) no-repeat 50% 50%;
    }
    /*
     #details-earplay .stepPhoto .earplay .step5{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_06.jpg) no-repeat 50% 50%;
    }

    #slidePanel-earplay .stepPhoto .earplay .step5{
        background:url(//cdn.chowsangsang.com/eshop/hk/newweb/earplay_wearing_06_2.jpg) no-repeat 50% 50%;
        background-size: cover;
    }
    */
    #fullPageLoading {
        z-index: 20000;
    }

    .news-promote-msg>div>.txt{
        color:#bc2727;
    }

    .btn-forLocalUse{
       border-style: solid;
       border-color: #6E6E6E;
    }

    .forLocalUse{
       color: #FF0000;
       font-size:12px;
    }

    .forLocalUse-m{
       color: #FF0000;
    }

    #item-desktop-loginInfo{
       background-color: #E6E6E6;
       border-left: 4px;
       border-right 4px;
    }

    #item-desktop-loginInfo-m{
       border-style: solid;
       border-color: #6E6E6E;
    }

    #pageProductDetails #nav-misc .nav-share {
        float: left;
        position: relative;
    }
    #pageProductDetails #nav-misc .nav-share .social-component {
        position: absolute;
        top: 0;
        left: 80px;
        background: white;
        white-space: nowrap;
        display: none;
    }
    #pageProductDetails #nav-misc .nav-share .social-component a {
        display: inline-block;
        margin: 0 0.5em 0 0;
        color: #95989A;
        width: 24px;
        height: 24px;
        line-height: 24px;
        font-size: 16px;
        text-align: center;
    }
    #pageProductDetails #nav-misc .nav-share .social-component a .fa {
        color: #95989A;
    }
    @media (max-width:  767px ) {
        #pageProductDetails #nav-misc .nav-share .social-component {
            top: 2em;
            left: 0;
        }
    }

    #pdt-list-wrapper .pdt-blk {
        width: 25%;
        height: 430px;
        float: left;
        padding:0px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    #section-product-listing .text-body-2.hidden-xs.hidden-sm{
        float:left;
    }
    .pdt-list-view{
        float:right;
    }

    hr{
        height:1px;
            border: 0px;
        border-bottom: solid 1px #e0e0e0;
    }


    .btn-personalise,
    .btn-birthstone,
    .btn-engraving {
      border: 1px solid #454545;
      color: #454545;
    }

    .productInformation table {
        width: 100%;
    }
    .productInformation table tr td {
        padding: 10px 0;
    }

    .productInformation table tr td:first-child {
        width: 40%;
    }

    .btn-block.btnBackToList{
        margin-top: 10px;
    }

    #productOrdering .productOptions{
            margin-top: 20px;
    }

    .price-new1{
        color: #C69967;
        font-size: 20px;
        display: inline-block;
        line-height: 1;
    }
    #lightbox-birthstone .ui-option, #slidePanel-birthstone .ui-option {
        text-align: center;
        margin-bottom: 15px;
        float: left;
        width: 20%;
    }

    #lightbox-birthstone2 .ui-option, #slidePanel-birthstone2 .ui-option{
        text-align: center;
        margin-bottom: 15px;
        float: left;
        width: 25%;
    }

    .ui-option .birthstone-select-option {
        margin-bottom: 3px;
        border: solid 1px #e1e1e1;
        padding: 7%;
        cursor: pointer;
        width: 46%;
        margin: 0 auto;
    }

    div {
        display: block;
    }

    .ui-option .birthstone-select-option.active {
        background: #f4ebe1;
        border: solid 1px #dab78f;
    }

    .birthstone-price {
        font-size: 18px;
        width: 100%;
        text-align: right;
    }

    .text-subheading {
        padding-bottom: 15px;
        font-size: 18px;
        text-align: left;
        width: 180%;
    }

    .text-subheading-1 {
        padding: 20px 0;
    }

    .text-subheading .left-text-subheading, .text-subheading .right-text-subheading {
        font-size: 13px;
        color: #787878;
        margin-left: 10px;
    }

    .lightbox-product-details .lightbox-heading {
        text-align: center;
        padding-bottom: 1.5em;
        border-bottom: 1px solid #E9E7E8;
    }

    .text-preview {
        position: absolute;
        width: 91%;
        text-align: center;
        color: #a8a7a7;
        bottom: 1%;
        z-index: 30;
    }

    .birthstone-price span {
        color: #bc9248;
        margin-left: 20px;
    }

    .lightbox-product-details .lightbox-body {
        padding-top: 1.5em;
    }

    .col-img-birthStone img { /*.col-img img*/
        border: solid 1px #e1e1e1;
    }

    .lightbox-product-details {
        padding: 30px 60px;
    }

    .slidePanel-body .col-img img {
        width: 60%;
    }

    .slidePanel-body .ui-option .birthstone-select-option{
        width:60%;
    }

    .slidePanel-body .text-subheading{
        width:100%;
    }

    .slidePanel-body .img-padding {
        text-align: center;
        margin-bottom: 20px;
    }




    /* filterpanel */

    .filterpanel-row {
        font-size:12px;
        text-align:center;
        clear: both;
        color:#6f6f6f;
    }

    .filterpanel-row .inactive {
        color:#cccccc;
    }

    .filterpanel-row .col1,
    .filterpanel-row .col2,
    .filterpanel-row .col3,
    .filterpanel-row .colcol1,
    .filterpanel-row .colcol2,
    .filterpanel-row .colcol2_2,
    .filterpanel-row .colcol3,
    .filterpanel-row .colcol4,
    .filterpanel-row .colhead,
    .filterpanel-row .colhead_2,
    .filterpanel-row .col3col,
    .filterpanel-row .colcol5{
        float: left;
        position: relative;
    }

    .filterpanel-row .col1.ipad, .filterpanel-row .col2.ipad{
        float: right;
    }

    .filterpanel-row .col1{
        width: calc(100% / 3 - 20px);
        margin-right: 20px;
        padding-top:20px;
    }
    .filterpanel-row .col1.normal{
            position: absolute;
            right: 0px;
    }
    .filterpanel-row .col2, .filterpanel-row .col3{
        width: calc(100% / 3 * 2 - 20px);
        margin-right: 20px;
        padding-top:20px;
    }

    .filterpanel-row .colcol2_2{
        width: calc((100% - 100px) / 2 - 5px);
        margin-right: 5px;
    }

    .filterpanel-row .col3col{
         width: calc(100% - 68px);
    }

    .filterpanel-row .colcol1{
        width: calc((100% - 68px) / 3 - 5px);
        margin-right: 5px;
    }

    .filterpanel-row .colbox{
        float:left;
        width:calc(100% - 68px);
     }

    .filterpanel-row .colcol2{
        width: calc(100% / 2 - 5px);
        margin: 0 5px 5px 0;
    }
    .filterpanel-row .colcol3{
        width: calc(100% - 68px);
    }

    .filterpanel-row .colcol4{
        width: 100%;
    }

    .filterpanel-row .colcol5{
         width: calc((100% / 6) - 5px);
          margin-right: 5px;
    }


    .filterpanel-row .colhead, .filterpanel-row .colhead_2{
        padding-top: 11px;
        text-align:left;
        color: black;
        width: 68px;
    }

    .filterpanel-row .colhead_2{
        width: 100px;
    }


    .filterpanel-row.advancedSearch .colcol4, .filterpanel-row.advancedSearch .colhead,
    .filterpanel-row.support .colhead, .filterpanel-row.support .colcol4{
        float:none;
    }

    .filterpanel-row.advancedSearch .colhead, .filterpanel-row.support .colhead{
        width: 105px;
    }

    .filterpanel-row .icon{
        font-size: 30px;
    }
    .filterpanel-row .btnBorder{
        border:solid 1px #e9e7e8;
        padding:5px;
        min-height: 42px;
        cursor: pointer;
    }

    .filterpanel-row .btnBorder.active{
        background:#f3ebe0;
        border:solid 1px #d8bc97;
    }

    .filterpanel-row .btnBorder.inactive{
        opacity: 0.5;
        cursor: default;
    }

    .filterpanel-row .fa{
        font-size: 16px;
        color: #c69967;
        vertical-align: bottom;
    }

    .slider-carat-input input, .slider-price-input input{
        width:80px;
        outline: none;
        margin-top:5px;
    }

    .slider-carat-input.left, .slider-price-input.left{
        float:left;
    }

    .slider-carat-input.right, .slider-price-input.right, .slider-carat-input.right input, .slider-price-input.right input{
        text-align:right;
    }

    .slider-carat-input.left, .slider-price-input.left, .slider-carat-input.right, .slider-price-input.right{
        margin-top: 10px;
    }

    .filterpanel-row .filterSlider{
        padding:13px 0 0 7px !important;
    }

    .filterpanel-row .filterSlider ul, .filterpanel-row .filterSlider li{
        padding:0px;
        list-style-type: none;
        margin-top: 2px;
    }

    .filterpanel-row .filterSlider .colour li{
        float:left;
        width:calc(100% / 6);
    }

    .filterpanel-row .filterSlider .clarity li{
        float:left;
        width:calc(100% / 7);
    }

    .filterpanel-row .filterSlider .cut li,
    .filterpanel-row .filterSlider .polish li,
    .filterpanel-row .filterSlider .symmetry li{
        float:left;
        width:calc(100% / 4);
    }

    .filterpanel-row .filterSlider .fluorescence li{
        float:left;
        width:calc(100% / 5);
    }

    .filterpanel-row .filterSlider .SupremeIdealCut{
        position: absolute;
        top: -10px;
        left: 40px;
        color: #c69967;
       /* color:#302569;*/
    }

    .filterpanel-row .filterSlider .SupremeIdealCut:before{
        content: " ";
        position: absolute;
        width: 10px;
        height: 1px;
        background-color: #c69967;
         /*background-color: #302569;*/
        top: 18px;
        left: -8px;
        transform: rotate(-50deg);
    }

    #slider-cut .noUi-base:after{
        content: " ";
        top: 0px;
        left: 0px;
        width: 8%;
        height: 10px;
        /*background: #c69967;*/
         background:#302569;
        position: absolute;
        z-index: 2;
        border-top-left-radius: 3px;
        border-bottom-left-radius: 3px;
    }

    .filterpanel-row .filterSlider li:last-child{
        /*color:#cccccc;*/
        color:#6f6f6f;
    }

    .filterpanel-row .filterSlider .inactive{
        color:#cccccc !important;
    }

    .filterpanel-row .ui-slider-horizontal .ui-slider-range{
        background: #cccccc;
    }

    .filterpanel-row .ui-slider-horizontal .ui-slider-handle{
        background: #e6e6e6;
        outline: none;
        cursor: pointer;
    }

    .advanced, .advancedSearch {
        border-bottom: solid 1px #e0e0e0;
            font-size: 12px;
        padding-bottom: 10px;
    }

    .advanced .clearFilter, .normal .clearFilter{
        float:right;
        color:#c69967;
        text-decoration: underline;
        cursor: pointer;
    }

    .advanced span{
        cursor: pointer;
    }
/*
    .slidePanel{
        position: relative;
        transform: translate(0%, 0);
        z-index:20;
    }
*/
    .applyall, .mixing-step__filter__btn{
        margin-top:20px;
        display:none;
    }

    #slidePanel-filter .slidePanel-heading, .advancedSearch{
        display:none;
    }

    html:not([dir=rtl]) .noUi-horizontal .noUi-handle{
        right: -12px;
    }
    .noUi-handle:after, .noUi-handle:before{
        display:none;
    }
    .noUi-connect{
        background:#cccccc;
    }
    .noUi-horizontal{
        height:12px;
    }
    .noUi-handle{
        background:#e6e6e6;
    }
    .noUi-horizontal .noUi-handle{
        width: 22px;
        height: 22px;
    }



    /* list */
    .listsContainer{
        margin-top:40px;
        padding: 10px 0px;
    }

    .listsContainer .nav-tabs {
        padding-left: 0 !important;
        background: #E9E7E8;
        width: 60%;
        border-bottom: 1px solid #E9E7E8;
    }

    .listsContainer .nav-tabs li {
        float:left;
        width:50%;
        border-left: 1px solid white;
        border-right: 1px solid white;
    }

    .listsContainer .nav-tabs li a {
        color: #7F7F7F !important;
        padding: 1em 1em;
        margin: 0 !important;
        white-space: normal !important;
    }

    .listsContainer .nav-tabs li.active {
        border-color: #F5F5F5;
        background: white !important;
        margin-bottom: 0px
    }

    .listsContainer .nav-tabs li.active a {
        color: black!important;
    }

    .tab-content #result, .tab-content #comparison{
        padding-top:20px;
    }

    #result, #comparison{
        width: 100%;
        overflow-x: auto;
    }

    .loading #result, .loading #comparison{
        overflow-x: hidden;
    }

    .resultTable, .resultTableHD{
        width: 100%;
        min-width:850px;
    }

    .resultTableHD th,
    .resultTable th {
        background: #f8f8f8;
        padding: 20px 2px;
        border-bottom: solid 1px #e4e4e2;
        font-size: 12px;
    }

    .resultTableHD th.sortable,
    .resultTable th.sortable {
        cursor: pointer;
    }
    .resultTable tr:hover {
        background: #fff;
    }
    .resultTable tr:hover {
        background: #fbf6f0;
    }

    .resultTable th, .resultTableHD th{
        background:#f8f8f8;
        padding:20px 2px;
        border-bottom:solid 1px #e4e4e2;
        font-size: 12px;

    }
    .resultTable td{
        padding:10px 2px;
        border-bottom:solid 1px #e4e4e2;
        font-size: 12px;
        text-align:center;
    }
    .resultTable td .icon{
        font-size: 30px
    }

    .resultTable td img{
        width:80%;
    }

    .resultTable td .btn{
        width:90%;
        font-size: 12px;
        padding: 8px 5px;
    }
    .resultTable td .custom-radio{
        margin-top:-16px
    }

    #pageProductListing .btn-wish, .resultTable td .btn-wish, .comp-pdt-blk .btn-wish{
        width: 40px;
        height: 40px;
        background-image: url(../../img/ui/heart-blank.png);
        background-repeat: no-repeat;
        background-position: center;
        background-size: 24px;
        cursor: pointer;
        display: block;
    }
    #pageProductListing .btn-wish.active{
        background-image: url(../../img/ui/heart-fill.png);
    }

    .comp-pdt-blk .btn-wish{
        position: absolute;
        top: 0;
        right: 0;
        z-index: 1;
    }
    .resultTable td .btn-remove{
        width: 40px;
        height: 40px;
        cursor: pointer;
        display: block;
        position: relative;
        margin: 0 auto;
    }
    .resultTable td .btn-remove:before, .resultTable td .btn-remove:after{
        content:'';
        height:15px;
        width:1px;
        background:black;
        transform: rotate(45deg);
        display: block;
        position: absolute;
        left: 50%;
        top: 50%;
        margin: -7px 0 0 -1px;

    }
    .resultTable td .btn-remove:after{
        transform: rotate(-45deg);
    }

    .custom-check input[type=checkbox] {
        display: none;
    }

    .custom-check label {
        display: inline-block;
        cursor: pointer;
        position: relative;
        margin-right: 15px;
        font-weight: normal;
    }

    .custom-check input[type=checkbox]:checked + label:before {
        background-position: -16px 0px;
    }

    .custom-check label:before {
        content: "";
        display: inline-block;
        width: 16px;
        height: 16px;
        margin: 0px auto;
        position: absolute;
        left: 0;
        top: -7px;
        background-image: url(../../img/ui/ui-radio.png);
        background-repeat: no-repeat;
        background-size: 32px 16px;
        background-position: 0px 0px;
        opacity: 0.8;
    }

    .tabShape{ min-width:57px; width:8%;}
    .tabCarat{ min-width:57px; width:8%;}
    .tabColour{ min-width:65px; width:9%;}
    .tabClarity{ min-width:66px; width:9%;}
    .tabCut{ min-width:41px; width:6%;}
    .tabPrice{ min-width:109px; width:11%; }
    .tabFluorescence{ min-width:109px; width:12%;}
    .tabCollection{ min-width:126px; width:10%; }
    .tabCompare{ min-width:71px; width:9%;}
    .tabWish{ min-width:48px; width:7%;}
    .tabView{ min-width:101px; width:11%;}
    .tabRemove{ min-width:71px; width:9%;}
    .tabRemove.hd{color:#ababab;}

      .tabPrice, .tabFluorescence, .tabCarat, .tabColour, .tabClarity, .tabCut{
            cursor: pointer;
      }

    .tabPrice:hover, .tabFluorescence:hover, .tabCarat:hover, .tabColour:hover, .tabClarity:hover, .tabCut:hover{
           color:#c69967;
     }

    .page-diyCompleteProductDetail #productRelated .tab-content #details-product .col-md-8{
        width:100%;
    }

    #productPriceDiv .supportCarat{
        display:inline-block;
        font-size: 14px;
        line-height: 1.42857143;
        color: #454545;
    }


    /* setting */

    .diyProgressBarDiv .solitaireContainer {
        padding: 10px 15px;
    }


    .mixing-step__arrow-wrap.col-xs-4{
        overflow:unset !important;
    }
    .mixing-step__arrow-wrap {
        padding: 0 5px 0 0;
    }
    .mixing-step__arrow-content .icon,
    .mixing-step__arrow-content .mixing-step__arrow-text{
        font-size: 19px;
        vertical-align: middle;
        display: inline-block;
    }

    .mixing-step__arrow-content .icon{
        font-size: 21px;
    }

    .mixing-step__arrow.active{
        border-color: #d3d3d3;
        background: #d3d3d3;
        color: #fff;
    }
    .mixing-step__arrow.active .mixing-step__arrow-tail:before, .mixing-step__arrow.active .mixing-step__arrow-tail:after {
        border-color: #d3d3d3;
    }


    .mixing-step__arrow.active:after{
        background: #d3d3d3;
    }

    .mixing-step__arrow.active.btnBackToList{
        cursor:pointer;
    }

    .mixing-step__arrow-tail:after, .mixing-step__arrow:after {
        content: " ";
        position: absolute;
        width: 42px;
        height: 42px;
        background-color: #FFF;
        border-right: 1px solid #ececec;
        border-bottom: 1px solid #ececec;
        z-index: 1;
    }
    .mixing-step__arrow:after {
        bottom: 14px;
        right: -37px;
        transform-origin: bottom;
        transform: rotateZ(315deg);
    }

    .mixing-step__arrow-text{
        width: calc(100% - 35px);
    }

    .mixing-step__arrow2 .mixing-step__arrow-text, .mixing-step__arrow3 .mixing-step__arrow-text{
        width: calc(100% - 50px);
    }

    .mixing-step__arrow-content .mixing-step__arrow-text span{
        font-size:13px;
    }
    .clearfix:before, .clearfix:after {
        content: " ";
        display: table;
    }
    .mixing-step__arrow-tail {
        position: relative;
    }

    .mixing-step__arrow-tail:before, .mixing-step__arrow-tail:after {
        background-color: #f8f8f8;
    }

    .mixing-step__arrow-tail:after {
        bottom: -30px;
        left: -27px;
        transform-origin: bottom;
        transform: rotateZ(315deg);
        z-index:0;
    }

    .mixing-step__arrow.actived .mixing-step__arrow-tail:after{
        bottom: -37px;
    }

    .mixing-step__arrow {
        border: 1px solid #ececec;
        color: #ececec;
        font-size: 20px;
        padding: 13px 0px 14px 20px;
        margin-right: 15px;
        position: relative;
        background-color: #fff;
    }
    .mixing-step__arrow2 .icon, .mixing-step__arrow3 .icon {
        margin-left: 17px;
    }

    .mixing-step__arrow.actived {
        border-color: #d5b38f;
        color: #ffffff;
        padding:6px 0px 6px 20px;
        background: #d5b38f;
    }

    .mixing-step__arrow.actived .mixing-step__arrow-text span{
        display:block;
    }


    .mixing-step__arrow.actived:after{
        border-color: #d5b38f;
        background: #d5b38f;
    }

    .mixing-step__arrow.actived .mixing-step__arrow-tail:after{
	 border-color: #d5b38f;
    }

    .mixing-step__arrow .mixing-step__arrow-edit {
        font-size: 12px;
        float: right;
        margin-top: -5px;
        z-index: 2;
        position: relative;
        display: none;
    }

    .mixing-step__arrow .mixing-step__arrow-edit a, .viewdetail{
        margin-left: 8px;
        text-decoration: underline;
        color: #ffffff;
        float:left;
        cursor: pointer;
    }

    .mixing-step__arrow.actived .mixing-step__arrow-edit{
        display: block;
    }


    .mixing-step__arrow-edit__detail .btn{
        width: calc(100% / 2 - 10px);
        padding:8px;
        float: left;
        margin-right: 10px;
    }

    .mixing-step__arrow-edit__detail{
        display:none;
        font-size:12px;
        position: absolute;
        color: black;
        background: #fff;
        z-index: 110;
        left: 0px;
        top: 31px;
        border: solid 1px #ededed;
        padding: 10px;
    }

    .mixing-step__arrow-edit__detail{
        width:100%;
        top:58px;
        padding: 10px 20px;
    }

    .mixing-step__arrow-edit__detail img{
        display:inline-block;
        width:60px;
        vertical-align: middle;
    }

    .mixing-step__arrow-edit__detail div{
        display:inline-block;
        width: calc(100% - 75px);
        margin-left: 10px;
        vertical-align: middle;
    }

    .mixing-step__arrow-edit__detail div .span1280down{
        display:none;
    }

    .comp-pdt-blk {
        text-align: center;
        line-height: 1.2;
        padding: 5px;
        position: relative;
    }

    .comp-pdt-blk-material {
        color: black;
        font-size: 13px;
    }

    .comp-pdt-blk-price {
        color: #C69967;
        font-size: 13px;
        margin-top: 2px;
        white-space: nowrap;
    }


    #lightbox-birthstone88417r .ui-option {
        text-align: center;
        margin-bottom: 15px;
        float: left;
        width: 25%;
    }

    #pdt-list-wrapper .pdt-blk {
        width: 25%;
        height: 430px;
        float: left;
        padding:0px;
        -webkit-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all 0.2s ease;
    }

    .pdt-list-view{
        float:right;
    }

    hr{
        height:1px;
            border: 0px;
        border-bottom: solid 1px #e0e0e0;
    }

    #pageProductListing #pdt-list-wrapper {
        margin-left: -15px;
        margin-right: -15px;
        margin-top: 30px;
        margin-bottom: 30px;
        position: relative;
    }


    /*diamond list*/
    .info_popup{
        text-align:left;
        color:#000;
    }

    .resultTable .fa-sort{
        color:#c1c1c1;
    }

     .resultTable .fa-caret-up, .resultTable .fa-caret-down{
            color:#000;
        }




    .mixing-step__filter__btn > .btn-group {
        float: none;
        display: table-cell;
        width: 1%;
    }

    .mixing-step__filter__btn .btn-slidePanel{
        border:0px;
    }
    .mixing-step__filter__btn {
        border-top: 1px solid #E9E7E8;
        border-bottom: 1px solid #E9E7E8;
    }

    .mixing-step__filter__btn .btn-group + .btn-group {
        border-left: 1px solid #E9E7E8;
    }


    @media (max-width: 1280px){

        .mixing-step__arrow-edit__detail{
            width:calc(200% + 23px);
            left:0px;
            top:58px;
            padding:10px 20px;
        }

        .mixing-step__arrow-edit__detail div .span1280down{
            display:block;
        }

        .filterpanel-row.ipad .col1{
            width: calc(100% / 2 - 20px);
            margin-right: 20px;
        }

        .filterpanel-row.ipad .col2{
            width: 100%;
        }

        .mixing-step__arrow.actived .mixing-step__arrow-text span{
            display:inline-block;
        }
        .mixing-step__arrow .mixing-step__arrow-edit, .tabFluorescence{
            display:none !important;
        }

        .filterpanel-row .col1.ipad, .filterpanel-row .col2.ipad{
            float: left;
        }

        .mixing-step__arrow .mixing-step__arrow-edit{
             float: left;
             margin: 0px;
        }
        .mixing-step__arrow .mixing-step__arrow-edit a{
            margin: 0px;
            margin-right:8px;
        }
        .mixing-step__arrow-text{
            width:200px;
        }
        .mixing-step__arrow-content .icon{
            font-size: 23px;
        }
        .mixing-step__arrow.actived{
            padding: 13px 0px 14px 20px;
        }
        .mixing-step__arrow.actived .mixing-step__arrow-tail:after {
            bottom: -30px;
        }
    }

    @media (min-width:  768px ) and (max-width:  991px ) {
        .applyall{
            display:block;
            position: fixed;
            bottom: 5px;
            width: 100%;
            z-index:10;
        }

        .filterpanel-row .col1, .filterpanel-row.ipad .col1, .filterpanel-row.ipad .col2, .advanced, .applyall .btn{
            width:90%;
            margin:0 5%;
        }

        .applyall .btn-gray-lightest{
            margin-top:10px;
        }
        .filterpanel-row.ipad .colhead{
            width: 105px;
            float: none;
        }

        .filterpanel-row .mobile .colhead{
            width: 100px;
        }

        .filterpanel-row.ipad .colcol1{
            width: 100%;
            float: none;
        }

        .filterpanel-row .colcol2{
            width: calc(100% / 2 - 5px);
        }

        .filterpanel-row .mobile .colcol2, .filterpanel-row .mobile .colcol2_2{
            width: calc((100% - 100px) / 2 - 5px);
        }

        .filterpanel-row .colcol3{
            width: 100%;
        }

        .filterpanel-row .colcol5{
             width: calc((100% / 5) - 5px);
              margin-right: 5px;
        }


        .filterpanels{
            position: absolute;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            overflow-y: auto;
            overflow-x: hidden;
            padding-top: 90px;
        }

        .advanced .clearFilter, .tabFluorescence{
            display:none;
        }

         #slidePanel-filter .slidePanel-heading{
            display:block;
        }

        .mixing-step__filter__btn{
            display:table;
            clear:both;
        }

        .mixing-step__filter__btn .btn{
            width:100%;
        }
        #slidePanel-filter .slidePanel-heading{
            height: 100px;
            position: relative;
        }
/*
        .slidePanel{
            position: fixed;
            transform: translate(100%, 0);
            z-index:100;
        }
*/
        .solitaireContainer, .listsContainer{
            padding: 10px 0 ;
        }



        #slidePanel-filter .solitaireContainer{
              padding: 10px 0 80px;
        }

        .mixing-step__arrow-content .mixing-step__arrow-text span, .mixing-step__arrow.actived .mixing-step__arrow-text span{
            display: block;
        }
        .mixing-step__arrow-text, .mixing-step__arrow2 .mixing-step__arrow-text, .mixing-step__arrow3 .mixing-step__arrow-text{
            width: 115px;
        }
        .mixing-step__arrow,
        .mixing-step__arrow.active{
            padding: 6px 0px 6px 20px;
        }

        .mixing-step__arrow-content .icon{
            font-size: 35px;
        }
        .mixing-step__arrow.actived{
            padding: 6px 0px 6px 20px;
        }
        .mixing-step__arrow-tail:after, .mixing-step__arrow.actived .mixing-step__arrow-tail:after{
            bottom: -37px;
        }




    /*
        #pdt-list-wrapper .pdt-blk{
            width: 50%;
            height: 0;
            position: relative;
            padding-bottom: 75%;
        }
    */

        #pdt-list-wrapper .pdt-blk{
            width: 33.33333%;
            height: 0;
            padding-bottom: 45%;
            position: relative;
        }

        #pageProductDetails .productInformation .productTitle {
            text-align: center;
        }

        #productPriceDiv .supportCarat{
            display:block;
        }

        .filterpanel-row .colcol3.filterSlider{
            position: relative;
        }

    }

    @media (max-width:  767px ) {
        .applyall{
                display:block;
                position: fixed;
                bottom: 5px;
                width: 100%;
                z-index:10;
            }

            .filterpanel-row .col1, .filterpanel-row.ipad .col1, .filterpanel-row.ipad .col2, .advanced, .applyall .btn, .filterpanel-row .col3{
                width:90%;
                margin:0 5%;
            }

            .applyall .btn-gray-lightest{
                margin-top:10px;
            }
            .filterpanel-row.ipad .colhead{
                width: 105px;
                float: none;
            }

            .filterpanel-row .mobile .colhead{
                width: 100px;
            }

            .filterpanel-row.ipad .colcol1{
                width: 100%;
                float: none;
            }

            .filterpanel-row .colcol2{
               width: calc(((100% - 68px) / 3) * 2 - 5px);
            }

            .filterpanel-row .mobile .colcol2, .filterpanel-row .mobile .colcol2_2{
                width: calc((100% - 100px) / 2 - 5px);
            }

            .filterpanel-row .colcol3{
                width:100%;
            }

            .filterpanel-row .col3col{
                display: grid;
                grid-column-gap: 5px;
                grid-template-columns: calc(100% / 3 - 13px / 3) calc(100% / 3 - 13px / 3) calc(100% / 3 - 13px / 3)
            }

            .filterpanel-row .colcol5 {
              width:100%;
            }

            .filterpanels{
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                overflow-y: auto;
                overflow-x: hidden;
                padding-top: 90px;
            }

            .advanced .clearFilter, .tabFluorescence{
                display:none;
            }

             #slidePanel-filter .slidePanel-heading{
                display:block;
            }

            .mixing-step__filter__btn{
                display:table;
            }

            .mixing-step__filter__btn .btn{
                width:100%;
            }
            #slidePanel-filter .slidePanel-heading{
                height: 100px;
                position: relative;
            }
/*
            .slidePanel{
                position: fixed;
                transform: translate(100%, 0);
                z-index:100;
            }
*/
            .solitaireContainer, .listsContainer{
                padding: 10px 0 ;
            }

            #slidePanel-filter .solitaireContainer{
                  padding: 10px 0 80px;
            }



            .mixing-step__arrow-content .mixing-step__arrow-text span, .mixing-step__arrow.actived .mixing-step__arrow-text span{
                display: block;
            }
            .mixing-step__arrow-text, .mixing-step__arrow2 .mixing-step__arrow-text, .mixing-step__arrow3 .mixing-step__arrow-text{
                width: 115px;
            }
            .mixing-step__arrow,
            .mixing-step__arrow.active{
                padding: 6px 0px 6px 20px;
            }

            .mixing-step__arrow-content .icon{
                font-size: 35px;
            }
            .mixing-step__arrow.actived{
                padding: 6px 0px 6px 20px;
            }
            .mixing-step__arrow-tail:after, .mixing-step__arrow.actived .mixing-step__arrow-tail:after{
                bottom: -37px;
            }


            #pdt-list-wrapper .pdt-blk{
                width: 50%;
                height: 0;
                position: relative;
                padding-bottom: 75%;
            }

        .mixing-step__arrow-edit__detail .btn{
            padding: 5px 8px !important;
        }
        .listsContainer .nav-tabs{
            width:100%;
        }
        .mixing-step__arrow-edit__detail{
            top:31px;
            padding: 10px 30px;
        }

        .solitaireContainer .col-xs-4{
            width: 32%;
        }
/*
        .slidePanel{
            position: fixed;
            transform: translate(100%, 0);
            z-index:100;
        }
*/
        .mixing-step__arrow-content .mixing-step__arrow-text span, .mixing-step__arrow .mixing-step__arrow-edit, .tabFluorescence{
            display:none !important;
        }

        .mixing-step__arrow{
            margin-right: 0px;
        }
        .mixing-step__arrow-text{
            width: 100px;
        }
        .mixing-step__arrow,
        .mixing-step__arrow.active{
            padding: 5px 0px 5px 5px;
            height: 45px;
        }
        .mixing-step__arrow-content .icon{
            font-size: 35px;
        }
        .mixing-step__arrow.actived{
            padding: 1px 0px 2px 5px;
            line-height: 18px;
        }
        .mixing-step__arrow-tail:after{
            bottom: -37px;
        }

        .mixing-step__arrow-content .icon, .mixing-step__arrow-content .mixing-step__arrow-text {
            position: absolute;
            z-index: 2
        }
        .mixing-step__arrow .mixing-step__arrow-edit a{
            margin-right: 3px;
        }
        .mixing-step__arrow-content .icon{
            font-size: 20px;
            top: 13px;
        }

        .mixing-step__arrow-content .mixing-step__arrow-text{
            font-size: 14px;
            top: 13px;
            left: 27px;
        }

        .mixing-step__arrow2 .mixing-step__arrow-content .mixing-step__arrow-text,
        .mixing-step__arrow3 .mixing-step__arrow-content .mixing-step__arrow-text{
            left: 45px;
        }


        .mixing-step__arrow:after {
            bottom: 10px;
            right: -28px;
        }

        .mixing-step__arrow-tail:after, .mixing-step__arrow:after{
            width: 32px;
            height: 32px;
        }
        .mixing-step__arrow-tail:after{
            bottom: -28px;
            left: -10px;
        }
        .mixing-step__arrow.actived .mixing-step__arrow-tail:after{
            bottom:-32px;
        }

        .container-fluid.diyProgressBarDiv{
            padding:0px !important;
        }


        #pageProductListing #pdt-list-wrapper {
            padding-left: 10px;
            padding-right: 10px;
            margin-top: 0px;
        }

        .filterpanel-row .col1, .filterpanel-row .col2,
        .filterpanel-row .colcol1, .filterpanel-row .colcol2,
        .filterpanel-row .colcol2_2, .filterpanel-row .colcol3,
        .filterpanel-row .colcol4, .filterpanel-row .colhead{
            position: unset;
        }

         #pageProductDetails .productInformation .productTitle {
            text-align: center;
        }

         #productPriceDiv .supportCarat{
            display:block;
        }

        .pageHeadline .text-headline {
            font-size: 26px;
        }

        .filterpanel-row .colcol3.filterSlider{
            position: relative;
        }

    }



    /* complete */

    .social-component{
        display:none;
    }


    #productOrdering #product-thumbnail-slider .product-thumbnail-slide{
        width: 96px;
        height: 96px;
        display: inline-block;
        margin: 2px 0;
        border: 1px solid #E9E7E8;
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    .productInformation .item{
        width:calc(100% - 133px);
        display: inline-block;
    }
    .productInformation .item-price{
        display: inline-block;
        width:100px;
        font-size:15px;
        color:#C69967;
        vertical-align: top;
    }

    .news-promote-msg {
        border: solid 5px #f5f5f5;
        margin: 20px 0 10px;
        padding: 15px 30px;
        text-align: center;

    }

    .ProductOptionDiv .wrapper {
        position: relative;
        margin-bottom: 5px;
    }

    .ProductOptionDiv .wrapper .text-subheading-1{
        margin-bottom: 5px;
    }

    .ProductOptionDiv .text-subheading-1{
        padding:0px;
    }


    .ProductOptionDiv .ui-options.ui-options-txt .ui-option {
        min-width: 65px;
        text-align: center;
        padding: 8px 15px;
        border: 1px solid #E9E7E8;
    }

    .ProductOptionDiv .ui-options .ui-option {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 10px;
        cursor: pointer;
    }

    .ProductOptionDiv .ui-options.ui-options-txt .ui-option.active {
        background: rgba(198, 153, 103, 0.2);
        border-color: rgba(198, 153, 103, 0.6);
    }

    .ProductOptionDiv .ui-option{
        width:auto;
    }

    .ProductOptionDiv .sizeguide, .productOptions .sizeguide{
        display: block;
        top: 0;
        right: 0;
        font-size: 11px;
        color: #C69967;
        text-decoration: underline;
        clear: both;
    }

    /*.btn-addbirthstone, .btn-engraving {
        border: 1px solid #454545;
        color: #454545;
    }*/

    #table-product-details{
        width: 60%;
        margin: 0 auto;
    }

    #table-product-details td{
        padding:5px;
    }

    #table-product-details .col-title{
        font-weight:bold;
    }

    /* diamond */

    #product-details{
        width: 100%;
        margin: 0 auto;
    }

    #product-details td{
        padding:5px 0px;
    }


    .col-img .wrapper .btn-wish2 {
        position: absolute;
        width: 40px;
        height: 40px;
        top: 0;
        right: 0;
        line-height: 40px;
        text-align: center;
        background: url(../../img/ui/heart-blank.png) no-repeat center center;
        background-size: 30px;
        z-index: 1;
    }

    .wrapper{
        position: relative;
        margin-bottom: 5px;
            clear: both;
    }

    .productSubheading {
        font-size: 20px;
    }

    #lightbox-enigmaGiftCard .col-md-5{
        /*width:50%;*/
    }


    /* info_popup */

    .info_popup{
        text-align:left;
        color:#000;
       /* display:none;*/
        padding:20px;
        border:solid 1px #a0a3a4;
        width:400px;
        background:#fff;
        position: absolute;
        z-index:100;
        top:-100000px;
    }

    .info_popup ul{
        list-style-type: none;
        margin: 0px;
        padding: 0px;
        margin-top: 30px;
    }

    .info_popup .Diamond_Shape li{
        float:left;
        text-align:center;
        color:#8b8b8b;
        width: 20%;
        height: 80px;
    }

    .info_popup .mask{
        overflow:hidden;
    }

    #Clarity-slider, #Carat-slider, #Colour-slider {
        width: 170px;
        margin: 30px auto 30px auto;
        text-align: center;
        font-size: 17px;
    }

    .info_popup .ion-ios-close-empty{
        top: 0px;
        right: 10px;
        font-size: 25px;
        position: absolute;
        cursor: pointer;
    }

    #Cut-slider{
        margin-top: 30px;
        text-align:center;
        font-size: 17px;
    }

    #Clarity-slider, #Carat-slider, #Colour-slider{
        width:170px;
        margin: 30px auto 30px auto;
        text-align:center;
        font-size: 17px;
    }

    #Clarity-slider .slick-list,
    #Carat-slider .slick-list,
    #Colour-slider .slick-list{
        overflow: unset;
    }

    #Clarity-slider .preview-slide.slick-slide,
    #Carat-slider .preview-slide.slick-slide,
    #Colour-slider .preview-slide.slick-slide{
        opacity: 0.5;
         width:170px !important;
    }

    #Clarity-slider .preview-slide.slick-slide.slick-current.slick-active,
    #Carat-slider .preview-slide.slick-slide.slick-current.slick-active,
    #Colour-slider .preview-slide.slick-slide.slick-current.slick-active{
        opacity: 1;
    }


    .preview-slide img{
        margin: 0 auto;
    }

    #Cut-slider .slick-prev{
        left:-15px;
    }

    #Cut-slider .slick-next {
        right: -15px;
    }

    #pageProductListing .comp-pdt-blk .comp-pdt-blk-wrapper .comp-pdt-blk-img-wrapper .comp-pdt-blk-img-container {
        background-size: cover;
        background-position: center;
        background-repeat: no-repeat;
    }

    #pageProductListing .comp-pdt-blk .comp-pdt-blk-wrapper .comp-pdt-blk-img-wrapper .comp-pdt-blk-img-container img {
      -webkit-transition: opacity 0.2s ease;
      -o-transition: opacity 0.2s ease;
      transition: opacity 0.2s ease;
      background: white;
    }
    @media (min-width:  992px ) {
      #pageProductListing .comp-pdt-blk .comp-pdt-blk-wrapper .comp-pdt-blk-img-wrapper:hover .comp-pdt-blk-img-container img {
        opacity: 0;
      }
    }

    #pageProductListing  #pdt-list-view-mode .btn-view-mode.active {
        color: black;
    }
    #pageProductListing  #pdt-list-view-mode .btn-view-mode {
        font-size: 30px;
        width: 30px;
        height: 30px;
        line-height: 30px;
        display: inline-block;
        text-align: center;
        vertical-align: middle;
        color: #95989A;
    }

    #pageProductListing #pdt-list-view-mode {
            float: right;
            white-space: nowrap;
            margin: 10px 0;
    }

    #pageProductListing .ringSettingList{
        width:100%;
    }

    section#section-product-listing{
        margin:0px;
    }

@media (min-width:  992px ) {
  #pageProductListing #pdt-list-wrapper .pdt-blk {
    width: 25% !important;
  }
  #pageProductListing #pdt-list-wrapper .pdt-blk:nth-child(2n+1) {
    clear: none!important;
  }
  #pageProductListing #pdt-list-wrapper .pdt-blk:nth-child(4n+1) {
    clear: left!important;
  }
}
#pageProductListing #pdt-list-wrapper.md .pdt-blk {
  width: 50%;
}
#pageProductListing #pdt-list-wrapper.md .pdt-blk:nth-child(2n+1) {
  clear: left;
}
#pageProductListing #pdt-list-wrapper.md .pdt-blk .comp-pdt-blk-price {
  white-space: normal;
}
#pageProductListing #pdt-list-wrapper.md .pdt-blk .comp-pdt-blk-price .price-new {
  border-left: 0;
  padding-left: 0;
  margin-left: 0;
}
#pageProductListing #pdt-list-wrapper.lg .pdt-blk {
  width: 100%;
}

/*sort slidepane */

#slidePanel-sort .slidePanel-body, #slidePanel-filter .slidePanel-body {
    padding-bottom: 60px;
    padding-top: 75px;
}

#pageProductListing .list-filter, #pageProductListing .list-sort-items, #pageProductListing .list-filter-items {
    list-style: none;
    margin: 0;
    padding: 0 15px;
}

#pageProductListing .list-filter .item, #pageProductListing .list-sort-items .item, #pageProductListing .list-filter-items .item {
    border-bottom: 1px solid #95989A;
    position: relative;
}

#pageProductListing .list-filter label, #pageProductListing .list-sort-items label, #pageProductListing .list-filter-items label {
    font-weight: normal;
    margin: 0;
    cursor: pointer;
    display: block;
    line-height: 1em;
    padding: 1.5em 0;
}

#pageProductListing .list-filter label:after, #pageProductListing .list-sort-items label:after, #pageProductListing .list-filter-items label:after {
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    right: 0;
    top: 1.5em;
    background-image: url(/en/img/ui/ui-checkbox.png);
    background-repeat: no-repeat;
    background-size: 28px 14px;
    background-position: 0px 0px;
    opacity: 0.8;
}

#pageProductListing .list-filter label.checked:after,
#pageProductListing .list-sort-items label.checked:after,
#pageProductListing .list-filter-items label.checked:after {
  background-position: -14px 0px;
}


.productPrice .price.price-original {
    text-decoration: line-through;
    color: #7F7F7F;
}

.productPrice .price + .price {
    padding-left: 0.5em;
    border-left: 1px solid #95989A;
}

.productPrice .price {
    font-size: 20px;
    display: inline-block;
    padding-right: 0.5em;
    line-height: 1;
}


#pageProductListing #pdt-list-wrapper.loading:before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 3;
  background: rgba(255, 255, 255, 0.8);
  content: '';
  display: block;
}
#pageProductListing #pdt-list-wrapper.loading:after {
  width: 30px;
  height: 30px;
  line-height: 30px;
  font-size: 20px;
  text-align: center;
  content: "\f1ce";
  display: block;
  margin: 0 auto;
  font-family: FontAwesome;
  color: #95989A;
  position: relative;
  z-index: 4;
  -webkit-animation-name: spin;
  animation-name: spin;
  -webkit-animation-duration: 2s;
  animation-duration: 2s;
  -webkit-animation-timing-function: linear;
  animation-timing-function: linear;
  -webkit-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

.pageHeadline .text-headline {
    font-family: "Times New Roman", Times, Georgia, "Microsoft JhengHei", 微軟正黑體, sans-serif;
    float: left;
}

.btn-add-to-wishlist {
    margin-top: 5px;
}


/*--- workaround to hide wishlist buttons ---*/
#section-product-listing .btn-wish,
#pageProductDetails .btn-wish2,
.btn-add-to-wishlist {
    /* display: none; */
}

.sticky{
    position: fixed;
    z-index: 10;
    top: 40px;
}

.newsTop .sticky{
    top:80px;
}

/* 20190911 */
.col1.mobile .colhead{
    min-height: 49px;
}

#slidePanel-filter.slidePanel{
    position: relative;
    transform: translate(0%, 0);
    z-index: 20;
}

#slidePanel-filter.slidePanel.active {
    -webkit-transform: translate(0%, 0);
    -ms-transform: translate(0%, 0);
    -o-transform: translate(0%, 0);
    transform: translate(0%, 0);
}

@media (max-width:  768px ) {
    #slidePanel-filter.slidePanel{
        position: fixed;
        transform: translate(100%, 0);
        z-index: 100;
    }
}