/*
 Theme Name:   Woodmart Child
 Description:  Woodmart Child Theme
 Author:       XTemos
 Author URI:   http://xtemos.com
 Template:     woodmart
 Version:      1.0.0
 Text Domain:  woodmart
*/


.preview-box{margin-top: 50px;text-align:center;}
.preview{margin-top: 30px;font-size: 100px;}
.preview div{
    padding: 100px;
    filter: drop-shadow(2px 2px #333);
}

.wapf-swatch-label{
    height: 100%;
    position: relative;
    top: -40px;
    padding-top: 40px;
    margin-bottom: -40px;
}

.custom-text-limit{
  display: none;
}

.custom-font-list .wapf-swatch-label{
  text-transform: capitalize;
}

.silver{
    background: -webkit-linear-gradient(90deg, #787878 0%, #b5b5b5 25%, #e3e3e3 50%, #b5b5b5 75%, #787878 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.gold{
    background: -webkit-linear-gradient(90deg, #bf9a47 0%, #ffe233 25%, #c7801d 50%, #ffe233 75%, #bf9a47 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}
.rose{
    background: -webkit-linear-gradient(90deg, #844414 0%, #fcd5be 25%, #cf7d52 50%, #fcd5be 75%, #844414 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.platinum{
    background: -webkit-linear-gradient(90deg, #D9D8D6 0%, #e5e4e2 25%, #f1f0ed 50%, #e5e4e2 75%, #D9D8D6 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}


.wapf-field-container .wapf-field-label{background: #ececec;padding: 10px 0 5px 15px;}
.wapf-field-container .wapf-field-label span{font-size: 16px;font-weight: bold;text-transform: uppercase;}
.wapf-col--15 .wapf-swatch--image img{width: 35px;}
.wapf-col--8{padding-top: 15px;}
.wapf-col--8 .wapf-swatch--image img{width: 50%;}
.wapf-col--8 .wapf-swatch--image .wapf-swatch-label{display: none;}
.wapf-col--8 .wapf-swatch--image:first-child{margin-bottom: 15px;}
.wapf-col--8 .wapf-swatch--image:last-child{margin-bottom: 30px;}

.single-product-page .wapf-field-group .wapf-field-container .wapf-field-input, .single-product-page .wapf-field-group .wapf-field-container .wapf-field-description{
  display: none;
}

.single-product-page .wapf-field-group .wapf-field-container .wapf-field-label, .single-product-page .wapf-field-group .wapf-field-container .wapf-field-label label{
  cursor: pointer;
  position: relative;
}

.single-product-page .wapf-field-group .wapf-field-container .wapf-field-label label:after{
  content: "+";
  position: absolute;
  top: -7px;
  right: 14px;
  font-size: 25px;
  font-weight: bold;
  color: #000;
}

.single-product-page .wapf-field-group .wapf-field-container .wapf-field-label label.act-lbl:after{
  content: "-";
}

.single-product-page .wapf-field-group .wapf-field-container:first-child .wapf-field-input, .single-product-page .wapf-field-group .wapf-field-container:first-child .wapf-field-description{
  display: block;
}

.wapf-col--8 .wapf-swatch--image.wapf-checked {
  border-color: transparent !important;
}

@font-face {
    font-family: 'Baby Giovani Script';
    src: url('fonts/BabyGiovaniScript.woff2') format('woff2'),
        url('fonts/BabyGiovaniScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Amaze';
    src: url('fonts/Amaze-Normal.woff2') format('woff2'),
        url('fonts/Amaze-Normal.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Brannboll Ny Personal Use Only';
    src: url('fonts/BrannbollNyPersonalUseOnly.woff2') format('woff2'),
        url('fonts/BrannbollNyPersonalUseOnly.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Cloister';
    src: url('fonts/CloisterBlack-Light.woff2') format('woff2'),
        url('fonts/CloisterBlack-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Sinisuka';
    src: url('fonts/Sinisuka-Regular.woff2') format('woff2'),
        url('fonts/Sinisuka-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Mi Amor';
    src: url('fonts/MiAmor.woff2') format('woff2'),
        url('fonts/MiAmor.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Gungsuh';
    src: url('fonts/Gungsuh.woff2') format('woff2'),
        url('fonts/Gungsuh.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Memimas';
    src: url('fonts/MemimasBold.woff2') format('woff2'),
        url('fonts/MemimasBold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Cherolina';
    src: url('fonts/Cherolina.woff2') format('woff2'),
        url('fonts/Cherolina.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Vladimir Script';
    src: url('fonts/VladimirScript.woff2') format('woff2'),
        url('fonts/VladimirScript.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Regina Lover';
    src: url('fonts/ReginaLover.woff2') format('woff2'),
        url('fonts/ReginaLover.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Batang';
    src: url('fonts/Batang.woff2') format('woff2'),
        url('fonts/Batang.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }
  
  @font-face {
    font-family: 'Arial Black';
    src: url('fonts/Arial-Black.woff2') format('woff2'),
        url('fonts/Arial-Black.woff') format('woff');
    font-weight: 900;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Harlow Solid';
    src: url('fonts/HarlowSolidPlain.woff2') format('woff2'),
        url('fonts/HarlowSolidPlain.woff') format('woff');
    font-weight: normal;
    font-style: normal;
    font-display: swap;
  }

  @font-face {
    font-family: 'Monotype Corsiva';
    src: url('fonts/MonotypeCorsiva.woff2') format('woff2'),
        url('fonts/MonotypeCorsiva.woff') format('woff');
    font-weight: normal;
    font-style: italic;
    font-display: swap;
  }

  @font-face {
    font-family: 'Scriptina Pro';
    src: url('ScriptinaPro.woff2') format('woff2'),
        url('ScriptinaPro.woff') format('woff');
    font-weight: 300;
    font-style: italic;
    font-display: swap;
}

@font-face {
  font-family: 'Barbie';
  src: url('fonts/Barbie.woff2') format('woff2'),
      url('fonts/Barbie.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Stonekids';
  src: url('fonts/Stonekids-Regular.woff2') format('woff2'),
      url('fonts/Stonekids-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Magnolia Script';
  src: url('fonts/Magnolia-Script.woff2') format('woff2'),
      url('fonts/Magnolia-Script.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Always In My Heart';
  src: url('fonts/AlwaysInMyHeart.woff2') format('woff2'),
      url('fonts/AlwaysInMyHeart.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'High Spirited';
  src: url('fonts/HighSpirited.woff2') format('woff2'),
      url('fonts/HighSpirited.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Cervanttis';
  src: url('fonts/CervanttisRegular.woff2') format('woff2'),
      url('fonts/CervanttisRegular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Harry P';
  src: url('fonts/HarryP.woff2') format('woff2'),
      url('fonts/HarryP.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Waltograph';
  src: url('fonts/Waltograph.woff2') format('woff2'),
      url('fonts/Waltograph.woff') format('woff');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Script MT';
  src: url('fonts/ScriptMTBold.woff2') format('woff2'),
      url('fonts/ScriptMTBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Murray';
  src: url('fonts/MurrayHillBold.woff2') format('woff2'),
      url('fonts/MurrayHillBold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Arabic Typesetting';
  src: url('fonts/ArabicTypesetting.woff2') format('woff2'),
      url('fonts/ArabicTypesetting.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Fiolex Girls';
  src: url('fonts/FiolexGirls-Regular.woff2') format('woff2'),
      url('fonts/FiolexGirls-Regular.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Bodoni Bk BT';
  src: url('fonts/BodoniBT-Book.woff2') format('woff2'),
      url('fonts/BodoniBT-Book.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Clarendon Lt BT';
  src: url('fonts/ClarendonBT-Light.woff2') format('woff2'),
      url('fonts/ClarendonBT-Light.woff') format('woff');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Freshman';
  src: url('fonts/Freshman.woff2') format('woff2'),
      url('fonts/Freshman.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Copperplate Gothic';
  src: url('fonts/CopperplateGothic-Bold.woff2') format('woff2'),
      url('fonts/CopperplateGothic-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Dancing Script';
  src: url('fonts/DancingScript-Bold.woff2') format('woff2'),
      url('fonts/DancingScript-Bold.woff') format('woff');
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Heartway';
  src: url('fonts/Heartway.woff2') format('woff2'),
      url('fonts/Heartway.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'CAT Walzhari';
  src: url('fonts/CATWalzhari.woff2') format('woff2'),
      url('fonts/CATWalzhari.woff') format('woff');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

  .font-1{
    font-family: Baby Giovani Script, Arial, Sans-Serif;
  }

  .font-2{
    font-family: Amaze, Arial, Sans-Serif;
  }

  .font-3{
    font-family: Brannboll Ny Personal Use Only, Arial, Sans-Serif;
  }

  .font-4{
    font-family: Cloister, Arial, Sans-Serif;
  }

  .font-5{
    font-family: Mi Amor, Arial, Sans-Serif;
  }

  .font-6{
    font-family: Memimas, Arial, Sans-Serif;
  }

  .font-7{
    font-family: 'Scriptina Pro';
    font-weight: 300;
    font-style: italic;
  }
  
  .font-8{
    font-family: Cherolina, Arial, Sans-Serif;
  }

  .font-9{
    font-family: Sinisuka, Arial, Sans-Serif;
  }

  .font-10{
    font-family: Mi Amor, Arial, Sans-Serif;
  }

  .font-11{
    font-family: Gungsuh, Arial, Sans-Serif;
  }

  .font-12{
    font-family: Cherolina, Arial, Sans-Serif;
  }

  .font-13{
    font-family: Vladimir Script, Arial, Sans-Serif;
  }

  .font-14{
    font-family: Arabic Typesetting, Arial, Sans-Serif;
  }

  .font-15{
    font-family: Regina Lover, Arial, Sans-Serif;
  }

  .font-16{
    font-family: Batang, Arial, Sans-Serif;
  }

  .font-17{
    font-family: Arial Black, Arial, Sans-Serif;
  }

  .font-18{
    font-family: Barbie, Arial, Sans-Serif;
  }

  .font-19{
    font-family: Stonekids, Arial, Sans-Serif;
  }

  .font-20{
    font-family: Magnolia Script, Arial, Sans-Serif;
  }

  .font-21{
    font-family: Always In My Heart, Arial, Sans-Serif;
  }

  .font-22{
    font-family: High Spirited, Arial, Sans-Serif;
  }

  .font-23{
    font-family: Cervanttis, Arial, Sans-Serif;
  }

  .font-25{
    font-family: Harry P, Arial, Sans-Serif;
  }

  .font-26{
    font-family: Waltograph, Arial, Sans-Serif;
  }

  .font-27{
    font-family: Fiolex Girls, Arial, Sans-Serif;
  }

  .font-32{
    font-family: Monotype Corsiva, Arial, Sans-Serif;
  }

  .font-33{
    font-family: Script MT, Arial, Sans-Serif;
  }

  .font-34{
    font-family: Murray, Arial, Sans-Serif;
  }

  .font-35{
    font-family: Bodoni Bk BT, Arial, Sans-Serif;
  }

  .font-36{
    font-family: Clarendon Lt BT, Arial, Sans-Serif;
  }

  .font-37{
    font-family: Freshman, Arial, Sans-Serif;
  }

  .font-38{
    font-family: Copperplate Gothic, Arial, Sans-Serif;
  }
  
  .font-39{
    font-family: Dancing Script, Arial, Sans-Serif;
  }
  
  .font-40{
    font-family: Heartway, Arial, Sans-Serif;
  }
  
  .font-41{
    font-family: CAT Walzhari, Arial, Sans-Serif;
  }

  .gold-color{
    color: #FFB302;
  }
  
  .silver-color{
    color: #757575;
  }
  
  .rose-color{
    color: #652532;
  }
  
  .de-rose-color{
    color: #fff;
    font-weight: bold;
    background-color: #652532;
  }
  
  .de-silver-color{
    background-color: #757575;
    color: #fff;
    font-weight: bold;
  }
  
  .de-gold-color{
    background-color: #FFB302;
    color: #fff;
    font-weight: bold;
  }

.preview div span:first-child{
    text-transform: uppercase !important;
}

.preview.pos-vertical{
  transform-origin: bottom left;
  left: 76px;
  bottom: 31px;
  transform: rotate(90deg) translateX(-100%);
  position: absolute;
}

.preview.pos-vertical div{
  padding-right: 20px;
}

/*
.preview.pos-vertical{transform: rotate(90deg);position: relative;}
.pos-vertical.font-1-wrap{top: auto;bottom: -40px;}
.pos-vertical.font-2-wrap{top: auto;bottom: -40px;margin-top: 46px;}
.pos-vertical.font-3-wrap{top: auto;bottom: -40px;margin-top: 46px;}
.pos-vertical.font-4-wrap{top: auto;bottom: -70px;}
.pos-vertical.font-5-wrap{top: auto;bottom: -40px;margin-top: 134px;}
.pos-vertical.font-6-wrap{top: auto;bottom: -60px;margin-top: 46px;}
.pos-vertical.font-7-wrap{top: auto;bottom: -40px;margin-top: 2px;}
.pos-vertical.font-8-wrap{top: auto;bottom: -40px;margin-top: 46px;}
.pos-vertical.font-9-wrap{top: auto;bottom: -40px;margin-top: 78px;}
.pos-vertical.font-10-wrap{top: auto;bottom: -40px;margin-top: 54px;}
.pos-vertical.font-11-wrap{top: auto;bottom: -40px;margin-top: 46px;}
.pos-vertical.font-12-wrap{top: auto;bottom: -145px;}
.pos-vertical.font-13-wrap{top: auto;bottom: -70px;margin-top: 46px;}
.pos-vertical.font-14-wrap{top: auto;bottom: -65px;margin-top: 70px;}

.pos-vertical.font-1-wrap{left: -160px;}
.pos-vertical.font-2-wrap{left: -195px;}
.pos-vertical.font-3-wrap{left: -195px;}
.pos-vertical.font-4-wrap{left: -185px;}
.pos-vertical.font-5-wrap{left: -185px;}
.pos-vertical.font-6-wrap{left: -185px;}
.pos-vertical.font-7-wrap{left: -160px;}
.pos-vertical.font-8-wrap{left: -190px;}
.pos-vertical.font-9-wrap{left: -190px;}
.pos-vertical.font-10-wrap{left: -190px;}
.pos-vertical.font-11-wrap{left: -190px;}
.pos-vertical.font-12-wrap{left: -190px;}
.pos-vertical.font-13-wrap{left: -190px;}
.pos-vertical.font-14-wrap{left: -190px;}
*/

.preview.font-2-wrap{margin-top: 46px;}
.preview.font-3-wrap{margin-top: 46px;}
.preview.font-6-wrap{margin-top: 46px;}
.preview.font-11-wrap{margin-top: 46px;}
.preview.font-13-wrap{margin-top: 46px;}
.preview.font-5-wrap{margin-top: 105px;}
.preview.font-7-wrap{margin-top: 2px;}
.preview.font-8-wrap{margin-top: 46px;}
.preview.font-9-wrap{margin-top: 78px;}
.preview.font-11-wrap{margin-top: 54px;}
.preview.font-14-wrap{margin-top: -2px;}
.preview.font-17-wrap{margin-top: 57px;}
.preview.font-18-wrap{margin-top: 0px;}
.preview.font-19-wrap{margin-top: 0px;}
.preview.font-20-wrap{margin-top: 40px;}
.preview.font-21-wrap{margin-top: 22px;}
.preview.font-22-wrap{margin-top: -10px;}
.preview.font-23-wrap{margin-top: -5px;}
.preview.font-25-wrap{margin-top: -10px;}
.preview.font-26-wrap{margin-top: 14px;}
.preview.font-27-wrap{margin-top: 14px;}
.preview.font-32-wrap{margin-top: 35px;}
.preview.font-33-wrap{margin-top: 48px;}
.preview.font-34-wrap{margin-top: 15px;}
.preview.font-35-wrap{margin-top: 14px;}
.preview.font-36-wrap{margin-top: 14px;}
.preview.font-37-wrap{margin-top: 14px;}
.preview.font-38-wrap{margin-top: 14px;}
.preview.font-39-wrap{margin-top: 14px;}
.preview.font-40-wrap{margin-top: 14px;}
.preview.font-41-wrap{margin-top: 14px;}

.preview .font-1{font-size: 45px;}
.preview .font-1 span{font-size: 90px;}
.preview .font-2{font-size: 35px;}
.preview .font-2 span{font-size: 80px;}
.preview .font-3{font-size: 45px;}
.preview .font-3 span{font-size: 80px;}
.preview .font-4{font-size: 50px;}
.preview .font-4 span{font-size: 90px;}
.preview .font-5{font-size: 15px;}
.preview .font-5 span{font-size: 25px;}
.preview .font-6{font-size: 37px;}
.preview .font-6 span{font-size: 80px;}
.preview .font-7{font-size: 45px;padding-left: 20px;}
.preview .font-7 span{font-size: 80px;line-height: 172px;}
.preview .font-8{font-size: 35px;}
.preview .font-8 span{font-size: 80px;}
.preview .font-9{font-size: 40px;}
.preview .font-9 span{font-size: 60px;}
.preview .font-10{font-size: 48px;}
.preview .font-10 span{font-size: 75px;}
.preview .font-11{font-size: 48px;}
.preview .font-11 span{font-size: 75px;}
.preview .font-12{font-size: 35px;}
.preview .font-12 span{font-size: 90px;}
.preview .font-13{font-size: 50px;}
.preview .font-13 span{font-size: 80px;}
.preview .font-14{font-size: 50px;}
.preview .font-14 span{font-size: 110px;}
.preview .font-16{font-size: 60px;}
.preview .font-16 span{font-size: 85px;}
.preview .font-17{font-size: 45px;}
.preview .font-17 span{font-size: 65px;}
.preview .font-18{font-size: 45px;}
.preview .font-18 span{font-size: 110px;}
.preview .font-19{font-size: 45px;}
.preview .font-19 span{font-size: 108px;}
.preview .font-20{font-size: 45px;}
.preview .font-20 span{font-size: 70px;}
.preview .font-21{font-size: 45px;}
.preview .font-21 span{font-size: 95px;}
.preview .font-22{font-size: 45px;}
.preview .font-22 span{font-size: 115px;}
.preview .font-23{font-size: 45px;}
.preview .font-23 span{font-size: 65px;line-height: 170px;}
.preview .font-25{font-size: 45px;}
.preview .font-25 span{font-size: 115px;}
.preview .font-26{font-size: 45px;}
.preview .font-26 span{font-size: 100px;}
.preview .font-27{font-size: 45px;padding-left: 5px;}
.preview .font-27 span{font-size: 100px;}
.preview .font-32{font-size: 45px;}
.preview .font-32 span{font-size: 85px;}
.preview .font-33{font-size: 45px;}
.preview .font-33 span{font-size: 78px;}
.preview .font-34{font-size: 45px;}
.preview .font-34 span{font-size: 100px;}
.preview .font-35 span{font-size: 100px;}
.preview .font-36 span{font-size: 100px;}
.preview .font-37 span{font-size: 73px;}
.preview .font-38 span{font-size: 65px;}
.preview .font-39 span{font-size: 100px;}
.preview .font-40 span{font-size: 100px;}
.preview .font-41 span{font-size: 90px;}

.preview .font-1{letter-spacing: -4px;}
.preview .font-1 span:first-child.l-y, .preview .font-1 span:first-child.l-j, .preview .font-1 span:first-child.l-g, .preview .font-1 span:first-child.l-z, .preview .font-1 span:first-child.l-q, .preview .font-1 span:first-child.l-w, .preview .font-1 span:first-child.l-r, .preview .font-1 span:first-child.l-t, .preview .font-1 span:first-child.l-i, .preview .font-1 span:first-child.l-o, .preview .font-1 span:first-child.l-p, .preview .font-1 span:first-child.l-k, .preview .font-1 span:first-child.l-v, .preview .font-1 span:first-child.l-n,
.preview .font-1 span:first-child.l-Y, .preview .font-1 span:first-child.l-J, .preview .font-1 span:first-child.l-G, .preview .font-1 span:first-child.l-Z, .preview .font-1 span:first-child.l-Q, .preview .font-1 span:first-child.l-W, .preview .font-1 span:first-child.l-R, .preview .font-1 span:first-child.l-T, .preview .font-1 span:first-child.l-I, .preview .font-1 span:first-child.l-O, .preview .font-1 span:first-child.l-P, .preview .font-1 span:first-child.l-K, .preview .font-1 span:first-child.l-V, .preview .font-1 span:first-child.l-N
{
  margin-right: -3px;
}

.preview .font-2 span:first-child.l-q, .preview .font-2 span:first-child.l-w, .preview .font-2 span:first-child.l-e, .preview .font-2 span:first-child.l-t, .preview .font-2 span:first-child.l-y, .preview .font-2 span:first-child.l-i, .preview .font-2 span:first-child.l-p, .preview .font-2 span:first-child.l-a, .preview .font-2 span:first-child.l-s, .preview .font-2 span:first-child.l-d, .preview .font-2 span:first-child.l-f, .preview .font-2 span:first-child.l-g, .preview .font-2 span:first-child.l-j, .preview .font-2 span:first-child.l-l, .preview .font-2 span:first-child.l-v, .preview .font-2 span:first-child.l-b, .preview .font-2 span:first-child.l-z,
.preview .font-2 span:first-child.l-Q, .preview .font-2 span:first-child.l-W, .preview .font-2 span:first-child.l-E, .preview .font-2 span:first-child.l-T, .preview .font-2 span:first-child.l-Y, .preview .font-2 span:first-child.l-I, .preview .font-2 span:first-child.l-P, .preview .font-2 span:first-child.l-A, .preview .font-2 span:first-child.l-S, .preview .font-2 span:first-child.l-D, .preview .font-2 span:first-child.l-F, .preview .font-2 span:first-child.l-G, .preview .font-2 span:first-child.l-J, .preview .font-2 span:first-child.l-L, .preview .font-2 span:first-child.l-V, .preview .font-2 span:first-child.l-B, .preview .font-2 span:first-child.l-Z
{
  margin-right: -10px;
}

.preview .font-3{letter-spacing: -2px;}

.preview .font-4{letter-spacing: -7px;}
.preview .font-4 span:first-child.l-w, .preview .font-4 span:first-child.l-q, .preview .font-4 span:first-child.l-i, .preview .font-4 span:first-child.l-o, .preview .font-4 span:first-child.l-p, .preview .font-4 span:first-child.l-s, .preview .font-4 span:first-child.l-d, .preview .font-4 span:first-child.l-f, .preview .font-4 span:first-child.l-g, .preview .font-4 span:first-child.l-h, .preview .font-4 span:first-child.l-j, .preview .font-4 span:first-child.l-v, .font-4 span:first-child.l-m, .font-4 span:first-child.l-b,
.preview .font-4 span:first-child.l-W, .preview .font-4 span:first-child.l-Q, .preview .font-4 span:first-child.l-I, .preview .font-4 span:first-child.l-O, .preview .font-4 span:first-child.l-P, .preview .font-4 span:first-child.l-S, .preview .font-4 span:first-child.l-D, .preview .font-4 span:first-child.l-F, .preview .font-4 span:first-child.l-G, .preview .font-4 span:first-child.l-H, .preview .font-4 span:first-child.l-J, .preview .font-4 span:first-child.l-V, .font-4 span:first-child.l-M, .font-4 span:first-child.l-B
{
  margin-right: -5px;
}

.preview .font-6 span:first-child.l-i, .preview .font-6 span:first-child.l-o, .preview .font-6 span:first-child.l-p, .preview .font-6 span:first-child.l-s, .preview .font-6 span:first-child.l-d, .preview .font-6 span:first-child.l-f, .preview .font-6 span:first-child.l-v, .preview .font-6 span:first-child.l-b,
.preview .font-6 span:first-child.l-I, .preview .font-6 span:first-child.l-O, .preview .font-6 span:first-child.l-P, .preview .font-6 span:first-child.l-S, .preview .font-6 span:first-child.l-D, .preview .font-6 span:first-child.l-F, .preview .font-6 span:first-child.l-V, .preview .font-6 span:first-child.l-B
{
  margin-right: -5px;
}

.preview .font-7 span:first-child.l-q, .preview .font-7 span:first-child.l-y, .preview .font-7 span:first-child.l-u, .preview .font-7 span:first-child.l-o, .preview .font-7 span:first-child.l-p, .preview .font-7 span:first-child.l-d, .preview .font-7 span:first-child.l-h, .preview .font-7 span:first-child.l-j, .preview .font-7 span:first-child.l-z, .preview .font-7 span:first-child.l-n, .preview .font-7 span:first-child.l-m,
.preview .font-7 span:first-child.l-Q, .preview .font-7 span:first-child.l-Y, .preview .font-7 span:first-child.l-U, .preview .font-7 span:first-child.l-O, .preview .font-7 span:first-child.l-P, .preview .font-7 span:first-child.l-D, .preview .font-7 span:first-child.l-H, .preview .font-7 span:first-child.l-J, .preview .font-7 span:first-child.l-Z, .preview .font-7 span:first-child.l-N, .preview .font-7 span:first-child.l-M
{
  margin-right: -5px;
}

.preview .font-8 span:first-child.l-q, .preview .font-8 span:first-child.l-w, .preview .font-8 span:first-child.l-e, .preview .font-8 span:first-child.l-r, .preview .font-8 span:first-child.l-u, .preview .font-8 span:first-child.l-i, .preview .font-8 span:first-child.l-o, .preview .font-8 span:first-child.l-p, .preview .font-8 span:first-child.l-d, .preview .font-8 span:first-child.l-f, .preview .font-8 span:first-child.l-k, .preview .font-8 span:first-child.l-z, .preview .font-8 span:first-child.l-x, .preview .font-8 span:first-child.l-c, .preview .font-8 span:first-child.l-v, .preview .font-8 span:first-child.l-b, .preview .font-8 span:first-child.l-n, .preview .font-8 span:first-child.l-m,
.preview .font-8 span:first-child.l-Q, .preview .font-8 span:first-child.l-W, .preview .font-8 span:first-child.l-E, .preview .font-8 span:first-child.l-R, .preview .font-8 span:first-child.l-U, .preview .font-8 span:first-child.l-I, .preview .font-8 span:first-child.l-O, .preview .font-8 span:first-child.l-P, .preview .font-8 span:first-child.l-D, .preview .font-8 span:first-child.l-F, .preview .font-8 span:first-child.l-K, .preview .font-8 span:first-child.l-Z, .preview .font-8 span:first-child.l-X, .preview .font-8 span:first-child.l-C, .preview .font-8 span:first-child.l-V, .preview .font-8 span:first-child.l-B, .preview .font-8 span:first-child.l-N, .preview .font-8 span:first-child.l-M
{
  margin-right: -7px;
}

.preview .font-11{letter-spacing: -13px;}

.preview .font-12 span:first-child.l-q, .preview .font-12 span:first-child.l-w, .preview .font-12 span:first-child.l-y, .preview .font-12 span:first-child.l-i, .preview .font-12 span:first-child.l-o, .preview .font-12 span:first-child.l-p, .preview .font-12 span:first-child.l-s, .preview .font-12 span:first-child.l-f, .preview .font-12 span:first-child.l-j, .preview .font-12 span:first-child.l-v,  
.preview .font-12 span:first-child.l-Q, .preview .font-12 span:first-child.l-W, .preview .font-12 span:first-child.l-Y, .preview .font-12 span:first-child.l-I, .preview .font-12 span:first-child.l-O, .preview .font-12 span:first-child.l-P, .preview .font-12 span:first-child.l-S, .preview .font-12 span:first-child.l-F, .preview .font-12 span:first-child.l-J, .preview .font-12 span:first-child.l-V  
{
  margin-right: -5px;
}

.preview .font-13{letter-spacing: 0;}

.preview .font-16{letter-spacing: -15px;}

.preview .font-17{letter-spacing: -8px;}


.ruler {
  position: relative;
  width: 150%;
  height: 14px;
  background-color: #f4f4f4;
 }

 .ruler .cm,
 .ruler .mm {
  position: absolute;
  border-left: 1px solid #555;
  height: 14px;
  width: 10%;
 }
 .ruler .cm:after {
  position: absolute;
  bottom: -15px;
  font: 11px/1 sans-serif;
 }
 .ruler .mm {
  height: 5px;
 }
 .ruler .mm:nth-of-type(5) {
  height: 10px;
 }
 .ruler .cm:nth-of-type(1) {
  left: 0%;
 }
 .ruler .cm:nth-of-type(1):after {
  content: "0";
 }
 .ruler .cm:nth-of-type(2) {
  left: 10%;
 }
 .ruler .cm:nth-of-type(2):after {
  content: "1";
 }
 .ruler .cm:nth-of-type(3) {
  left: 20%;
 }
 .ruler .cm:nth-of-type(3):after {
  content: "2";
 }
 .ruler .cm:nth-of-type(4) {
  left: 30%;
 }
 .ruler .cm:nth-of-type(4):after {
  content: "3";
 }
 .ruler .cm:nth-of-type(5) {
  left: 40%;
 }
 .ruler .cm:nth-of-type(5):after {
  content: "4";
 }
 .ruler .cm:nth-of-type(6) {
  left: 50%;
 }
 .ruler .cm:nth-of-type(6):after {
  content: "5";
 }
 .ruler .cm:nth-of-type(7) {
  left: 60%;
 }
 .ruler .cm:nth-of-type(7):after {
  content: "6";
 }
 .ruler .cm:nth-of-type(8) {
  left: 70%;
 }
 .ruler .cm:nth-of-type(8):after {
  content: "7";
 }
 .ruler .cm:nth-of-type(9) {
  left: 80%;
 }
 .ruler .cm:nth-of-type(9):after {
  content: "8";
 }
 .ruler .cm:nth-of-type(10) {
  left: 90%;
 }
 .ruler .cm:nth-of-type(10):after {
  content: "9";
 }
 .ruler .cm:nth-of-type(11) {
  left: 100%;
 }
 .ruler .cm:nth-of-type(11):after {
  content: "10";
 }
 .ruler .mm:nth-of-type(1) {
  left: 10%;
 }
 .ruler .mm:nth-of-type(2) {
  left: 20%;
 }
 .ruler .mm:nth-of-type(3) {
  left: 30%;
 }
 .ruler .mm:nth-of-type(4) {
  left: 40%;
 }
 .ruler .mm:nth-of-type(5) {
  left: 50%;
 }
 .ruler .mm:nth-of-type(6) {
  left: 60%;
 }
 .ruler .mm:nth-of-type(7) {
  left: 70%;
 }
 .ruler .mm:nth-of-type(8) {
  left: 80%;
 }
 .ruler .mm:nth-of-type(9) {
  left: 90%;
 }
 .ruler .mm:nth-of-type(10) {
  left: 100%;
 }

 .ruler-vertical .cm:nth-of-type(5):after {
  content: "6";
 }

 .ruler-vertical .cm:nth-of-type(6):after {
  content: "5";
 }

 .ruler-vertical .cm:nth-of-type(7):after {
  content: "4";
 }

 .ruler-vertical .cm:nth-of-type(8):after {
  content: "3";
 }
 .ruler-vertical .cm:nth-of-type(9):after {
  content: "2";
 }
 .ruler-vertical .cm:nth-of-type(10):after {
  content: "1";
 }
 .ruler-vertical .cm:nth-of-type(11):after {
  content: "0";
 }

.preview{
  overflow: hidden;
  padding-left: 26px;
}

.preview div{
  padding: 0;
}

.preview-box{
  position: relative;
  text-align: left;
  padding-left: 50px;
}

.preview-box.pos-vertical-mar{
  margin-top: 475px;
}

.p-corner-box{
  position: absolute;
  width: 50px;
  height: 50px;
  left: 26px;
  bottom: 0;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  z-index: -1;
}

.ruler-vertical{
  transform: rotate(90deg);
  transform-origin: top left;
  left: -20px;
  top: -698px;
  width: 160%;
}

.pos-vertical-mar .ruler-vertical{
  top: -850px;
}

.ruler-horizontal{
  top: 10px;
  left: 26px;
  width: 160%;
}

.custom-jew{
  overflow: hidden;
  margin-top: 75px;
  padding-bottom: 25px;
  margin-bottom: 75px;
}

.product-additional-galleries{
  opacity: 0;
}

.wd-btn-arrow{
  margin-top: -50px;
}

@media (max-width: 767px){
  .custom-jew{
    transform: scale(0.8);
    margin-top: 0;
    margin-bottom: 0;
    margin-left: -20px;
  }

  .custom-jew .preview-box{
    margin-top: 0;
    padding-left: 0;
  }
}