main{flex:1 0 auto}main.white{background-color:#fff}main .container{margin:30px auto 0;position:relative}main .steps{padding:40px;max-width:600px;margin:0 auto}main .steps ul{text-align:left;list-style:none;display:flex;flex-direction:row;position:relative}main .steps ul li{position:relative;height:8px;margin-bottom:-5px;flex:1 1 auto}main .steps ul li:first-child{margin-left:-4px}main .steps ul li:last-child{margin-right:-4px;flex:0 0 8px}main .steps li::before{content:"";background-color:#c2caf0;border-radius:9px;width:16px;height:16px;position:absolute;top:-4px;left:-8px;z-index:1}main .steps li.marked::before{content:"";color:#fff;font-size:12px;font-weight:500;text-align:center;line-height:24px;background-color:#4864e2;border-radius:12px;width:24px;height:24px;top:-8px;left:-8px}main .steps li.checked::before{content:"\e905";font-family:ccicon;font-weight:400;font-size:8px}main .steps li.step1::before{content:"1"}main .steps li.step2::before{content:"2"}main .steps li.step3::before{content:"3"}main .steps li.step4::before{content:"4"}main .steps ul li span{display:none}main .steps ul li hr{display:block;position:relative;padding:0;margin:3px auto;height:0;width:70%;max-height:0;font-size:1px;line-height:0;clear:both;border:none;border-top:2px dashed #92b6d5;z-index:0}main .warea{position:relative;overflow:hidden;background-size:3px 3px;background-image:linear-gradient(to right,#dde9f3 1px,transparent 1px),linear-gradient(to bottom,#dde9f3 1px,transparent 1px)}main .warea .holder{padding:38px 0;background-size:33px 33px;background-image:linear-gradient(to right,#cddce9 1px,transparent 1px),linear-gradient(to bottom,#cddce9 1px,transparent 1px);pointer-events:none}main .warea .tmpl{width:255px;height:159px;border:2px solid #075da7;border-radius:12px;position:relative;margin:0 auto;overflow:hidden}main .warea.loaded .tmpl>*{cursor:move}main .warea .tmpl-img{position:absolute;top:0;bottom:0;left:0;right:0;opacity:1;transition:opacity linear .2s;z-index:0}main .warea .tmpl-img.resizing{opacity:0;transition:none}main .warea .tmpl-img>img{display:block;max-width:100%;order:0}main .warea .static{position:absolute;top:0;bottom:0;left:0;right:0;background-image:url(../img/card-tmpl-nb.png);background-repeat:no-repeat;background-size:contain;background-position:center;z-index:1}main .warea .cclogo{position:absolute;top:8px;left:6px;height:90px;opacity:0;transition:opacity linear .25s;z-index:2}main .warea .processor{position:absolute;bottom:0;right:8px;width:56px;opacity:0;transition:opacity linear .25s;z-index:2}main .warea .processor.visa{bottom:8px}main .warea .cclogo.active,main .warea .processor.active{opacity:1}main .preview{padding:0 16px 12px;text-align:center}main .preview.confirm{padding:40px 0;text-align:center}main .preview img{max-width:100%}main .tarea{display:flex;flex-direction:column;justify-content:center;align-items:center;max-height:0;overflow:hidden;opacity:0;transition:all linear .3s}main .tarea.show{max-height:120px;opacity:1}main .tarea .tools{font-size:24px;margin:24px 0;display:flex;flex-direction:column;align-items:center}main .tarea .tools a{display:block;margin:4px;padding:4px;cursor:pointer}main .tarea .tools .groups{display:flex;background-color:#fff;border-radius:8px;box-shadow:0 24px 32px 0 rgba(116,116,116,.15);overflow:hidden}main .tarea .tools .groups>div{background-color:#fff;display:flex;align-items:center}main .tarea .tools .groups>div:first-child>a:first-child{padding-left:8px}main .tarea .tools .groups>div:last-child>a:last-child{padding-right:12px}main .tarea .tools .move>*{display:flex;flex-direction:column;justify-content:center}main .tarea .tools .move>a{padding:4px 0}main .tarea .tools .move .up{margin-bottom:0;padding:2px 0 0;text-align:center}main .tarea .tools .move .down{margin-top:0;padding:0 0 2px;text-align:center}main .tarea .tools .move .left i{transform:rotate(90deg);display:block}main .tarea .tools .move .right i{transform:rotate(-90deg);display:block}main .tarea .tools .move .up i{transform:rotate(180deg);display:block}main .darea .form{padding:12px 32px 56px 32px}main .darea .fields{font-size:18px;margin:16px 0}main .darea .cta{padding:0 32px}main .form h2{font-size:26px;font-weight:400}main .form h3{font-size:18px;line-height:1.33}main .carea .cc-panel{box-shadow:none;border-radius:0;padding-bottom:56px}main .carea .fields{margin-top:0}main .carea h2{font-size:30px}main .carea h3{font-size:26px;font-weight:400;line-height:1.31}main .carea .field-row.label{margin:16px 0 0}main .carea .field-row.label .field-group{margin:8px 0}main .carea .circuit-choice .field-row.label .field-group{margin:8px 0;text-align:center}main .carea .circuit-choice .field-row.label.tborder{border:none}main .carea .field-row.circuit-row{margin-bottom:20px}main .carea .field-row.circuit-row span{font-weight:500;margin:0 20px 0 12px}main .carea .field-row.circuit-row a.modal-circuit-choice{margin:12px 20px 0 12px;font-weight:600}main .carea .field-row.label.tborder{border-top:1px solid #d8d8d8;padding-top:16px}main .carea .upload{border-radius:8px;border:dashed 2px #eef1f4;padding:24px;position:relative;display:none}main .carea .upload.active{display:block}main .carea .upload h3{font-size:26px;color:#4864e2;margin-bottom:8px}main .carea .upload h3 i{font-size:30px;vertical-align:top;display:inline-block;margin-top:-2px;margin-right:6px}main .carea .upload .requirements{font-size:14px;line-height:1.43;color:#81909d;margin-bottom:16px}main .carea .upload input[type=file]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}main .carea .upload .preview{display:none}main .carea .upload .preview.show{display:flex}main .carea .upload .preview .img{margin-right:16px;flex:0 0 80px;border-radius:5px;overflow:hidden}main .carea .upload .preview img{display:block;max-width:100%;min-height:100%;object-fit:cover}main .carea .upload .preview .info{flex:1 1 auto;overflow:hidden}main .carea .upload .preview .name{margin-bottom:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-style:italic}main .carea .upload .preview .name,main .carea .upload .preview a{font-size:14px;color:#81909c}main .carea .upload .preview a:hover{color:#075da7}main .carea .upload .preview a i{font-size:10px}main .carea .categories{display:none}main .carea .categories.active{display:block}main .carea .categories h3{font-size:26px;margin-bottom:20px}main .carea .categories .filter .show-modal{background-color:#e7edf2;color:#075da7;box-shadow:none;display:block;margin:0 auto;max-width:500px;width:100%;padding:12px 32px}main .carea .categories .filter .show-modal .title{margin-right:4px}main .carea .categories .filter .items{display:none}main .carea .categories .filter .cc-select{margin:0;min-width:180px}main .carea .categories .list{max-width:530px;margin:0 auto}main .carea .categories .list .items{display:flex;flex-wrap:wrap;justify-content:space-around;margin:16px -8px 0}main .carea .categories .list .item{position:relative;margin:2px;flex:1 1 28%;display:flex;justify-content:center;border:solid 2px #fff;border-radius:8px;max-width:146px;overflow:hidden;cursor:pointer}main .carea .categories .list .item.selected{border:solid 2px #075da7}main .carea .categories .list .item .img{background-color:#000;margin:4px;border-radius:8px;overflow:hidden}main .carea .categories .list .item img{display:block;max-width:100%}main .carea .categories .list .item.selected img,main .carea .categories .list .item:hover img{opacity:1}main .carea .categories .list .item .cc-radio{position:absolute;left:10px;bottom:19px}main .carea .categories .list .item .cc-radio .icon,main .carea .categories .list .item .cc-radio label input:checked~.icon{background-color:#fff}main .carea .categories .list .item.selected .cc-radio input:checked~.icon:after{background-color:#075da7}main .carea .back,main .darea .back{text-align:center;margin:32px 0}main .carea .back a,main .darea .back a{color:#333;font-size:18px;text-decoration:underline;font-weight:700;cursor:pointer}main .carea .conditions,main .carea .overview{font-size:18px;line-height:1.33;padding:0 18px}main .carea .conditions p,main .carea .overview p{margin:24px 0}main .carea .back a:hover{color:#075da7}main .carea .rights .field-group .cc-checkbox{padding-top:12px}main .carea .overview .data{margin-top:32px}main .carea .overview .data span{opacity:.5;display:block}main .carea .overview .data strong{font-size:26px;font-weight:700;display:block;margin:8px 0 32px}main .carea .overview .items{display:flex;flex-wrap:wrap;margin-bottom:-32px}main .carea .overview .items>div{flex:1 1 50%;text-align:center;display:flex;flex-direction:column;align-items:center}main .carea .overview .items img{height:32px}main .carea .overview .items span{opacity:.5;margin:12px 0 4px}main .carea .overview .items strong{font-size:26px;font-weight:400;margin-bottom:32px}main .carea .overview .hlight{font-size:26px}main .cta .cc-btn{margin-top:32px;max-width:500px}main .darea .cta .cc-btn{margin-top:0}main .tharea .top{background-color:#eef1f4;padding:144px 32px 152px;text-align:center;position:relative;z-index:0;clip-path:polygon(0 0,100% 0,100% 93%,0 100%)}main .tharea h1{font-size:37px;font-weight:400;margin-bottom:12px}main .tharea h3{font-size:18px;font-weight:400;line-height:1.33}main .tharea .img{margin:-100px 24px 0;position:relative;z-index:1}main .tharea img{display:block;width:386px;max-width:100%;transform:rotate(-3deg);margin:0 auto}main .tharea .cta{padding:0 32px 64px}.cc-modal .filter .items{margin-top:32px}.cropper-modal{background-color:#fff;opacity:.5}.cropper-crop-box{border-radius:12px;overflow:hidden}@media screen and (min-width:200px) and (max-width:320px){main .warea{height:200px}main .warea #block{transform:scale(.53)}}@media screen and (min-width:321px) and (max-width:359px){main .warea{height:238px}main .warea #block{transform:scale(.63)}}@media screen and (min-width:360px) and (max-width:367px){main .warea{height:238px}main .warea #block{left:-9px;transform:scale(.63)}}@media screen and (min-width:368px) and (max-width:375px){main .warea{height:238px}main .warea #block{transform:scale(.63)}}@media screen and (min-width:376px) and (max-width:414px){main .warea{height:260px}main .warea #block{transform:scale(.69)}}@media screen and (min-width:415px) and (max-width:449px){main .warea{height:242px}main .warea #block{left:7%;transform:scale(.64)}}@media screen and (max-width:449px){main .warea #block{position:relative;transform-origin:0 0}}@media screen and (min-width:450px) and (max-width:510px){main .warea{height:248px}main .warea #block{transform:scale(.65);transform-origin:center 0;position:relative;left:-7%}}@media screen and (min-width:561px) and (max-width:768px){main .steps ul li hr{width:80%}main .warea{height:248px}main .warea #block{transform:scale(.65);transform-origin:center 0}main .warea #block .canvas-container{margin:0 auto}}@media screen and (max-width:768px){main .warea{width:100%;text-align:center}}@media screen and (min-width:450px) and (max-width:560px){main .warea{height:248px}main .warea #block{transform:scale(.65);transform-origin:center 0}}@media screen and (min-width:769px){main{background-color:#fff}main .carea h3{font-size:37px}main .steps{padding:110px 40px 50px}main .steps li::before{border-radius:13px;width:24px;height:24px;top:-8px;left:-12px}main .steps li.marked::before{font-size:14px;line-height:32px;border-radius:17px;width:32px;height:32px;top:-12px;left:-16px}main .steps ul li span{font-size:14px;line-height:1.33;color:#81909d;text-align:center;display:block;position:absolute;bottom:24px;left:0;transform:translateX(-50%)}main .steps ul li.marked span{color:#075da7}main .warea{border-radius:18px;max-width:602px;margin:0 auto;overflow:hidden;background-size:5px 5px;background-image:linear-gradient(to right,#e9eef3 1px,transparent 1px),linear-gradient(to bottom,#e9eef3 1px,transparent 1px)}main .warea .holder{padding:34px 0;background-size:50px 50px}main .warea .tmpl{width:455px;height:283px;border-radius:20px}main .warea .cclogo{top:12px;left:12px;height:150px}main .warea .processor{bottom:16px;right:20px;width:96px}main .warea .tmpl-img>img{order:1}main .preview{padding:0}main .preview img{max-width:356px;margin:0 auto}main .tarea.show{max-height:175px}main .tarea .tools{margin:32px 0 64px}main .tarea .tools .groups{background-color:transparent;border-radius:0;box-shadow:none;overflow:visible}main .tarea .tools .groups>div{background-color:#fff;margin:0 8px;border-radius:8px;box-shadow:0 24px 32px 0 rgba(116,116,116,.15);overflow:hidden}main .tarea .tools .groups>div:not(.move)>a:first-child{padding-left:16px}main .tarea .tools .groups>div:not(.move)>a:last-child{padding-right:16px}main .tarea .tools .groups>div.move>a:last-child{padding-right:12px}main .tarea .tools .move .up{padding:2px 0 4px}main .tarea .tools .move .down{padding:4px 0 2px}main .form h2{font-size:37px}main .form h3{font-size:26px;font-weight:400;margin-top:32px}main .carea .field-row{flex-direction:column}main .carea .cc-panel{padding-bottom:32px;margin-bottom:80px;box-shadow:0 24px 32px 0 rgba(116,116,116,.15);border-radius:8px;max-width:672px;margin:32px auto 80px}main .carea .upload.active{padding:32px}main .carea .upload .requirements{margin-bottom:24px}main .carea .categories .top{display:flex;flex-wrap:wrap}main .carea .categories h3{flex:1 1 50%;margin-top:8px;margin-right:16px}main .carea .categories .filter{flex:1 0 180px}main .carea .categories .filter .show-modal{display:none}main .carea .categories .filter .items{display:block}main .carea .categories .list{max-width:none}main .carea .categories .list .items{margin-top:12px;justify-content:flex-start}main .carea .categories .list .item{flex:0 1 146px;margin:5px}main .carea .categories .list .item .cc-radio{left:12px;bottom:21px}main .carea .cta .cc-btn{width:100%;min-width:auto;max-width:none}main .carea .overview .items{flex-wrap:nowrap}main .carea .overview .items>div{flex:1 1 auto}main .tharea .top{padding-bottom:160px;clip-path:polygon(0 0,100% 0,100% 90%,0 100%)}main .tharea .img{margin-top:-108px}.cropper-crop-box{border-radius:20px}}@media screen and (min-width:993px){main .container{display:flex;padding:0 32px}main .darea{flex:1 1 500px;margin-right:40px}main .darea.right{order:1;margin-right:0;margin-left:40px}main .darea .form{padding:24px 0 80px}main .warea{border-radius:12px;background-size:3px 3px;background-image:linear-gradient(to right,#e8edf1 1px,transparent 1px),linear-gradient(to bottom,#e8edf1 1px,transparent 1px)}main .warea .holder{padding:56px 0;background-size:33px 33px}main .warea .tmpl{width:316px;height:196px;border-radius:16px}main .warea .cclogo{top:10px;left:8px;height:110px}main .warea .processor{bottom:12px;right:16px;width:72px}main .warea .tmpl-img>img{order:2}main .preview img{max-width:456px;margin:0 auto}main .carea{flex:0 0 352px}main .carea .cc-panel{margin-top:40px}main .carea .upload.active{padding:24px}main .carea .categories .list .item{flex:0 1 142px}main .carea .overview .items{flex-wrap:wrap}main .carea .overview .items>div{flex:1 1 50%}main .tharea .top{padding-top:164px}main .tharea h1{font-size:64px}.cropper-crop-box{border-radius:16px}}@media screen and (min-width:1201px){main:not(.white){background-color:#eef1f4}main .container{max-width:1200px}main .warea{border-radius:18px;max-width:602px;margin:0 auto;overflow:hidden;background-size:5px 5px;background-image:linear-gradient(to right,#dde9f3 1px,transparent 1px),linear-gradient(to bottom,#dde9f3 1px,transparent 1px)}main .warea .holder{padding:72px 0;background-size:50px 50px}main .warea .tmpl{width:455px;height:283px;border-radius:20px}main .warea .cclogo{top:12px;left:12px;height:150px}main .warea .processor{bottom:0;right:16px;width:100px}main .warea .processor.visa{bottom:16px}main .warea .tmpl-img>img{order:3}main .preview{padding:40px 0}main .preview img{max-width:576px;margin:0 auto}main .carea{flex:0 0 472px}main .carea .cc-panel{padding:48px 32px}main .carea .field-row{flex-direction:row}main .carea .field-row .field-group:first-child{flex:1 1 45%}main .carea .field-row .field-group:last-child{flex:1 1 55%}main .carea .cc-radio .icon{transform:none;top:3px}main .carea .categories .list .item{flex:1 1 28%}main .carea .categories .list .item .cc-radio{bottom:32px}main .carea .field-row.circuit-row a.modal-circuit-choice{margin:0}main .tharea .top{padding-bottom:200px;clip-path:polygon(0 0,100% 0,100% 87%,0 100%)}main .tharea .img{margin-top:-138px}.cropper-crop-box{border-radius:20px}}