#monogramForm .col-left {
  width: 100%;
}

.monogram-main-container form > div {
  display: table;
  padding: 1.5%;
}

.monogram-main-container #layout > img {
  float: left;
  cursor: pointer;
}

.monogram-main-container .col-left > div {
  display: table;
  width: 100%;
}

.monogram-main-container .mono-title {
  font-size: 19px;
  font-weight: bold;
}

.monogram-main-container .productOption {
  font-weight: bold;
}

.monogram-main-container .selected {
  border: 1px solid #000 !important;
}

.monogram-main-container .locationPart {
  display: table;
  width: 100%;
}

.monogram-main-container  li {
  list-style: none;
  cursor: pointer;
}

.monogram-main-container .colorname {
  border: 1px solid black;
  color: transparent;
  height: 23px;
  width: 28px;
  font-size: 0;
}

.monogram-main-container #color ul li {
  float: left;
  height: 25px !important;
  margin: 2px;
  width: 30px !important;
  border: 1px solid #fff;
}

.monogram-main-container #color ul li div {
  float: left;
}

.monogram-main-container #color div:nth-child(2) {
  font-size: 12px;
  padding-left: 5px;
  padding-top: 3px;
}

.monogram-main-container .col-right > div {
  display: table;
  width: 100%;
  margin-top: 5px;
}

#monogramForm {
  display: block !important;
  margin: 0 auto;
  width: 80%;
}

.monogram-main-container textarea {
  font-size: 50px;
  height: 100px;
  margin-bottom: 20px;
  pointer-events: none;
  text-align: center;
  width: 322px;
}

.monogram-main-container .col-right label {
  padding: 0px 0px 10px 6px;
  width: 90%;
}

.catalog-product-view .add-to-cart-buttons #monogram-form {
  display: none;
}

#monogramForm select {
  width: 100%;
}

#monogramForm .col-right {
  float: left;
}

#monogramForm .locationPart .options {
  float: left;
  height: 50px;
  margin: 2%;
  width: 46%;
}

#monogram-form .col-left .initialtext {
  font-size: 50px;
  height: 100px;
  text-align: center;
  width: 100px;
}

#monogram-form .initial-box div {
  float: left;
  padding: 1%;
}

.previewformonotextParent {
  font-size: 50px;
  text-align: center;
  width: 100%;
  margin-bottom: 0;
  position: relative;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}

#monogram-form .col-right {
  width: 100%;
}

.monogram_Character {
  font-size: 75px;
  vertical-align: middle;
  line-height: normal;
}

#monogram-form #font {
  clear: left;
}

#monogram-form .col-left , #monogram-form .col-center, #monogram-form .col-right {
  width: calc(100% - 20px);
  border: 1px solid #aeaeae;
  float: left;
  margin: 10px 0 10px 1px;
  padding: 10px;
}}

#monogram-form .productOption {
  padding: 10px 0;
  text-transform: uppercase;
  width: 100%;
}

#monogram-form select {
  width: 300px;
}

#monogram-form p {
  padding: 10px 0;
  text-transform: uppercase;
}

#monogram-form .monogram-main-container .col-right > label {
  width: auto;
}

.catalog-product-view .paypal-button img {
  vertical-align: middle;
}

.catalog-product-view .product-options-bottom {
  border: medium none;
  margin: 0;
  padding: 0;
}

/* #monogram-form .col-center .locationPart .options {
  display: none;
} */

#monogram-form .col-left div .initial-text {
  margin-top: 15px;
}


