@charset "UTF-8";#certificate_builder,#certificate_builder *,.handle,.vdr{box-sizing:border-box}.vdr{touch-action:none;border:1px dashed #000}.handle,.vdr{position:absolute}.handle{width:10px;height:10px;background:#eee;border:1px solid #333}.handle-tl{top:-10px;left:-10px;cursor:nw-resize}.handle-tm{top:-10px;left:50%;margin-left:-5px;cursor:n-resize}.handle-tr{top:-10px;right:-10px;cursor:ne-resize}.handle-ml{left:-10px;cursor:w-resize}.handle-ml,.handle-mr{top:50%;margin-top:-5px}.handle-mr{right:-10px;cursor:e-resize}.handle-bl{bottom:-10px;left:-10px;cursor:sw-resize}.handle-bm{bottom:-10px;left:50%;margin-left:-5px;cursor:s-resize}.handle-br{bottom:-10px;right:-10px;cursor:se-resize}@media only screen and (max-width:768px){[class*=handle-]:before{content:"";left:-10px;right:-10px;bottom:-10px;top:-10px;position:absolute}}#certificate_builder{padding:60px 15px;transition:.3s}#certificate_builder.loaded{opacity:1!important}#certificate_builder .controls-wrap{position:relative;display:flex;flex-wrap:wrap}#certificate_builder .controls-wrap .certificate_notice{width:400px;padding:15px 20px;font-size:14px;line-height:1.5;font-weight:500}#certificate_builder .controls-wrap .preloader{position:absolute;width:100%;height:100%;left:0;top:0;background-color:#fff;z-index:999;opacity:0;visibility:hidden;transition:.3s}#certificate_builder .controls-wrap .preloader.loading{opacity:1;visibility:visible}#certificate_builder .controls-wrap .preloader:before{content:"";display:block;position:absolute;top:50%;left:50%;margin-left:-15px;margin-top:-15px;border:2px solid rgba(0,0,0,.5);border-radius:30px;height:30px;width:30px;-webkit-animation:pulsate 1.5s ease-out;animation:pulsate 1.5s ease-out;-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite;opacity:0;z-index:99999}#certificate_builder img{max-width:100%;height:auto;vertical-align:top}#certificate_builder .certificate_buttons .button{font-size:13px;text-transform:uppercase;padding:5px 20px;outline:0;box-shadow:none}#certificate_builder .certificate_buttons .button-preview{padding:5px 30px 5px 15px;color:#23282d;border-color:#babcc1}#certificate_builder .certificate_buttons .button-preview i{color:#4861ce}#certificate_builder .certificate_buttons .button-preview:hover{background-color:#4861ce;border-color:#4861ce;color:#fff}#certificate_builder .certificate_buttons .button-preview:hover i{color:#fff}#certificate_builder .certificate_buttons .button-primary{color:#fff;background-color:#4861ce;border-color:#4861ce;margin-left:10px}#certificate_builder .certificate_header{display:flex;flex-wrap:wrap;justify-content:space-between;margin-bottom:40px}#certificate_builder .certificate_header h1{display:inline-block;margin:0}#certificate_builder .certificate_header .saved{display:block;position:fixed;left:50%;width:300px;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);padding:50px 30px;background:#fff;text-align:center;z-index:9999;box-shadow:0 0 20px rgba(0,0,0,.3);border-radius:10px;font-size:24px;color:#46b450}#certificate_builder .stm-accordion{border:1px solid #ccd0d4;border-radius:4px;background-color:#fff;margin-bottom:10px;width:100%}#certificate_builder .stm-accordion .accordion-header{position:relative;padding:10px 15px;font-size:15px;border-radius:4px 4px 0 0;background-color:#f8f8f8;cursor:pointer}#certificate_builder .stm-accordion .accordion-header i{position:absolute;top:11px;right:15px}#certificate_builder .stm-accordion .accordion-body{padding:0 15px;border-radius:0 0 4px 4px;visibility:hidden;opacity:0;overflow:hidden;transition:.5s;max-height:0}#certificate_builder .stm-accordion.open .accordion-body{padding:10px 15px;visibility:visible;opacity:1;max-height:1000px}#certificate_builder .certificates{display:flex;flex-wrap:wrap;align-items:flex-end;text-align:center}#certificate_builder .certificates .certificate{margin-right:50px;max-width:120px;position:relative}#certificate_builder .certificates .certificate i{cursor:pointer;position:absolute;right:-5px;top:-5px;color:#aaa;transition:.3s;opacity:0;visibility:hidden}#certificate_builder .certificates .certificate i:hover{color:#f95959}#certificate_builder .certificates .certificate:hover i{opacity:1;visibility:visible}#certificate_builder .certificates .certificate-image-wrap{min-height:74px;margin-bottom:10px;border:1px solid #ccd0d4;border-radius:4px}#certificate_builder .certificates .certificate-image-wrap img{border-radius:4px}#certificate_builder .certificates .certificate-id{position:absolute;left:5px;top:5px;padding:1px 2px;background:#f1f1f1;border-radius:5px}#certificate_builder .certificates .certificate-info{display:flex;flex-wrap:wrap;font-size:13px;opacity:.6;transition:.3s;line-height:18px}#certificate_builder .certificates .certificate-info.active,#certificate_builder .certificates .certificate:hover .certificate-info{opacity:1}#certificate_builder .certificates .certificate-info input[type=radio]{margin:6px 0 0;line-height:18px}#certificate_builder .certificates .certificate-info input[type=text]{line-height:18px;padding:0 5px 3px;border:none;border-bottom:1px transparent solid;display:inline-block;width:auto;outline:0;box-shadow:none;transition:.3s;max-width:100px;font-weight:600}#certificate_builder .certificates .certificate-info input[type=text]:focus{border:none;border-radius:0;border-bottom:1px #ccd0d4 solid}#certificate_builder .certificates .add_certificate{opacity:.6;transition:.3s;cursor:pointer}#certificate_builder .certificates .add_certificate:hover{opacity:1}#certificate_builder .certificates .add_certificate .placeholder{width:82px;height:74px;border:1px solid #333;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#333;margin-bottom:10px}#certificate_builder .certificates .add_certificate .certificate-title{font-size:13px;line-height:30px;font-weight:600}#certificate_builder .controls{display:flex;flex-wrap:wrap}#certificate_builder .controls .control{margin-right:24px}#certificate_builder .controls .control label{width:100%;display:block;font-size:13px;line-height:15px;margin-bottom:10px;font-weight:600}#certificate_builder .controls .control select{border:1px solid #babcc1;height:40px;line-height:38px;background-color:#f8f8f8;width:150px;border-radius:4px}#certificate_builder .controls .control.background .background-wrap{width:200px;position:relative;border:1px solid #babcc1;border-radius:4px;padding:5px;display:flex;align-items:center}#certificate_builder .controls .control.background .background-wrap .img-wrap{border:1px solid #babcc1;width:30px;height:30px;cursor:pointer;position:relative}#certificate_builder .controls .control.background .background-wrap .img-wrap:before{content:"";font-family:"Font Awesome 5 Free";font-weight:900;display:block;position:absolute;font-size:16px;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}#certificate_builder .controls .control.background .background-wrap .img-wrap img{width:28px;height:28px;-o-object-fit:cover;object-fit:cover;display:block;margin:0;position:relative;z-index:2}#certificate_builder .controls .control.background .background-wrap .img-name{padding:0 5px}#certificate_builder .controls .control.background .background-wrap .img-name i{position:absolute;top:14px;right:10px;cursor:pointer}#certificate_builder .controls .control.background .background-wrap .img-name .chose-bg{font-size:13px;font-weight:600;cursor:pointer}#certificate_builder .controls .control.fields{padding-top:15px}#certificate_builder .controls .control.fields .fields-wrap{display:flex;flex-wrap:wrap}#certificate_builder .controls .control.fields .fields-wrap .field{margin-right:10px;margin-bottom:10px;cursor:pointer}#certificate_builder .controls .control.fields .fields-wrap .field-wrap{height:40px;border-radius:50px;border:1px solid #babcc1;color:#333;transition:.3s;padding:0 13px 0 20px;line-height:38px;font-size:13px;font-weight:600;white-space:nowrap}#certificate_builder .controls .control.fields .fields-wrap .field-wrap i{color:#babcc1;transition:.3s;margin-left:10px;font-size:15px}#certificate_builder .controls .control.fields .fields-wrap .field-wrap:hover{border-color:#195ec8}#certificate_builder .controls .control.fields .fields-wrap .field-wrap:hover i{color:#195ec8}#certificate_builder .canvas-wrapper{position:relative;padding:10px;margin-bottom:20px}#certificate_builder .canvas-wrapper:after,#certificate_builder .canvas-wrapper:before{content:"";position:absolute;display:block;width:2px;height:calc(100% + 20px);top:-10px;left:calc(50% - 1px);background:#4861ce;z-index:-1}#certificate_builder .canvas-wrapper:after{width:calc(100% + 20px);height:2px;top:calc(50% - 1px);left:-10px}#certificate_builder .canvas-wrap{width:900px;height:600px;background:#fff;position:relative;overflow:hidden}#certificate_builder .canvas-wrap .canvas-background-wrap{width:100%;height:100%;position:absolute;left:0;top:0;overflow:hidden}#certificate_builder .canvas-wrap .canvas-background-wrap .canvas-background{width:auto;left:0;top:0;position:absolute}#certificate_builder .canvas-wrap.portrait{width:600px;height:900px}#certificate_builder .canvas-wrap textarea{height:100%;resize:none}#certificate_builder .canvas-wrap input,#certificate_builder .canvas-wrap textarea{width:100%;border:none;outline:0;box-shadow:none;background:0 0;line-height:1.25}#certificate_builder .canvas-wrap img{width:100%;height:auto}#certificate_builder .canvas-wrap .image-wrap{display:flex;flex-wrap:wrap;width:100%;height:100%}#certificate_builder .canvas-wrap .image-wrap img{height:100%}#certificate_builder .canvas-wrap .image-wrap .uploader{position:absolute;left:0;top:0;right:0;bottom:0;height:auto;width:auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;background-color:rgba(255,255,255,.5);text-align:center;cursor:pointer}#certificate_builder .canvas-wrap .image-wrap .uploader span{font-weight:700;text-transform:uppercase;color:#000;font-size:16px}#certificate_builder .canvas-wrap .draggable{border-color:#babcc1!important}#certificate_builder .canvas-wrap .draggable .handle{border-color:#babcc1!important;background:0 0!important}#certificate_builder .canvas-wrap .draggable .handle.handle-bm:before,#certificate_builder .canvas-wrap .draggable .handle.handle-ml:before,#certificate_builder .canvas-wrap .draggable .handle.handle-mr:before,#certificate_builder .canvas-wrap .draggable .handle.handle-tm:before{content:"";display:block;position:absolute;width:2px;height:900px;background:#babcc1}#certificate_builder .canvas-wrap .draggable .handle.handle-tm:before{left:3px;bottom:100%}#certificate_builder .canvas-wrap .draggable .handle.handle-mr:before{width:900px;height:2px;top:3px;left:100%}#certificate_builder .canvas-wrap .draggable .handle.handle-bm:before{width:2px;height:900px;top:100%;left:3px}#certificate_builder .canvas-wrap .draggable .handle.handle-ml:before{width:900px;height:2px;top:3px;right:100%}#certificate_builder .canvas-wrap .draggable.active{background-color:rgba(75,100,209,.1);border-color:#195ec8!important;z-index:2!important}#certificate_builder .canvas-wrap .draggable.active .handle{border-color:#195ec8!important}#certificate_builder .canvas-wrap .draggable .fa-trash{position:absolute;top:5px;right:5px;color:rgba(0,0,0,.5);cursor:pointer;transition:.3s;opacity:0;visibility:hidden;padding:5px;background:#fff;border-radius:4px}#certificate_builder .canvas-wrap .draggable .fa-trash:hover{color:#f95959;opacity:1!important}#certificate_builder .canvas-wrap .draggable:hover .fa-trash{opacity:1;visibility:visible}#certificate_builder .canvas-wrap .draggable .field-content{position:absolute;width:100%;height:100%;left:0;top:0}#certificate_builder .canvas-wrap .draggable .field-content .settings{position:absolute;background:#fff;bottom:100%;left:0;opacity:0;visibility:hidden;padding:15px;border-radius:4px;box-shadow:0 10px 30px 0 rgba(0,0,0,.18);width:280px;z-index:33333}#certificate_builder .canvas-wrap .draggable .field-content .settings .font{display:flex;flex-wrap:wrap;margin-bottom:15px}#certificate_builder .canvas-wrap .draggable .field-content .settings .font select{height:32px;border:none;outline:0;background-color:#f1f1f1;box-shadow:none;border-radius:4px;font-size:14px}#certificate_builder .canvas-wrap .draggable .field-content .settings .font select:first-child{width:150px;margin:0 14px 0 0}#certificate_builder .canvas-wrap .draggable .field-content .settings .font select:last-child{width:85px;margin:0}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style{display:flex;align-items:flex-start}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .color{position:relative}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .color .vc-photoshop{display:none;position:absolute;left:0;top:0;z-index:3}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .color .vc-photoshop .vc-ps-ac-btn{display:none}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .color-value div{width:50px;height:27px;border-radius:4px;border:1px solid #aaa}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .color:hover .vc-photoshop{display:block}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .align,#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration{display:flex;flex-wrap:wrap;padding:0 10px}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .align .checkbox-wrap,#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration .checkbox-wrap{width:33%;padding:0 3px}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .align .checkbox-wrap label,#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration .checkbox-wrap label{border:1px solid #fff;border-radius:4px;display:block;color:#9fa1a4;text-align:center;width:27px;height:27px;position:relative;line-height:25px}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .align .checkbox-wrap input,#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration .checkbox-wrap input{visibility:hidden;opacity:0;display:none}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .align .checkbox-wrap input:checked+label,#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration .checkbox-wrap input:checked+label{border-color:#9fa1a4;color:#3873cf;z-index:2}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration{padding-left:0}#certificate_builder .canvas-wrap .draggable .field-content .settings .font-style .decoration .checkbox-wrap{padding:0 3px;width:50%}#certificate_builder .canvas-wrap .draggable .field-content.top-align .settings{top:100%;bottom:auto}#certificate_builder .canvas-wrap .draggable .field-content.right-align .settings{left:auto;right:0}#certificate_builder .canvas-wrap .draggable.active .field-content .settings{opacity:1;visibility:visible}#certificate_builder .certificate_footer{padding-top:10px}#certificate_builder .certificate_footer .certificate_buttons select{height:40px;border:1px solid #babcc1;border-radius:4px;margin-right:10px}@-webkit-keyframes pulsate{0%{-webkit-transform:scale(.1,.1);opacity:0}50%{opacity:1}100%{-webkit-transform:scale(1.2,1.2);opacity:0}}