.top-banner{background-color:#ffc962;text-align:center;font-size:17px;padding:16px 0 19px}.signup-btn{font-size:12px;background-color:#ff4f3d;color:#fff;padding:9px 24px;border-radius:5px;margin-left:18px}.hyper-link,.hyper-link:active,.hyper-link:visited{color:#1767ff}.card-content h5,.card-title,.download-btn,.faq-card-title:hover,.generate-btn,.signup-btn,.title,.top-banner{font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.card-content,.download-info,.faq-card-content,.faq-card-title,.invalid-info,.text-field,input,label,select{font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}h1,h2{font-family:Zoho Puvi Bold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.barcode-output-image,.barcode-output-image svg,.faq-container,.help-card-container,.icon-inline-border,.main-content-body,.usage-card-container{margin:0 auto}.section-title{text-align:center;font-size:36px;padding-bottom:25px}.instruction-popup{position:fixed;left:25%;width:735px;top:-600px;border-radius:13px;z-index:100;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;background-color:#fff}.instruction-popup-open{top:25%}.instruction-section{padding:50px}.instruction-popup ul{padding-left:20px}.instruction-popup li{padding-top:25px;list-style-type:square}.promotion-popup{position:fixed;left:23%;max-width:800px;width:75%;top:-600px;border-radius:13px;z-index:100;-webkit-transition:all .4s ease-out;-o-transition:all .4s ease-out;transition:all .4s ease-out;background-color:#fff}.promotion-popup-open{top:25%}.left-section{width:28%;display:inline-block;vertical-align:top}.left-section h4{text-align:left;font-family:Zoho Puvi Bold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;letter-spacing:0;color:#643f3f;font-size:30px;width:65%;line-height:35px;margin-top:35px;margin-left:30px}.illustration-img{position:absolute;bottom:0;left:15px;width:26%}.scan-img{top:240px;left:150px}.scan-img,.transaction-img{position:absolute;width:25px}.transaction-img{top:211px;left:29px}.right-section{width:71.4%;display:inline-block;background:#fff8f8 0 0 no-repeat padding-box;border-radius:0 10px 10px 0}.right-section-up h6{font-size:18px;color:#af1515;letter-spacing:0;font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.right-section-up{padding:35px 40px}.right-section-down{padding:30px 40px;background:#ffebeb 0 0 no-repeat padding-box;border-radius:0 0 10px 0}.promotion-close{cursor:pointer;position:absolute;top:-10px;right:-5px;font-size:18px;color:#7f7f7f;padding:3px 9px 6px;background:#fff;border-radius:60px;text-align:center}.right-section-down p{margin-top:4px;font-size:16px;color:#af1515;font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.right-section-down h4{font-family:Zoho Puvi SemiBold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;font-size:18px;color:#000;width:80%;margin-top:4px;line-height:26px}.btn-section{margin-top:25px;margin-bottom:20px}.btn-try{background:#c73f3f 0 0 no-repeat padding-box;color:#fff;margin-right:10px}.btn-call,.btn-try{border-radius:5px;padding:12px 32px;font-size:14px;cursor:pointer;font-family:Zoho Puvi Regular,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif}.btn-call{background:#fff 0 0 no-repeat padding-box;color:#000}.number{font-family:Zoho Puvi Bold,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;font-size:30px}.number-text{font-family:Zoho Puvi Light,-apple-system,BlinkMacSystemFont,San Francisco,Helvetica Neue,Helvetica,Ubuntu,Roboto,Noto,Segoe UI,Arial,sans-serif;font-size:14px;width:57%;line-height:18px;margin-top:5px}.right-section-up div{display:inline-block;width:47%;vertical-align:top;margin-top:30px}.top-content{background-color:#fdeecf;height:420px;position:relative}.top-content .section-title{padding-bottom:10px}.main-content-title{color:#950537;padding-top:75px}.main-content-body{max-width:636px;text-align:center}.body-dark-overlay{position:fixed;width:100%;height:100%;opacity:.7;z-index:10;background-color:#000}.drawer-close{cursor:pointer;position:absolute;top:15px;right:25px;font-size:25px;color:#7f7f7f}.barcode-definition-section,.barcode-form-section{max-width:960px}.barcode-form-section{background-color:#fff;margin:-170px auto 0;-webkit-box-shadow:0 4px 16px rgba(0,0,0,.050980392156862744);box-shadow:0 4px 16px rgba(0,0,0,.050980392156862744);position:relative;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}.barcode-input-section,.barcode-output-section{width:480px}.form-grp{padding:25px 60px 50px 65px}.form-grp input,label{text-align:left;display:block}.input-label{font-size:16px;color:#909090;padding-bottom:10px;padding-top:20px}.radio-label{display:inline-block}.form-grp input[type=text]{width:323px;padding:10px 0 10px 10px;border:1px solid #c5c8cb;border-radius:4px;font-size:18px}.form-grp input[type=checkbox],.form-grp input[type=radio]{display:inline-block;margin:8px 6px 10px 0;width:16px;height:16px;vertical-align:middle}.form-grp input[type=radio]{margin:10px 10px 13px 0}.download-info select:focus,.form-grp input:focus{outline:none;border:1px solid #72baff}.required{color:#ff4f3d}.error-data,.error-type{display:none}.wrong-input{display:block;color:#ff4f3d}.barcode-data-fields{position:relative}.tooltip{width:250px;height:180px;background:#555;border-radius:10px;position:absolute;left:115px;top:25px;padding:20px;-webkit-box-sizing:border-box;box-sizing:border-box;visibility:hidden;opacity:0;-webkit-transition:opacity .3s;-o-transition:opacity .3s;transition:opacity .3s}.barcode-type-code,.barcode-type-itf{padding-top:15px}.barcode-type-itf{top:35px}.tooltip p{color:#fff;font-size:15px}.example-txt{margin-top:15px}.tooltip img{margin-top:5px}.tooltip:after{content:"";position:absolute;left:-20px;top:30px;border:10px solid rgba(0,0,0,0);border-right-color:#555}.barcode-type-upc:after{top:68px}.barcode-type-code:after{top:107px}.barcode-type-itf:after{top:134px}.radio-box-code:hover .barcode-type-code,.radio-box-ean:hover .barcode-type-ean,.radio-box-itf:hover .barcode-type-itf,.radio-box-upc:hover .barcode-type-upc{visibility:visible;opacity:1}.header-footer-wrapper{margin-top:20px}.form-grp .footer-field,.form-grp .header-field{display:none}.text-field{color:#000;padding-top:10px}.generate-btn{font-size:17px;color:#fff;border:0;border-radius:4px;background-color:#fa343e;width:210px;padding:15px 22px;cursor:pointer;margin-top:25px}.generate-btn:hover{background-color:#d23c3e}.download-btn:focus,.generate-btn:focus{outline:none}.barcode-output-section{background-color:#fffbf4;text-align:center}.help-icon{position:absolute;top:-25px;left:0;font-size:14px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;color:#1767ff;cursor:pointer;padding-left:20px}.help-circle{width:20px;height:20px;margin-left:5px}.barcode-output-image{max-width:80%;min-height:220px;background-color:#fff;text-align:center;border-top:1px solid #f0e9dc;border-bottom:1px solid #f0e9dc}.barcode-definition-section,.empty-state{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.barcode-output-image svg{max-width:95%}.footer-info p,.header-info p{padding:15px;font-size:16px;color:#7d8593}.download-info{color:#918d76;font-size:18px;text-align:center;margin-top:35px;position:relative}.invalid-data{display:none}.invalid-info{display:block;color:#ff4f3d;padding:10px 15px;margin-top:25px;max-width:305px;background:#fff3f3}.download-info select{-webkit-appearance:none;-moz-appearance:none;appearance:none;display:inline-block;width:60px;border:none;background:#fffbf4;font-size:18px;padding-left:5px;background-image:url(/inventory/images/common-icons.png);background-repeat:no-repeat;background-position:23px -12px;cursor:pointer}.download-btn{display:inline-block;color:#ff4f3d;border:1px solid #ff4f3d;border-radius:3px;font-size:18px;padding:15px 40px;cursor:not-allowed;margin-top:40px}.enabled{background-color:inherit;cursor:pointer}.enabled:hover{color:#fff;background-color:#ff4f3d}.download-btn:focus{outline:none}.download-btn svg{width:13px;height:13px;fill:#ff4f3d}.enabled:hover>svg{fill:#fff}.barcode-definition-section,.barcode-type-wrapper,.generation-steps-wrapper,.help-card-container,.usage-card-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.barcode-definition-section{margin:100px auto 0;padding-left:20px}.definition-content{max-width:500px}.definition-content h2{text-align:left}.barcode-image{width:346px;height:346px}.barcode-type-card,.barcode-usage-card{text-align:left}.barcode-type-section{max-width:955px;margin:110px auto 0;padding-left:20px}.barcode-type-card{max-width:455px;padding:25px 0}.barcode-usage-section{margin-top:115px;padding:0 25px}.help-card-container,.usage-card-container{max-width:1015px}.barcode-usage-card{width:235px;margin:0 auto}.barcode-usage-card svg{width:60px}.card-content{font-size:16px;line-height:24px}.card-content h3{font-family:zoho puvi Bold}.barcode-help-section{margin-top:150px;padding:0 25px}.barcode-help-card{width:470px;border:1px solid #dce1e6;padding:40px 0 40px 30px;margin-bottom:20px}.barcode-help-card svg{width:80px;padding-bottom:15px}.barcode-generation-steps{margin-top:120px;padding:0 20px}.generation-steps-wrapper{max-width:920px;margin:15px auto 0}.generation-step-card{width:150px;text-align:center}.generation-step-card img{width:80px}.generation-step-card .card-content{line-height:25px}.card-content h5{font-size:20px;margin-top:10px}.icon-inline-border{max-width:780px;border:2px solid #fcefed;position:relative;top:65px;z-index:-1}.faq-section{padding:100px 20px}.faq-container{max-width:850px}.faq-card{position:relative}.faq-card-title{font-size:18px;padding:35px 20px;border-bottom:1px solid #dce1e6;cursor:pointer}.faq-card-title.active{border-bottom:none}.faq-card-title.active:after{-webkit-transform:rotate(180deg);-ms-transform:rotate(180deg);transform:rotate(180deg)}.faq-card-title:after{background-image:url(/inventory/images/down-open-big.svg);width:15px;height:15px;background-repeat:no-repeat;background-size:15px;position:absolute;top:36px;right:10px}.faq-card-title:after{content:"";clear:both}.faq-card-title.active+.faq-card-content{display:block}.faq-card-content{display:none;font-size:16px;line-height:25px;padding:10px 25px 25px;border-bottom:1px solid #dce1e6}.dummy-space{min-height:115px}@media screen and (max-width:1024px){.instruction-popup{left:15%;width:70%}.zom-app-screenshot img{max-width:70%}.promotion-popup{left:14%}}@media screen and (max-width:1200px){.promotion-popup{left:18%}}@media screen and (max-width:1000px){.body-dark-overlay,.promotion-popup{display:none}}@media screen and (max-width:769px){.definition-content,.inventory-app-section p,.main-content-body,.section-title{max-width:90%;margin:0 auto}.barcode-definition-section,.generation-steps-wrapper{max-width:90%}.barcode-definition-section,.barcode-type-wrapper,.help-card-container{-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.barcode-form-section{display:block;max-width:78%;padding:0 10px}.form-grp{padding-left:30px}.barcode-input-section{max-width:80%;margin:0 auto}.form-grp .generate-btn{width:335px}.barcode-output-section{width:100%;padding:30px 0}.instruction-popup{left:12%}.barcode-definition-section,.barcode-type-card,.barcode-usage-card,.definition-content h1,.help-card-container{text-align:center}.barcode-image{width:300px;height:300px}.barcode-generation-steps,.barcode-help-section,.barcode-type-section,.barcode-usage-section{margin-top:50px}.barcode-type-card,.help-card-container,.usage-card-container{max-width:75%}.barcode-usage-card{padding-bottom:35px}.barcode-help-card{padding-right:30px}.generation-steps-wrapper{margin-top:15px}.dummy-space{min-height:0}.form-grp input[type=text]{width:95%;padding-left:10px}.form-grp .generate-btn{width:99%}}@media screen and (max-width:479px){.top-banner{padding-bottom:15px}.signup-btn{display:inline-block;margin-top:10px}.icon-inline-border{display:none}.instruction-popup{width:90%;left:5%}.instruction-popup-open{top:15%}.section-title{font-size:30px;line-height:30px}.barcode-form-section{margin-top:-100px;max-width:90%}.form-grp{padding-left:0;padding-right:0}.tooltip{display:none}.barcode-output-image{max-width:90%}.usage-card-container{-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}.generation-steps-wrapper{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;background-color:#f9fafc;padding:30px 0 5px;max-width:75%}.generation-step-card{padding-bottom:25px}.generation-step-card img{width:60px}.inventory-app-section .signup-btn{font-size:16px;margin-bottom:25px}.main-content-title{padding-top:50px}}@media screen and (max-width:375px){.instruction-section{padding:35px}}@media screen and (min-width:1441px){.zom-app-screenshot{padding-bottom:65px}.instruction-popup{left:35%}}@media screen and (min-width:1600px){.promotion-popup{left:26%}}@media screen and (min-width:1800px){.promotion-popup{left:30%}}