.main-box {
    position: relative;
    width: calc(100% - 40px);
    padding-top: calc(100% - 40px);
    margin: 10rem auto 0;
    max-width: 600px;
}
.measurement-box {
    width: 100%;
    height: 100%;
    border: 1px solid #000;
    display: flex;
    align-items: center;
    justify-content: center;
    position: absolute;
    top: 0;
    text-align: center;
    line-height: 1;
}
.vertical {
    height: calc(100% + 2px);
    width: 15px;
    border: 1px solid #000;
    position: absolute;
    right: 100%;
    top: -1px;
    display: flex;
}
.cell {
    display: flex;
    font-size: 12px;
    line-height: 12px;
}
.cell > span {
    display: block;
}
.vertical .cell {
    align-items: flex-end;
    height: calc(100% / 4);
    border-top: 1px solid #000;
    width: 13px;
    margin-left: auto;
    flex-direction: column;
}

.vertical {
    flex-direction: column-reverse;
}

.vertical .cell:last-child {
    justify-content: space-between;
    flex-direction: column-reverse;
    border-top: none;
}
.vertical .cell > span {
    height: calc(100% / 2);
    width: 9px;
    display: flex;
    align-items: flex-end;
}
.vertical .cell > span span {
    transform: rotate(-90deg);
}
.vertical .cell > span:last-child {
    border-top: 1px solid #000;
}
.vertical .cell:last-child > span:last-child {
    border-bottom: 1px solid #000;
    border-top: none;
    align-items: flex-start;
}
.horizontal {
    height: 15px;
    width: calc(100% + 2px);
    border: 1px solid #000;
    position: absolute;
    right: -1px;
    display: flex;
}
.horizontal.top {
    align-items: self-end;
    top: -15px;
}
.horizontal.bottom {
    align-items: self-start;
    bottom: -15px;
}
.horizontal .cell {
    width: calc(100% / 4);
    border-right: 1px solid #000;
    height: 13px;
    align-items: flex-end;
}
.horizontal.bottom .cell {
    align-items: flex-start;
}
.horizontal .cell > span {
    width: calc(100% / 2);
}

.horizontal .cell > span:last-child {
    border-left: 1px solid #000;
    height: 9px;
}
.horizontal .cell:last-child > span:last-child {
    text-align: right;
}

.horizontal .cell:last-child {
    justify-content: space-between;
    border-right: 0;
}
.mediaPreviewMonotextParent {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    font-size: 50px;
}
@media only screen and (min-width: 1024px) {
    .main-box {
        padding-top: 600px;
    }
    .main-box.mobile {
        display: none !important;
    }
}
@media only screen and (max-width: 1023px) {
    .main-box {
        width: calc(100% - 40px) !important;
        margin: 3rem auto !important;
    }
    .main-box:not(.mobile) {
        display: none !important;
    }
}

@media only screen and (max-width: 1199px) {
  .monogram-main-container #monogramForm .col-right {
    width: 100%;
  }

  .monogram-main-container  .col-left , .monogram-main-container .col-right {
    width: 50%;
  }

  .monogram-main-container #monogramForm .col-right {
    width: 100%;
    text-align: center;
  }
}

@media only screen and (max-width: 655px) {
  .monogram-main-container #monogramForm  #font > img {
    margin: 0 auto;
    padding: 5px;
  }
}

@media only screen and (max-width: 1100px) {
  .monogram-main-container #color ul li:nth-child(14) {
    clear: none !important;
  }
}

@media only screen and (max-width: 500px) {
  .vbox-inline.figlio {
    width: 90% !important;
  }

  #monogramForm input[type="text"] {
    width: 100%;
  }

  #monogram-form select {
    width: 100%;
  }

  .col-left .initial-text > input {
    width: 100%;
  }
}

#monogram-form p {
  font-size: 13px;
  font-family: "Raleway", "Helvetica Neue", Verdana, Arial, sans-serif;
  font-weight: 600;
  text-transform: capitalize;
}

#previewformonotext {
  margin-top: 0 auto;
}

@media only screen and (max-width: 400px) {
  #monogram-form select {
    width: 100% !important;
  }
}

@media only screen and (max-width: 403px) {
  #monogram-form .initial-box div {
    width: 32%;
  }

  .initial-box {
    margin-top: 20px !important;
  }
}

