h1{font-size:58px;margin-bottom:30px}.notload{opacity:0}div#header{display:none}.banner{padding:200px 0 210px;position:relative;overflow:hidden}.banner p,.left-desc p{font-size:20px}.banner p{background-color:white}.banner h1{background-color:#fcdc31;padding:0 12px;position:relative;margin-bottom:70px}.banner h1>span{position:absolute;width:110px;font-size:24px;bottom:-40px;right:0}.by-desk>span{float:none;margin-top:0;margin-left:0;background-image:url(//www.zohowebstatic.com/sites/zweb/images/productlogos/desk.svg);width:70px;height:30px}.banner .content-wrap{max-width:642px}.descrition,.simple-banner{position:relative}.descrition{padding:200px 0}.descrition::before,.simple-banner::before{position:absolute;content:"";top:0}.descrition::before{height:100%;width:50%;background-color:#d7f5e9;z-index:-1}.simple-banner::before{height:140%;width:90%;background-color:#fcdc31;z-index:-1;top:-20%;left:-20px}.descrition .content-wrap{display:flex;flex-wrap:wrap;align-items:center}.left-desc{width:50%}.simple-banner{width:50%;box-sizing:border-box;padding-left:20px}.left-desc p{width:500px}.simple-banner h4{max-width:330px}.simple-banner img{width:250px;margin-left:30px}.arrow-wrap .icon{display:inline-block;width:2px;height:26px;background-color:black}.simple-banner h4,.simple-banner img{display:inline-block;vertical-align:middle}.cta{background-color:#f72333;color:#fff;font-family:var(--primaryfont-semibold);padding:10px 32px}.main-wrap{width:98%;height:calc(100vh - 130px);min-height:740px;margin:40px auto;display:flex;flex-wrap:wrap;background-color:#fff7ea}.main-wrap .cat-wrap,.bot-wrap{max-width:1400px;margin:auto;width:90%}.main-wrap .cat-wrap *{transition:all .5s}#awards .cat-wrap{display:flex;flex-wrap:wrap}#awards .cat-wrap ul,#achievement .cat-wrap ul{display:none}.left-cont,.massage-wrap{width:calc(100% - 400px);position:relative;top:-80px}#massage .left-cont{top:-40px}#awards .right-img,#achievement .right-img,#massage .right-img{height:100%;background-color:#fff7ea;position:absolute;top:0;right:0;width:440px;text-align:center}.right-img{opacity:0}.right-img-wrap{display:inline-block;vertical-align:middle;position:relative;top:50%;transform:translateY(-50%);min-height:500px}.right-img.active{opacity:1}.right-img img{max-width:300px;width:90%}.main-wrap p,#color-palate .color-wrap p{font-family:var(--zf-secondary-light);font-size:24px}.main-wrap .char-check{font-size:16px;margin-top:20px;margin-bottom:0}.awards-output p,.achievement-output p,.massage-output p{font-family:var(--primaryfont-regular);font-size:38px;line-height:1.3;margin-top:50px;min-height:50px}.massage-output p{min-height:260px}.awards-output p br,.achievement-output p br{display:none}.achievement-output p{min-height:96px}.field-body .error{font-size:24px;color:#f44336}.massage-output p{margin-top:120px}.cat-lists{margin-top:40px}.cat-lists li{display:inline-block;border:1px solid #000;border-radius:37px;padding:10px 30px;margin-right:20px;font-family:var(--secondaryfont-bold);font-size:18px;margin-bottom:20px;cursor:pointer}#categaries .cat-lists li{font-size:24px}#achievement li{font-size:16px}.cat-lists li.active{background-color:white;color:#000}#categaries .cat-lists li.active{color:#fff;background-color:#000}.toggle-wrap{color:black;margin-bottom:100px}.toggle-wrap>span:not(.toggle){font-family:var(--secondaryfont-semibold);display:inline-block;vertical-align:middle}.toggle-wrap .toggle{width:59px;height:30px;display:inline-block;box-shadow:0 3px 6px #D0C9B529;border:1px solid #e0d1b9;border-radius:24px;vertical-align:middle;margin:0 10px;position:relative;cursor:pointer}.toggle-wrap .toggle:before{position:absolute;content:"";width:50%;height:100%;border-radius:50%;background-color:#18a338;left:0;transition:all .5s}.toggle-wrap .toggle.active:before{left:50%}#awards .cat-lists li,#achievement .cat-lists li{border:1px solid #fff}.getname-input li,.getbrand-input li,.getmassage-input li{font-family:var(--zf-secondary-medium);display:inline-block;line-height:1;position:relative;margin-top:30px;padding-left:30px}.getname-input li,.getbrand-input li{font-size:150px;color:#3165d5}#getname li{min-height:160px}.getname-input li:focus,.getbrand-input li:focus,.getmassage-input li:focus{outline:0;border:0}.getname-input li:focus:before,.getbrand-input li:focus:before,.getmassage-input li:focus:before{opacity:0}.getmassage-input{position:relative}.getmassage-input li{color:#fd7897;font-size:38px;height:80px;word-wrap:anywhere}.getname-input li:before,.getbrand-input li:before,.getmassage-input li:before{position:absolute;content:"";height:100%;width:4px;left:4px}.getname-input li:before{background-color:#3165d5}.getbrand-input li:before{background-color:#3165d5}.getmassage-input li:before{background-color:#fd7897;width:2px;height:54%;top:-5%}#categaries{background-color:#fcdc31}#getname{background-color:#0438a0}#awards{background-color:#01675a}#achievement,#awards,#massage{position:relative;color:#fff}#achievement{background-color:#61389f}#massage{background-color:#ef4e73}li.darkcolor{color:#961b37}#getname p{color:white}.bot-wrap>span,.finish-btn.get-data,.skip-btn{padding:10px 20px;font-family:var(--zf-secondary-medium);border-radius:3px;margin:20px 20px 0 0;display:inline-block;cursor:pointer;background-color:#fff;user-select:none}div#massage .skip-btn{color:black;display:none}.bot-wrap .disable{display:none}.bot-wrap .enable{display:inline-block}.bot-wrap>.finish-btn{background-color:#0c6e53;color:#fff;border:1px solid #0c6e53}.color-wrap{max-width:320px;width:90%;margin:auto;text-align:center}.color-wrap li{display:inline-block;width:30px;height:30px;background-color:red;border-radius:50%;border:1px solid #000;cursor:pointer;margin:auto 6px}.create-card a,.final-card-wrap span a,.tearm-wrap li a{color:green;font-family:var(--secondaryfont-bold)}.final-card{text-align:center}.final-card-wrap{background-color:#fff7ea;max-width:830px;margin:30px auto 40px;display:flex;flex-wrap:wrap;align-items:center;padding:100px 100px 120px;position:relative}#color-palate .final-card-wrap{padding:0 100px 90px;background-color:#FFF7EA00;align-items:center}.final-card-wrap>div{width:50%}.light-theme{display:none}.image-wrap img{max-width:320px;width:80%}.image-wrap{text-align:right}.final-card-wrap>div.cont-wrap{text-align:left}.final-card-wrap .final-output{font-family:var(--secondaryfont-bold);font-size:18px;margin-bottom:20px;text-align:left}.final-output p{font-size:25px;line-height:1.4;font-family:var(--secondaryfont-bold)}.go-back{margin-right:10px}.share-card,.go-back{border:2px solid #0c6e53;border-radius:5px;padding:12px 20px;font-family:var(--secondaryfont-bold);color:#0c6e53;margin-top:30px;display:inline-block;cursor:pointer}.final-card-wrap>span{position:absolute;bottom:30px;width:160px;text-align:left;font-size:12px;right:0}#make-banner{position:relative;height:100vh;min-height:860px;max-width:1680px;margin:auto;width:98%;transition:all 1.5s}#make-banner::before{position:absolute;content:"";left:0;right:0;background-color:#fcdc31;width:270px;height:360px;top:-508px;right:-514px;margin:auto;z-index:-1;transition:all 1.5s;opacity:0}#make-banner.active:before{width:98%;height:calc(100% - 150px);left:0;right:0;margin:auto;top:70px;opacity:0}.removeyellow:before{opacity:0}#make-banner .main-wrap{position:absolute;left:0;right:0;margin:auto;top:0;bottom:0;transition:all .5s;opacity:0}.main-wrap{opacity:0;visibility:hidden}#make-banner .main-wrap.active{opacity:1;visibility:visible}.bot-wrap{position:absolute;bottom:130px;left:0;right:0}.thank-note{display:none}.final-card{z-index:999;position:fixed;bottom:0;top:0;width:100%;background-color:#fff;opacity:0;visibility:hidden}.final-card.enable{opacity:1;visibility:visible}.final-card .pop-wrap{max-width:1030px;height:98vh;min-width:700px;position:absolute;left:0;right:0;top:50px;overflow:scroll;margin:auto;bottom:0;width:100%}.share-card.hide,span.go-back.hide{display:none}.tq-social-icon{display:none}.tq-social-icon.active{display:inline-block}.tq-social-icon li a{display:inline-block;text-indent:-999px;height:30px;width:30px;background:url(//www.zohowebstatic.com/sites/zweb/images/desk/images/zgheader-footer-sprite.png) no-repeat 0 0/750px auto;padding:0;margin-right:15px}.tq-social-icon li{display:inline-block}.tq-social-icon li.tq-twitter a{background-position:-384px 0}.tq-social-icon li.tq-facebook a{background-position:-354px 0}.tq-social-icon li.tq-linkedin a{background-position:-413px 0}.arrow-wrap{position:relative;text-align:center;line-height:1;width:24px;margin:60px auto 0;cursor:pointer;animation:arrowanimation 2s infinite;-webkit-animation:arrowanimation 2s infinite}.left-desc .arrow-wrap{margin-left:0}.arrow{position:relative}.arrow::after,.arrow::before{position:absolute;content:"";width:2px;height:15px;background-color:black;top:14px;left:0}.arrow::after{transform:rotate(-45deg);left:-5px}.arrow::before{transform:rotate(45deg);left:5px}@keyframes arrowanimation{0%{top:0}50%{top:10px}100%{top:0}}.zicon-wrap{position:absolute;width:100%;top:0;height:1900px;z-index:-1;animation:scrollUp 70s linear infinite .4s;-webkit-animation:scrollUp 70s linear infinite .4s}.zicon-wrap li{height:50%;position:relative}.icon-group>span{width:47px;height:47px;display:inline-block;background-color:white;border-radius:50%;background-image:url(//www.zohowebstatic.com/sites/zweb/images/desk/images/sprite-top-fold.png);background-size:auto 50px;background-position:0 -3px;position:absolute;transform:scale(0.85)}.icon-group>span.zc-icon-1{top:4%;left:3%;background-position:0 -3px}.icon-group>span.zc-icon-2{top:0;left:21%;background-position:-65px -3px}.icon-group>span.zc-icon-3{top:20%;left:11%;background-position:-130px -3px}.icon-group>span.zc-icon-4{top:56%;left:3%;background-position:-205px -3px}.icon-group>span.zc-icon-5{top:43%;left:20%;background-position:-260px -3px}.icon-group>span.zc-icon-6{top:80%;left:15%;background-position:-320px -3px}.icon-group>span.zc-icon-7{top:4%;right:3%;background-position:-385px -3px}.icon-group>span.zc-icon-8{top:24%;right:13%;background-position:-460px -3px}.icon-group>span.zc-icon-9{top:1%;right:23%;background-position:-525px -3px}.icon-group>span.zc-icon-10{top:56%;right:3%;background-position:-595px -3px}.icon-group>span.zc-icon-11{top:43%;right:23%;background-position:-665px -3px}.icon-group>span.zc-icon-12{top:82%;right:18%;background-position:-730px -3px}@-webkit-keyframes scrollUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{-webkit-transform:translateY(-950px);transform:translateY(-950px)}}@keyframes scrollUp{0%{-webkit-transform:translateY(0);transform:translateY(0)}100%{transform:translateY(-950px);-webkit-transform:translateY(-950px);-webkit-transform:translateY(-950px);-moz-transform:translateY(-950px);-ms-transform:translateY(-950px);-o-transform:translateY(-950px)}}.footer-sec-wrap.two-column.fourColList{display:none}.tearm-wrap{text-align:left;max-width:960px;margin-left:auto;margin-right:auto}.tearm-wrap p,.tearm-wrap li{font-size:14px}.tearm-wrap li{margin-bottom:10px}@media screen and (max-width:1440px){.banner{padding:150px 0 160px}.getname-input li,.getbrand-input li{font-size:100px}.getname-input li,.getbrand-input li,.getmassage-input li{margin-top:0}#getname li{min-height:100px}.getmassage-input li{font-size:30px}.cat-lists li,#categaries .cat-lists li{border-radius:50px;padding:8px 28px;margin-right:15px;font-size:20px}#achievement li{font-size:13px}.main-wrap .char-check{font-size:14px;margin-bottom:20px}.awards-output p,.achievement-output p,.massage-output p{font-size:36px}.massage-output p{font-size:30px}#massage .left-cont{top:-30px}.bot-wrap>span,.finish-btn.get-data{padding:8px 18px}.final-output p{font-size:26px}.final-card-wrap{padding:50px 80px 100px;max-width:780px;margin:10px auto 20px}.tearm-wrap li,.tearm-wrap p{margin-bottom:6px}.tearm-wrap p,.tearm-wrap li{font-size:12px}.tearm-wrap{max-width:920px;margin-top:40px;margin-bottom:40px;width:90%}.share-card,.go-back{border-radius:5px;padding:8px 20px;border:1px solid #0c6e53;font-size:14px}#categaries .cat-wrap,#getname .cat-wrap{position:relative;top:-40px}}@media screen and (max-width:1300px){.left-cont,.massage-wrap{width:calc(100% - 300px);position:relative;top:-70px}#awards .right-img,#achievement .right-img,#massage .right-img{width:340px}}@media screen and (max-width:1100px){.cat-lists li{border-radius:50px;padding:8px 14px;margin-right:10px}.awards-output p,.achievement-output p,.massage-output p{font-size:20px}.left-cont,.massage-wrap{top:-40px}.zicon-wrap{display:none}.awards-output p,.achievement-output p,.massage-output p{margin-top:30px}.left-desc p{max-width:90%}.main-wrap p{font-size:18px}.cat-lists li{margin-bottom:10px}}@media screen and (max-width:991px){.banner h1{font-size:40px;text-align:center}div#massage .skip-btn{display:inline-block}.descrition::before,.simple-banner::before,#make-banner::before{opacity:0}#getname li{min-height:unset}.massage-output p{min-height:unset}.left-desc,.simple-banner{width:100%}.simple-banner{display:none}.left-desc{text-align:center}.left-desc p{margin:0 auto 30px}.banner{padding:50px 0 100px}.banner p{text-align:center}.left-cont,.massage-wrap,#awards .right-img,#achievement .right-img,#massage .right-img{width:100%}#awards .right-img,#achievement .right-img,#massage .right-img{position:unset}.toggle-wrap{margin-bottom:0}.bot-wrap .prev-btn,.bot-wrap .next-btn{display:none}#make-banner{height:unset;min-height:unset}#make-banner .main-wrap{position:unset;visibility:visible;height:auto;min-height:auto;padding:80px 0}.descrition .arrow-wrap{display:none}#make-banner,#make-banner .main-wrap{opacity:1}#make-banner>div:not(#categaries){display:none}section#make-banner>div.bot-wrap{display:block !important}#color-palate .final-card-wrap{padding:20px 0 30px;width:100%}.right-img{display:none}#awards .right-img{display:block;background-color:#01675a;text-align:center}.right-img-wrap{top:20px;transform:translateY(0);min-height:unset}.toggle-wrap .toggle:before{background-color:white}.toggle-wrap>span:not(.toggle){color:white}#categaries .cat-wrap,#getname .cat-wrap,.left-cont,.massage-wrap{top:0}.descrition{padding:20px 0 100px}.final-card-wrap{width:80%}.bot-wrap{position:relative;text-align:center}.final-output p{font-size:20px}.final-card-wrap{padding:100px 40px 100px}.final-card .pop-wrap{position:relative;margin:30px auto 0;min-width:unset;top:0}.image-wrap img{max-width:200px;width:90%}}@media screen and (max-width:767px){.final-card-wrap{padding:40px 30px 40px}.final-output p{font-size:13px;word-wrap:break-word}.create-card{font-size:14px}.share-card,.go-back{padding:6px 16px 8px;margin-top:10px}.getname-input li,.getbrand-input li{font-size:50px}.main-container-wrapper #mini-panel-product_menu .content-wrap{display:none}.banner{padding-top:0}.banner h1>span{right:0;left:0;margin:auto}.arrow-wrap{display:none}.cat-lists li,#categaries .cat-lists li{font-size:13px;margin-right:10px;padding:8px 20px}.main-wrap{width:100%}}@media screen and (max-width:480px){.banner h1{font-size:28px}.banner p,.left-desc p{font-size:18px}.getname-input li,.getbrand-input li{font-size:30px}.color-wrap li{width:25px;height:25px}.right-img img{max-width:200px;margin-top:30px}.tearm-wrap{margin-top:0}.pop-wrap .final-card-wrap{padding-bottom:100px}.descrition .content-wrap{border:1px solid #75ad96;padding:40px 10px}.descrition,.banner{padding:0 0 60px}.banner p{margin-bottom:0}.share-card,.go-back{position:absolute;padding:6px 8px 8px;font-size:12px}.go-back{bottom:22px}.final-card-wrap>span{font-size:10px}}.footer-wrapper{position:relative;z-index:-1}.notbanner{position:fixed;top:160px;height:100vh;background-color:white;z-index:999;width:100%;text-align:center;display:none}.notbanner.show-error{display:block}.notbanner h1{margin-bottom:15px;font-size:40px}.notbanner p a{color:#089949;font-family:var(--primaryfont-bold);border-bottom:1px solid}@media screen and (max-width:480px){.notbanner h1{font-size:30px;max-width:320px;margin:0 auto 20px}}