@font-face{font-weight:400;font-style:normal;font-family:Quicksand_Book;src:url(font/Quicksand_Book.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:TheStreet;src:url(font/TheStreet.woff) format('woff');font-display:swap; }
@font-face{font-weight:400;font-style:normal;font-family:TaylorGothic;src:url(font/TaylorGothic.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:Rocket-Clouds;src:url(font/Rocket-Clouds.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:BluePrinted;src:url(font/BluePrinted.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:BrittanySignature;src:url(font/BrittanySignature.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:Sacramento-Regular;src:url(font/Sacramento-Regular.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:JMH-Typewriter;src:url(font/JMH-Typewriter.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:NEON-ABSOLUTE-SANS1;src:url(font/NEON-ABSOLUTE-SANS1.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:NEON-GLOW;src:url(font/NEON-GLOW.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:Neoneon-3zaD6; src:url(font/Neoneon-3zaD6.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:neonledlight;src:url(font/neonledlight.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family: ROLLOGLI;src:url(font/ROLLOGLI.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family: space_age;src:url(font/space_age.woff) format('woff');font-display:swap;}
@font-face{font-weight:400;font-style:normal;font-family:TECHNOLIN;src:url(font/TECHNOLIN.woff) format('woff');font-display:swap;}


.font1 , .Font1 { font-family:Quicksand_Book;    font-size: 46px; } 
.font2 , .Font2 {font-family:TheStreet;    font-size: 27px;}/* font5 */
.font3, .Font3 {font-family:TaylorGothic;}/* font7 */
.font4,.Font4{font-family:Rocket-Clouds;    font-size: 33px;}/* font8 */
.font5,.Font5{font-family:BluePrinted; font-size: 43px;}/* font10 */
.font6,.Font6{font-family:BrittanySignature; }/* font12 */
.font7,.Font7{font-family:Sacramento-Regular;     font-size: 46px;}/* font15 */
.font8,.Font8{ font-family:JMH-Typewriter;font-weight: bold;font-size: 41px;}/* font16 */
.font9,.Font9{font-family:NEON-ABSOLUTE-SANS1;     font-size: 43px;}/* font24 */
.font10,.Font10{font-family:NEON-GLOW;}/* font25 */
.font11,.Font11{ font-family: neonledlight;    font-size: 42px;}
.font12,.Font12{font-family:space_age;    font-size: 28px;}
.font13,.Font13{font-family:ROLLOGLI ;    font-size: 60px;}
.font14,.Font14{ font-family: TECHNOLIN;    font-size: 22px; }
.font15,.Font15{font-family:Neoneon-3zaD6;font-size: 44px;}


 


 


.Chose_Background .mageworx-optionswatches-option-gallery-type_dropdown , .fieldset > .field.required > .label:after, .fieldset > .fields > .field.required > .label:after, .fieldset > .field._required > .label:after, .fieldset > .fields > .field._required > .label:after ,  .fotorama__nav , .fotorama__arr.fotorama__arr--next .fotorama__arr__arr ,.fotorama__arr.fotorama__arr--prev .fotorama__arr__arr, .gallery-placeholder._block-content-loading .Illusionneoninfo  {    display: none!important;}
.fotorama-transition-for-slide, .fotorama__wrap--css3 .fotorama__stage__shaft, .fotorama__wrap--css3 .fotorama__nav__shaft, .fotorama__wrap--css3 .fotorama__thumb-border {    max-width: 100%!important;}
.fotorama-gpu, .fotorama--fullscreen, .fotorama__caption, .fotorama__wrap--css3 .fotorama__spinner, .fotorama__wrap--css3 .fotorama__stage, .fotorama__wrap--css3 .fotorama__nav, .fotorama__wrap--css3 .fotorama__stage__frame, .fotorama__wrap--css3 .fotorama__html, .fotorama__stage:before, .fotorama__nav:before, .fotorama__stage:after, .fotorama__nav:after, .fotorama--fullscreen .fotorama__stage__frame .fotorama__img--full {left: 0px!important;}
.swatch-attribute.size .mageworx-swatch-option, .swatch-attribute.manufacturer .mageworx-swatch-option {max}
.swatch-attribute-options {display: flex;flex-wrap: wrap;}
.product-info-main .box-tocart .actions, .product-options-bottom .box-tocart .actions {    display: block;}
.Custom_Type .mageworx-swatch-container {    width: 49%;border: 0; padding: 0}
.Custom_Type .mageworx-swatch-container:nth-child(1) {margin-right: 2%;}

.textalign .mageworx-swatch-container, .Chosesize .mageworx-swatch-container {     width: 32.333333%;margin-bottom: 10px;
    border: 0;
    padding: 0;
    display: flex!important;}
.textalign .mageworx-swatch-container:nth-child(1), .textalign .mageworx-swatch-container:nth-child(2), .Chosesize .mageworx-swatch-container:nth-child(1), .Chosesize .mageworx-swatch-container:nth-child(2), .Chosesize .mageworx-swatch-container:nth-child(4), .Chosesize .mageworx-swatch-container:nth-child(5) {margin-right: 1.5%;}



.product-info-main .page-title-wrapper .page-title, .product-info-main .product-reviews-summary .reviews-actions {    font-size: 32px;    color: #00c9b9;}
.Illusionneoninfo {
  position: absolute;
    z-index: 9;
    padding: 0px 40px;
    width: 100%;
    box-sizing: border-box;
    text-align: center;
    font-size: 30px;
    padding-top: 20%;
    height: 100%;
  
 }

 .Illusionneoninfo  .Warm.White{color: #FFFCD6;text-shadow: 0 0 1px #f9e08e, 0 0 3px #b9a48d, 3px 3px 3px rgb(0 0 0 / 5%), 0 0 8px #ffe3c0, 0 0 30px #f8eada, 0 0 50px #fff9f2;}
 .Illusionneoninfo  .text-center.Left #text {text-align: left;display: inline-block;}
 .Illusionneoninfo  .text-center.Center  #text {text-align: center;display: inline-block;white-space: nowrap;  }
 .Illusionneoninfo  .text-center.Right  #text {text-align: right;display: inline-block;}
  .swatch-attribute.size .mageworx-swatch-option.left b,.swatch-attribute.size .mageworx-swatch-option.center b,.swatch-attribute.size .mageworx-swatch-option.right b {font-size:0;}
.swatch-attribute.size .mageworx-swatch-option.left b:before {
     font-family: "cyanfont" !important;
     content: "\e10f";    font-size: 15px;
 }
.swatch-attribute.size .mageworx-swatch-option.center b:before {
     font-family: "cyanfont" !important;
     content: "\e110";    font-size: 15px;
 }
.swatch-attribute.size .mageworx-swatch-option.right b:before {
     font-family: "cyanfont" !important;
     content: "\e111";    font-size: 15px;
 }
.Your_Textinfo .note  {display: none;}

/* 
.Chose_Background , .Chosesize , .Your_Textinfo{width: 48%;padding-right:2%; float: left;}
.Choseshap, .Chosecolortype , .Chose_Your_Font  {width: 48%;padding-left:2%;float: right;}
.textalign {clear: both;width: 48%;} */




#product-options-wrapper .Chose_Your_Font .cssSelect .selectBox{height:82px;border:1px solid #999a9c;;border-radius:5px;text-align:center;line-height:80px;
background:#000 url(//www.illusionneon.com/media/ico/arrow.png) no-repeat; background-size: 7%; background-position-x: 96%; background-position-y: 52%;}
#product-options-wrapper .Chose_Your_Font .cssSelect{position:relative;}
#product-options-wrapper .Chose_Your_Font .cssSelect .optionsBox{position:absolute;top:83px!important;left:0!important;z-index:99;width:100%;height:150px!important;border:1px solid #999a9c;background: #000;}
#product-options-wrapper .Chose_Your_Font .cssSelect .optionsInnerBox .optionBox.oNormal{float:left;display:inline-block;    padding: 10px 15px;}
#product-options-wrapper .Chose_Your_Font .cssSelect .optionsInnerBox .Please.Select{display:none;}
#product-options-wrapper .Chose_Your_Font .cssSelect .selectLt{font-size: 28px;text-align: left; padding-left: 20px;}
#product-options-wrapper .Chose_Background select,  
#product-options-wrapper .Chose_Your_Font select,  
#product-options-wrapper .Chosesize select,
#product-options-wrapper .Chosecolortype select{height: 82px;  appearance: none;  -moz-appearance: none; -webkit-appearance: none;  background: #000 url(//www.illusionneon.com/media/ico/arrow.png) no-repeat;  background-size: 7%; background-position-x: 96%;  background-position-y: 52%;}  
#product-options-wrapper .Your_Textinfo{width: 100%; padding-right: 0;}
#product-options-wrapper .Your_Textinfo textarea{height: 120px;}
#product-options-wrapper .colortype{clear: both;}
#product-options-wrapper .Chose_Your_Font .cssSelect .selectBox.sPressDow{border-color: #35CD57;}

#product-options-wrapper .field.required.Chosecolortype  .swatch-attribute-options.clearfix{    justify-content: space-between;}
#product-options-wrapper .field.required.Chosecolortype .mageworx-swatch-container{width: calc( (100% - 30px )/3 );    padding: 0;}
#product-options-wrapper .field.required.Chosecolortype .mageworx-swatch-container .mageworx-swatch-option b{font-size: 16px;}

#product-options-wrapper .field.required.Chosecolortype .swatch-attribute-options .mageworx-swatch-option{  background: black;
  border-color: #5a6069;  max-width: 100% !important; border-radius: 5px; height: 32px;  display: flex; justify-content: center; align-items: center; }
.catalog-product-view .fieldset > .field> .label,.field.Chosesize .swatch-attribute.size .mageworx-swatch-option{font-size: 16px;}
#product-options-wrapper .field.required.Chosecolortype  .mageworx-swatch-option:not(.disabled):hover{color: #bbbbbb;}
#product-options-wrapper .field.required.Chosecolortype .mageworx-swatch-option.text.selected{color:#fff;}
#product-options-wrapper .fieldset .field.required.textalign{width: 100%;}
#product-options-wrapper .field.required.Chosesize  .swatch-attribute-options .mageworx-swatch-container{margin-right: 1.5%;}
#product-options-wrapper .field.required.Chosesize  .swatch-attribute-options .mageworx-swatch-container:nth-child(3n){margin-right: 0;}

#product-options-wrapper .field.required.Chosecolortype  .swatch-attribute-options.clearfix{display: grid;grid-template-columns: repeat(3, calc((100% - 15px) / 3)); grid-column-gap: 5px;}
#product-options-wrapper .field.required.Chosecolortype .mageworx-swatch-container{width: 100%;}
#product-options-wrapper .field.required.costomtypetop  .swatch-attribute-options{ display:grid;  grid-template-columns: repeat(2, calc((100% - 10px) / 2));  grid-column-gap: 10px;}
#product-options-wrapper .field.costomtypetop .mageworx-swatch-container{padding-right:0;}
   
.field.costomtypetop .mageworx-swatch-container .mageworx-swatch-option{max-width:100%!important;padding:10px;background: black;  border-color: #5a6069; border-radius: 5px;}
 
.colortype .swatch-attribute .mageworx-swatch-option.multicolor b{background:conic-gradient(#9ed110,#50b517,#179067,#476eaf,#9f49ac,#cc42a2,#e02b27,#ff5800,#ff8100,#feac00,#fc0,#ede604);}

.Illusionneoninfo .Multi.Color{Color:#fff;animation:shining 10s infinite alternate;}

@keyframes shining{0%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(2 255 251) 0 0 20px,rgb(2 255 251) 0 0 30px,rgb(2 255 251) 0 0 40px,rgb(2 255 251) 0 0 55px,rgb(2 255 251) 0 0 75px;Color:#fff;}
8%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(107 227 255) 0 0 20px,rgb(107 227 255) 0 0 30px,rgb(107 227 255) 0 0 40px,rgb(107 227 255) 0 0 55px,rgb(107 227 255) 0 0 75px;Color:#fff;}
16%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(107 227 255) 0 0 20px,rgb(107 227 255) 0 0 30px,rgb(107 227 255) 0 0 40px,rgb(107 227 255) 0 0 55px,rgb(107 227 255) 0 0 75px;Color:#fff;}
24%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(42 101 255) 0 0 20px,rgb(42 101 255) 0 0 30px,rgb(42 101 255) 0 0 40px,rgb(42 101 255) 0 0 55px,rgb(42 101 255) 0 0 75px;Color:#fff;}
30%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(252 198 222) 0 0 20px,rgb(252 198 222) 0 0 30px,rgb(252 198 222) 0 0 40px,rgb(252 198 222) 0 0 55px,rgb(252 198 222) 0 0 75px;}
36%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(255 87 176) 0 0 20px,rgb(255 87 176) 0 0 30px,rgb(255 87 176) 0 0 40px,rgb(255 87 176) 0 0 55px,rgb(255 87 176) 0 0 75px;Color:#fff;}
42%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(225 227 230) 0 0 20px,rgb(225 227 230) 0 0 30px,rgb(225 227 230) 0 0 40px,rgb(225 227 230) 0 0 55px,rgb(225 227 230) 0 0 75px;Color:#fff;}
48%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(242 255 20) 0 0 20px,rgb(242 255 20) 0 0 30px,rgb(242 255 20) 0 0 40px,rgb(242 255 20) 0 0 55px,rgb(242 255 20) 0 0 75px;Color:#fff;}
55%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(255 231 0) 0 0 20px,rgb(255 231 0) 0 0 30px,rgb(255 231 0) 0 0 40px,rgb(255 231 0) 0 0 55px,rgb(255 231 0) 0 0 75px;Color:#fff;}
64%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(255 194 0) 0 0 20px,rgb(255 194 0) 0 0 30px,rgb(255 194 0) 0 0 40px,rgb(255 194 0) 0 0 55px,rgb(255 194 0) 0 0 75px;}
73%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(255 148 30) 0 0 20px,rgb(255 148 30) 0 0 30px,rgb(255 148 30) 0 0 40px,rgb(255 148 30) 0 0 55px,rgb(255 148 30) 0 0 75px;Color:#fff;}
82%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(255 0 0) 0 0 20px,rgb(255 0 0) 0 0 30px,rgb(255 0 0) 0 0 40px,rgb(255 0 0) 0 0 55px,rgb(255 0 0) 0 0 75px;Color:#fff;}
91%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(39 243 39) 0 0 20px,rgb(39 243 39) 0 0 30px,rgb(39 243 39) 0 0 40px,rgb(39 243 39) 0 0 55px,rgb(39 243 39) 0 0 75px;Color:#fff;}
100%{text-shadow:rgb(255 255 255) 0 0 5px,rgb(255 255 255) 0 0 10px,rgb(193 89 255) 0 0 20px,rgb(193 89 255) 0 0 30px,rgb(193 89 255) 0 0 40px,rgb(193 89 255) 0 0 55px,rgb(193 89 255) 0 0 75px;Color:#fff;}
}

.colortype .swatch-attribute .mageworx-swatch-option.fullcolor b{background:conic-gradient(#9ed110,#50b517,#179067,#476eaf,#9f49ac,#cc42a2,#e02b27,#ff5800,#ff8100,#feac00,#fc0,#ede604);animation:yy 3s linear infinite;}
.colortype .swatch-attribute .mageworx-swatch-option.fullcolor b:before{position:absolute;top:0;left:0;z-index:-2;display:inline-block;width:30px;height:30px;border-radius:50%;background:conic-gradient(#9ed110,#50b517,#179067,#476eaf,#9f49ac,#cc42a2,#e02b27,#ff5800,#ff8100,#feac00,#fc0,#ede604);color:transparent;content:'';filter:blur(4px);}


#text_box #text-top{display:none;}
#text_box.Full.Color .text-box #text{ position: relative;background:linear-gradient(45deg,rgb(20 255 233 / 60%),rgb(255 235 59 / 60%),rgb(255 0 225 / 60%),rgb(34 0 255 / 60%),rgb(255 0 0 / 60%),rgb(34 0 255 / 60%),rgb(255 0 225 / 60%),rgb(255 235 59 / 60%),rgb(20 255 233 / 60%));background-position:0 0;color:transparent;-webkit-text-fill-color:rgb(255 255 255 / 50%);-webkit-background-clip:text;animation:linear 0s infinite;animation-duration:5s,15s;animation-name:ff,change;}
#text_box.Full.Color .text-box #text-top{position:absolute;top:1px;left:0;z-index:-2;display:inline-block;width:100%;background:linear-gradient(45deg,#14ffe9,#ffeb3b,#ff00e1,#20f,red,#20f,#ff00e1,#ffeb3b,#14ffe9);background-position:0 0;color:transparent;transform:scale(1.1,1.2);-webkit-background-clip:text;filter:blur(8px);animation:linear 0s infinite;animation-duration:5s,15s;animation-name:change;-webkit-text-fill-color:rgb(255 255 255 / 50%);}



@keyframes change{0%{background-position:0 0;}
100%{background-position:800px 0;}
}
@keyframes ff{0%{filter:hue-rotate(0);}
50%{filter:hue-rotate(360deg);}
50%{filter:hue-rotate(-360deg);}
}
@keyframes yy{
    to{filter:hue-rotate(360deg);}
}



@media(min-width:768px){
 
.field.costomtypetop .mageworx-swatch-container .mageworx-swatch-option{font-size:16px;}

.catalog-product-view .field.file.required .control{border:none;}
.uploadimage{position:relative;width:100%;height:130px;border:1px dashed #35cd57;background:url(https://www.illusionneon.com/media/uploadimg.png) no-repeat;background-position:50% 20%;background-size:80px;}
.catalog-product-view .field.file.required #displaywenjian{position:absolute;top:88px;left:calc(50% - 120px);margin:0 auto;width:240px;border:0;border-radius:0!important;text-align:center;overflow: hidden;text-overflow:ellipsis;white-space: nowrap;}
.catalog-product-view .field.file.required .control{align-items:flex-start;}
.catalog-product-view .product-options-wrapper .field .note{position:initial;margin-top:15px;}
.catalog-product-view .field.file.required .control .product-custom-option.required{width: 100%; margin: 0!important;    display: block;  height: 130px;  opacity: 0;}
 
 
    
}
@media(max-width:768px){
    #product-options-wrapper .field.required.Chosecolortype .mageworx-swatch-container .mageworx-swatch-option b{font-size: 12px;}
.Font1,.font1,.Font7,.font7,.Font11,.font11,.Font12,.font12,.Font13,.font13,.Font14,.font14,.font15, .Font15{font-size:38px}
.Font2,.font2{font-size:22px}
.Font3,.font3,.Font10,.font10 {font-size:40px}
.Font4,.font4{font-size:28px}
.Font5,.font5{font-size:34px}
.Font6,.font6{font-size:44px}
.Font8,.font8{font-size:32px}
.Font9,.font9{font-size:36px}
.Chose_Your_Font .mageworx-swatch-container .text.font2{    font-size: 12px;}
.Chose_Your_Font .mageworx-swatch-container .text.font5 b  {font-size: 20px;}
.Chose_Your_Font .mageworx-swatch-container .text.font6{font-size: 14px;}
#product-options-wrapper .field.required.Chosecolortype .swatch-attribute-options.clearfix {
    display: grid;
    grid-template-columns: repeat(3, calc((100% - 30px) / 3));}

.colortype .swatch-attribute .mageworx-swatch-option.fullcolor b:before{width:22px;height:22px;filter: blur(3px);}
.catalog-product-view .fieldset > .field> .label,#product-options-wrapper .field.colortype #value{font-size:14px;}
 .field.Chosesize .swatch-attribute.size .mageworx-swatch-option{font-size:12px;}
.lolooi{margin-bottom:0;}
.catalog-product-view .mageworx-swatch-container .mageworx-swatch-option{width:85%;}

 
}