#colorimprint li {
  float: left;
  height: 49px;
  padding: 5px;
  width: 100px;
}

#colorimprint .colorname {
  color: black;
  height: 26px;
  padding-top: 4px;
  width: 91px;
}

#colorimprint div {
  font-size: 11px;
  text-align: center;
}

#previewformonotext {
  display: table;
  margin: 0 auto;
  width: 100%;
  line-height: 1.2;
}

.monogram-main-container ul {
  margin: 0;
  padding: 0;
}

.monogram-main-container #color ul li:nth-child(14) {
  clear: both;
}

@font-face {
  font-family: 'Aero';
  src: url('/fonts/Aero.ttf');
}

@font-face {
  font-family: 'Aero Matics Bold';
    src: url('/fonts/Aero_Matics_Bold.ttf');
}

@font-face {
  font-family: 'Aero Matics Bold Italic';
    src: url('fonts/Aero_Matics_Bold_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Bold';
    src: url('fonts/Aero_Matics_Display_Bold.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Bold Italic';
    src: url('fonts/Aero_Matics_Display_Bold_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Italic';
    src: url('fonts/Aero_Matics_Display_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Light';
    src: url('fonts/Aero_Matics_Display_Light.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Light Italic';
    src: url('fonts/Aero_Matics_Display_Light_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Display Regular';
    src: url('fonts/Aero_Matics_Display_Regular.ttf');
}

@font-face {
  font-family: 'Aero Matics Italic';
    src: url('fonts/Aero_Matics_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Light';
    src: url('fonts/Aero_Matics_Light.ttf');
}

@font-face {
  font-family: 'Aero Matics Light Italic';
    src: url('fonts/Aero_Matics_Light_Italic.ttf');
}

@font-face {
  font-family: 'Aero Matics Regular';
    src: url('fonts/Aero_Matics_Regular.ttf');
}

/* 2 */

@font-face {
  font-family: 'Beacon';
    src: url('fonts/beacon.ttf');
}

@font-face {
  font-family: 'Blackjar';
    src: url('fonts/BLACKJAR.TTF');
}

@font-face {
  font-family: 'Bringshoot';
    src: url('fonts/Bringshoot.ttf');
}

@font-face {
  font-family: 'CaviarDreams';
    src: url('fonts/CaviarDreams.ttf');
}

@font-face {
  font-family: 'CaviarDreams Bold';
    src: url('fonts/CaviarDreams_Bold.ttf');
}

@font-face {
  font-family: 'CaviarDreams Bold Italic';
    src: url('fonts/CaviarDreams_BoldItalic.ttf');
}

@font-face {
  font-family: 'CaviarDreams Italic';
    src: url('fonts/CaviarDreams_Italic.ttf');
}

@font-face {
  font-family: 'College';
    src: url('fonts/college.ttf');
}

@font-face {
  font-family: 'College Bold';
    src: url('fonts/collegeb.ttf');
}

@font-face {
  font-family: 'Conthrax Bold';
    src: url('fonts/conthrax-sb.ttf');
}

@font-face {
  font-family: 'Dolce Vita';
    src: url('fonts/Dolce_Vita.ttf');
}

@font-face {
  font-family: 'Dolce Vita Heavy Bold';
    src: url('fonts/Dolce_Vita_Heavy_Bold.ttf');
}

@font-face {
  font-family: 'Dolce Vita Light';
    src: url('fonts/Dolce_Vita_Light.ttf');
}

@font-face {
  font-family: 'JennaSue';
    src: url('fonts/JennaSue.ttf');
}

@font-face {
  font-family: 'Kenyan Coffee Regular Italic';
    src: url('fonts/kenyan_coffee_rg_it.ttf');
}

@font-face {
  font-family: 'Kenyan Coffee Regular';
    src: url('fonts/kenyan_coffee_rg.ttf');
}

@font-face {
  font-family: 'Kenyan Coffee Bold Italic';
    src: url('fonts/kenyan_coffee_bd_it.ttf');
}

@font-face {
  font-family: 'Kenyan Coffee Bold';
    src: url('fonts/kenyan_coffee_bd.ttf');
}

@font-face {
  font-family: 'Kirvy Bold';
    src: url('fonts/Kirvy-Bold.ttf');
}

@font-face {
  font-family: 'Kirvy Light';
    src: url('fonts/Kirvy-Light.ttf');
}

@font-face {
  font-family: 'Kirvy Regular';
    src: url('fonts/Kirvy-Regular.ttf');
}

@font-face {
  font-family: 'Kirvy Thin';
    src: url('fonts/Kirvy-Thin.ttf');
}

@font-face {
  font-family: 'LinLibertine Regular Italic';
    src: url('fonts/LinLibertine_RI.ttf');
}

@font-face {
  font-family: 'LinLibertine Regular Bold Italic';
    src: url('fonts/LinLibertine_RBI.ttf');
}

@font-face {
  font-family: 'LinLibertine Regular Bold';
    src: url('fonts/LinLibertine_RB.ttf');
}

@font-face {
  font-family: 'LinLibertine Regular';
    src: url('fonts/LinLibertine_R.ttf');
}

@font-face {
  font-family: 'LinLibertine Italic';
    src: url('fonts/LinLibertine_I.ttf');
}

@font-face {
  font-family: 'Luna';
    src: url('fonts/Luna.ttf');
}

@font-face {
  font-family: 'MarketingScript Shadow';
    src: url('fonts/MarketingScript_Shadow.ttf');
}

@font-face {
  font-family: 'MarketingScript Inline';
    src: url('fonts/MarketingScript_Inline.ttf');
}

@font-face {
  font-family: 'MarketingScript';
    src: url('fonts/MarketingScript.ttf');
}

@font-face {
  font-family: 'Master of Break';
    src: url('fonts/master_of_break.ttf');
}

@font-face {
  font-family: 'Modern Squared';
    src: url('fonts/modern_squared2.ttf');
}

@font-face {
  font-family: 'Neuropol';
    src: url('fonts/neuropol.ttf');
}

@font-face {
  font-family: 'Old Sans Black';
    src: url('fonts/OldSansBlack.ttf');
}

@font-face {
  font-family: 'Old Sans Black Underline';
    src: url('fonts/OldSansBlackUnderline.ttf');
}

@font-face {
  font-family: 'Old English';
    src: url('fonts/OldeEnglish.ttf');
}

@font-face {
  font-family: 'Optimus Princeps Semi Bold';
    src: url('fonts/OptimusPrincepsSemiBold.ttf');
}

@font-face {
  font-family: 'Optimus Princeps';
    src: url('fonts/OptimusPrinceps.ttf');
}

@font-face {
  font-family: 'Pacifico';
    src: url('fonts/Pacifico.ttf');
}

@font-face {
  font-family: 'Rounded Elegance';
    src: url('fonts/Rounded_Elegance.ttf');
}

@font-face {
  font-family: 'Shellahera Script Demo';
    src: url('fonts/ShellaheraScriptDemo.ttf');
}

@font-face {
  font-family: 'Steelfish Regular Italic';
    src: url('fonts/steelfish_rg_it.ttf');
}

@font-face {
  font-family: 'Steelfish Regular';
    src: url('fonts/steelfish_rg.ttf');
}

@font-face {
  font-family: 'Steelfish Outline';
    src: url('fonts/steelfish_outline.ttf');
}

@font-face {
  font-family: 'Sweet Sorrow';
    src: url('fonts/Sweet_Sorrow.ttf');
}

@font-face {
  font-family: 'Vintage Avalanche';
    src: url('fonts/Vintage_Avalanche.ttf');
}

@font-face {
  font-family: 'Gravity UltraLight';
    src: url('fonts/Gravity-UltraLight.ttf');
}

@font-face {
  font-family: 'Gravity Italic';
    src: url('fonts/Gravity-Italic.ttf');
}

@font-face {
  font-family: 'Gravity Light';
    src: url('fonts/Gravity-Light.ttf');
}

@font-face {
  font-family: 'Gravity Book Italic';
    src: url('fonts/Gravity-BookItalic.ttf');
}

@font-face {
  font-family: 'Gravity Bold Italic';
    src: url('fonts/Gravity-BoldItalic.ttf');
}

@font-face {
  font-family: 'Gravity Bold';
    src: url('fonts/Gravity-Bold.ttf');
}

@font-face {
  font-family: 'Gravity Ultra Light Italic';
    src: url('fonts/Gravity-UltraLightItalic.ttf');
}
/* ---  */


@font-face {

  font-family: 'Aldine';
  src: url('fonts/Aldine.ttf');
}

@font-face {

  font-family: 'Arruba';
  src: url('fonts/Arruba.ttf');
}

@font-face {

  font-family: 'Neville Script';
  src: url('fonts/NevilleScript.ttf');
}

@font-face {

  font-family: 'Pine Casual';
  src: url('fonts/PineCasual.ttf');
}

@font-face {

  font-family: 'Satisfaction';
  src: url('fonts/Satisfaction.ttf');
}

@font-face {

  font-family: 'Cocktail';
  src: url('fonts/cocktail.ttf');
}

@font-face {

  font-family: 'Avant';
  src: url('Avant.ttf');
}

@font-face {
  font-family: 'Franklin Bold';
  src: url('FrankliBold.ttf');
}

@font-face {
  font-family: 'Eurostyle';
  src: url('eurostyle.ttf');
}

@font-face {
  font-family: 'Greek';
  src: url('Greek.ttf');
}

@font-face {
  font-family: 'Aleo';
  src: url('fonts/aleo.ttf');
}

@font-face {
  font-family: 'Amatic';
  src: url('fonts/amatic.ttf');

  font-family: 'Blocksingle';
  src: url('fonts/blocksingle.ttf');
}

@font-face {
  font-family: 'Brock';
  src: url('fonts/brock.ttf');
}

@font-face {
  font-family: 'Catillion';
  src: url('fonts/catillion.ttf');
}

@font-face {
  font-family: 'Circleleft';
  src: url('fonts/circleleft.ttf');
}

@font-face {
  font-family: 'Circlemiddle';
  src: url('fonts/circlemiddle.ttf');
}

@font-face {
  font-family: 'Circleright';
  src: url('fonts/circleright.ttf');
}

@font-face {
  font-family: 'Circlescriptleft';
  src: url('fonts/circlescriptleft.ttf');
}

@font-face {
  font-family: 'Circlescriptmiddle';
  src: url('fonts/circlescriptmiddle.ttf');
}

@font-face {
  font-family: 'Circlescriptright';
  src: url('fonts/circlescriptright.ttf');
}

@font-face {
  font-family: 'Classic';
  src: url('fonts/classic.ttf');
}

@font-face {
  font-family: 'Curlz';
  src: url('fonts/curlz.ttf');
}

@font-face {

  font-family: 'Dazzling';
  src: url('fonts/dazzling.ttf');

  font-family: 'Dots';
  src: url('fonts/dots.ttf');
}

@font-face {
  font-family: 'Dreamersglee';
  src: url('fonts/dreamersglee.ttf');
}

@font-face {
  font-family: 'Exactmonogram';
  src: url('fonts/exactmonogram.ttf');
}

@font-face {
  font-family: 'Fancyleft';
  src: url('fonts/fancyleft.ttf');
}

@font-face {
  font-family: 'Fancymiddle';
  src: url('fonts/fancymiddle.ttf');
}

@font-face {
  font-family: 'Fancyright';
  src: url('fonts/fancyright.ttf');
}

@font-face {
  font-family: 'Fishtail';
  src: url('fonts/fishtail.ttf');
}

@font-face {
  font-family: 'Freestyle';
  src: url('fonts/freestyle.ttf');
}

@font-face {
  font-family: 'Handwriting';
  src: url('fonts/handwriting.ttf');
}

@font-face {
  font-family: 'Helmsley';
  src: url('fonts/helmsley.ttf');
}

@font-face {
  font-family: 'Interlockingleft';
  src: url('fonts/interlockingleft.ttf');
}

@font-face {
  font-family: 'Interlockingmiddle';
  src: url('fonts/interlockingmiddle.ttf');
}

@font-face {
  font-family: 'Interlockingright';
  src: url('fonts/interlockingright.ttf');
}

@font-face {
  font-family: 'Kudzu';
  src: url('fonts/kudzu.ttf');
}

@font-face {
  font-family: 'Lace';
  src: url('fonts/lace.ttf');
}

@font-face {
  font-family: 'Meelie';
  src: url('fonts/meelie.ttf');
}

@font-face {
  font-family: 'Monogramscript';
  src: url('fonts/monogramscript.ttf');
}

@font-face {
  font-family: 'Naturalcircleleft';
  src: url('fonts/naturalcircleleft.ttf');
}

@font-face {
  font-family: 'Naturalcirclemiddle';
  src: url('fonts/naturalcirclemiddle.ttf');
}

@font-face {
  font-family: 'Naturalcircleright';
  src: url('fonts/naturalcircleright.ttf');
}

@font-face {
  font-family: 'Ornate';
  src: url('fonts/ornate.ttf');
}

@font-face {
  font-family: 'Party';
  src: url('fonts/party.ttf');
}

@font-face {
  font-family: 'Pointleft';
  src: url('fonts/pointleft.ttf');
}

@font-face {
  font-family: 'Pointmiddle';
  src: url('fonts/pointmiddle.ttf');
}

@font-face {
  font-family: 'Pointright';
  src: url('fonts/pointright.ttf');
}

@font-face {
  font-family: 'Rockford';
  src: url('fonts/rockford.ttf');
}

@font-face {
  font-family: 'Rockstar';
  src: url('fonts/rockstar.ttf');
}

@font-face {
  font-family: 'Script';
  src: url('fonts/script.ttf');
}

@font-face {
  font-family: 'Scriptone';
  src: url('fonts/scriptone.ttf');
}

@font-face {
  font-family: 'Sealleft';
  src: url('fonts/sealleft.ttf');
}

@font-face {
  font-family: 'Sealmiddle';
  src: url('fonts/sealmiddle.ttf');

   font-family: 'Sealright';
  src: url('fonts/sealright.ttf');
}

@font-face {
  font-family: 'Silly';
  src: url('fonts/silly.ttf');
}

@font-face {
  font-family: 'Sydney';
  src: url('fonts/sydney.ttf');
}

@font-face {
  font-family: 'Tabby';
  src: url('fonts/tabby.ttf');
}

@font-face {
  font-family: 'Thriller';
  src: url('fonts/thriller.ttf');
}

@font-face {
  font-family: 'Tipsy';
  src: url('fonts/tipsy.ttf');
}

@font-face {
  font-family: 'Tiva';
  src: url('fonts/tiva.ttf');
}

@font-face {
  font-family: 'Victor';
  src: url('fonts/victor.ttf');
}

@font-face {
  font-family: 'Victorian';
  src: url('fonts/victorian.ttf');
}

@font-face {
  font-family: 'KGModernMonogram';
  src: url('fonts/KGModernMonogramPlain.ttf');
}
.previewformonotextParent {
    text-align: center;
    border: 1px solid #6b7280;
    padding-bottom: 10px;
}
.confirm-chk input#checkCondition {
    margin-top: 4px;
} 
.confirm-chk{
    display: flex !important;
    align-items: flex-start;
    column-gap: 4px;
}