blockquote,body,dd,dl,dt,fieldset,figure,h1,h2,h3,h4,h5,h6,hr,html,iframe,legend,li,ol,p,pre,textarea,ul{
    margin:0;
    padding:0
}
h1,h2,h3,h4,h5,h6{
    font-size:100%;
    font-weight:400
}
ul{
    list-style:none
}
button,input,select,textarea{
    margin:0
}
html{
    box-sizing:border-box
}
*,:after,:before{
    box-sizing:inherit
}
audio,embed,img,object{
    height:auto;
    max-width:100%
}
iframe{
    border:0
}
.showinfo{
    border-radius:80px;
    margin:40px 20px 0;
    padding:12px 16px;
    color:#005e19
}
table{
    border-collapse:collapse;
    border-spacing:0;
    margin:0 auto
}
.showshare{
    margin-top:40px
}
td,th{
    padding:0;
    text-align:left
}
body{
    font-family:Roboto,Helvetica,Arial,sans-serif;
    -webkit-font-smoothing:antialiased
}
.app__layout{
    position:absolute;
    width:100%;
    height:100%;
    overflow:hidden;
    background-color:#f1f4f6
}
.app__layout-content{
    height:inherit
}
.custom-menu-icon{
    font-size:28px;
    line-height:47px
}
.custom-menu-icon,.custom-title{
    color:#fff
}
.custom-btn{
    position:fixed;
    right:26px;
    bottom:26px;
    background:#448aff;
    border-radius:50%;
    border:none;
    width:56px;
    height:56px;
    outline:none;
    box-shadow:0 2px 2px 0 rgba(0,0,0,.14),0 3px 1px -2px rgba(0,0,0,.2),0 1px 5px 0 rgba(0,0,0,.12);
    z-index:9999
}
.custom-btn:active{
    box-shadow:none
}
.custom-msg{
    text-align:center;
    width:90%;
    height:50%;
    overflow:auto;
    margin:auto;
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    font-size:16px
}
.custom-fab-icon{
    color:#fff;
    font-size:30px;
    margin-top:2px;
    user-select:none
}
video{
    min-width:100%;
    min-height:100%;
    width:auto;
    height:auto;
    position:absolute
}
#list li{
    list-style-type:none;
    text-decoration:underline;
    color:#00f
}
.custom-copy-btn{
    opacity:0
}
.hide{
    display:none
}
@-webkit-keyframes scanner{
    0%{
        bottom:100%
    }
    50%{
        bottom:0
    }
    to{
        bottom:100%
    }
}
@-moz-keyframes scanner{
    0%{
        bottom:100%
    }
    50%{
        bottom:0
    }
    to{
        bottom:100%
    }
}
@-o-keyframes scanner{
    0%{
        bottom:100%
    }
    50%{
        bottom:0
    }
    to{
        bottom:100%
    }
}
@keyframes scanner{
    0%{
        bottom:100%
    }
    50%{
        bottom:0
    }
    to{
        bottom:100%
    }
}
.custom-scanner{
    width:260px;
    height:4px;
    background:#007bff;
    position:absolute;
    border-radius:20px;
    -webkit-transition:all .2s linear;
    -moz-transition:all .2s linear;
    transition:all .2s linear;
    -webkit-animation:scanner 3s linear infinite;
    -moz-animation:scanner 3s infinite linear;
    -o-animation:scanner 3s infinite linear;
    animation:scanner 3s linear infinite;
    box-shadow:0 1px 0 0 rgba(0,0,0,.4);
    display:none;
    box-shadow:0 0 20px 1px #007bff;
    margin-left:10px
}
#camera{
    opacity:0
}
.no-support{
    font-size:20px;
    text-align:center
}
.app__snackbar{
    position:fixed;
    bottom:15px;
    left:20px;
    pointer-events:none;
    z-index:9999
}
.app__snackbar-msg{
    width:250px;
    min-height:50px;
    background-color:#404040;
    color:#fff;
    border-radius:3px;
    box-shadow:0 0 2px rgba(0,0,0,.12),0 2px 4px rgba(0,0,0,.24);
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -webkit-box-pack:justify;
    -ms-flex-pack:justify;
    justify-content:space-between;
    font-size:14px;
    font-weight:500;
    padding-left:15px;
    padding-right:10px;
    word-break:break-all;
    -webkit-transition:opacity 3s cubic-bezier(0,0,.3,1) 0;
    transition:opacity .3s cubic-bezier(0,0,.3,1) 0;
    text-transform:none;
    margin-bottom:10px;
    z-index:9999
}
.app__snackbar--hide{
    opacity:0
}
.app__dialog{
    z-index:12;
    width:460px;
    height:260px;
    border-radius:2px;
    display:flex;
    position:absolute;
    left:0;
    right:0;
    bottom:0;
    top:80px;
    margin:auto;
    box-shadow:0 1px 30px rgba(0,0,0,.5);
    background-color:#161b22;
    background-clip:padding-box;
    border:1px solid #30363d;
    border-radius:6px
}
.modal-backdrop{
    display:block;
    line-height:0;
    width:100%;
    height:100%;
    opacity:0;
    background-color:rgba(104,104,104,.44);
    left:0;
    top:0;
    z-index:0;
    text-align:center;
    justify-content:center;
    align-items:center;
    width:100%;
    /*background-image:url(../img/opacity.svg);*/
    background-repeat:no-repeat;
    background-size:contain;
    background-position:bottom center;
    height:100vh;
    position:fixed
}
.in{
    opacity:1
}
.app__dialog h5{
    margin-top:24px;
    margin-left:58px;
    font-weight:300;
    color:#c9c1cd
}
.app__dialog input{
    width:420px;
    height:34px;
    border:none;
    outline:none;
    font-size:15px;
    margin:25px 20px 4px;
    color:#fff;
    font-weight:300;
    margin-top:40px;
    display:table-cell;
    background-color:#161b22;
    border:1px solid #30363d;
    border-radius:4px;
    padding:4px 8px
}
.app__dialog p{
    margin:0 20px;
    color:#c9c1cd;
    font-size:14px;
    font-weight:300
}
.app__dialog-actions{
    display:block;
    position:absolute;
    bottom:13px;
    right:20px
}
.app__dialog .app__dialog-actions:nth-child(2){
    left:20px
}
h1{
    position:fixed;
    color:#7f7f7f
}
h2{
    position:fixed;
    color:#7f7f7f
}
.app__dialog .app__dialog-actions:nth-child(3) button:first-child{
    display:inline-block
}
.app__dialog-open{
    border:0;
    width:auto;
    font-size:14px;
    font-weight:300;
    outline:none;
    cursor:pointer;
    color:#fff;
    border-radius:3px;
    padding:10px 12px;
    line-height:20px;
    background-color:#21262d;
    border:1px solid #30363d
}
.app__dialog-open:hover{
    box-shadow:0 1px 8px rgba(0,0,0,.58);
    color:#fff;
    background-color:#21262d;
    border:1px solid #4b5460
}
.app__dialog-open img{
    width:20px;
    height:20px;
    fill:currentColor;
    overflow:hidden;
    vertical-align:top
}
.app__dialog-open{
    display:none
}
.app__dialog-close:active,.app__dialog-open:active{
    opacity:.9
}
.app__dialog--hide{
    display:none
}
#app__open span,.app__dialog-open span{
    margin-left:5px
}
.app__overlay{
    position:fixed;
    top:0;
    bottom:0;
    right:0;
    left:0;
    transition:all .2s ease-in;
    width: 280px;
    height: 280px;
    margin:auto
}
.app_file{
    font-weight:400;
    position:absolute;
    left:-14px;
    top:-10px;
    height:20px;
    line-height:8px;
    text-transform:uppercase;
    font-size:12px;
    padding:7px;
    border-radius:15px;
    color:#fff;
    z-index:1000;
    white-space:nowrap;
    font-style:normal;
    background-image:linear-gradient(135deg,rgb(251,93,95) 0%,rgb(244,2,6) 100%);
    box-shadow:0 4px 5px 0 rgba(85,37,37,.41)
}

.app__overlay-left,.app__overlay-right{
    width:52px;
    height:340px;
    background:#7f7f7f
}
.app__overlay-left{
    margin-left:-57px;
    margin-top:-10px
}
.app__overlay-right{
    margin-right:-57px;
    margin-top:-340px;
    float:right
}
.app__overlay{
    border:0
}
.app__help-text,.app__select-photos{
    color:#fff;
    position:absolute;
    bottom:-70px;
    font-size:18px;
    right:0;
    text-align:center;
    user-select:none
}
.app__help-text{
    display:none;
    left:0
}
.app__dialog-overlay{
    position:fixed;
    left:0;
    right:0;
    bottom:0;
    top:0;
    background:rgba(0,0,0,.55);
    z-index:11
}
.camera__icon,.focus__icon{
    position:relative;
    left:10px;
    display:none
}
.app__qrcode_share{
    width:40px;
    height:40px;
    cursor:pointer;
    position:fixed;
    bottom:234px;
    left:12px;
    z-index:8888;
    background-color:#ff6550;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMzJweCIgaGVpZ2h0PSIzMnB4IiB2aWV3Qm94PSIwIDAgMzIgMzIiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48dGl0bGU+c2hhcmU8L3RpdGxlPjxnIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPjxnIGZpbGw9IiNGRkZGRkYiPjxwYXRoIGQ9Ik0yNiwxMy40Mjg1NzE0IEMyNiwxMy42MjIwMjQ4IDI1LjkyOTMxNjIsMTMuNzg5NDMzOCAyNS43ODc5NDY0LDEzLjkzMDgwMzYgTDIwLjA3MzY2MDcsMTkuNjQ1MDg5MyBDMTkuOTMyMjkxLDE5Ljc4NjQ1OSAxOS43NjQ4ODE5LDE5Ljg1NzE0MjkgMTkuNTcxNDI4NiwxOS44NTcxNDI5IEMxOS4zNzc5NzUyLDE5Ljg1NzE0MjkgMTkuMjEwNTY2MiwxOS43ODY0NTkgMTkuMDY5MTk2NCwxOS42NDUwODkzIEMxOC45Mjc4MjY3LDE5LjUwMzcxOTUgMTguODU3MTQyOSwxOS4zMzYzMTA1IDE4Ljg1NzE0MjksMTkuMTQyODU3MSBMMTguODU3MTQyOSwxNi4yODU3MTQzIEwxNi4zNTcxNDI5LDE2LjI4NTcxNDMgQzE1LjYyNzk3MjUsMTYuMjg1NzE0MyAxNC45NzUwNzczLDE2LjMwODAzNTUgMTQuMzk4NDM3NSwxNi4zNTI2Nzg2IEMxMy44MjE3OTc3LDE2LjM5NzMyMTcgMTMuMjQ4ODg2OCwxNi40NzczMDYgMTIuNjc5Njg3NSwxNi41OTI2MzM5IEMxMi4xMTA0ODgyLDE2LjcwNzk2MTkgMTEuNjE1NzAxNSwxNi44NjYwNzA0IDExLjE5NTMxMjUsMTcuMDY2OTY0MyBDMTAuNzc0OTIzNSwxNy4yNjc4NTgxIDEwLjM4MjQ0MjMsMTcuNTI2NDEyMSAxMC4wMTc4NTcxLDE3Ljg0MjYzMzkgQzkuNjUzMjcxOTksMTguMTU4ODU1NyA5LjM1NTY1NTkyLDE4LjUzNDU5NiA5LjEyNSwxOC45Njk4NjYxIEM4Ljg5NDM0NDA4LDE5LjQwNTEzNjEgOC43MTM5MTQzNCwxOS45MjAzODM5IDguNTgzNzA1MzYsMjAuNTE1NjI1IEM4LjQ1MzQ5NjM3LDIxLjExMDg2NjEgOC4zODgzOTI4NiwyMS43ODQyMjI0IDguMzg4MzkyODYsMjIuNTM1NzE0MyBDOC4zODgzOTI4NiwyMi45NDQ5NDI1IDguNDA2OTkzODYsMjMuNDAyNTI3MiA4LjQ0NDE5NjQzLDIzLjkwODQ4MjEgQzguNDQ0MTk2NDMsMjMuOTUzMTI1MiA4LjQ1MzQ5NjkzLDI0LjA0MDU0OTkgOC40NzIwOTgyMSwyNC4xNzA3NTg5IEM4LjQ5MDY5OTUsMjQuMzAwOTY3OSA4LjUsMjQuMzk5NTUzMiA4LjUsMjQuNDY2NTE3OSBDOC41LDI0LjU3ODEyNTYgOC40NjgzNzgyOSwyNC42NzExMzA2IDguNDA1MTMzOTMsMjQuNzQ1NTM1NyBDOC4zNDE4ODk1NiwyNC44MTk5NDA4IDguMjU0NDY0ODQsMjQuODU3MTQyOSA4LjE0Mjg1NzE0LDI0Ljg1NzE0MjkgQzguMDIzODA4OTMsMjQuODU3MTQyOSA3LjkxOTY0MzMsMjQuNzkzODk5NCA3LjgzMDM1NzE0LDI0LjY2NzQxMDcgQzcuNzc4MjczNTUsMjQuNjAwNDQ2MSA3LjcyOTkxMDk0LDI0LjUxODYwMTcgNy42ODUyNjc4NiwyNC40MjE4NzUgQzcuNjQwNjI0NzgsMjQuMzI1MTQ4MyA3LjU5MDQwMjA2LDI0LjIxMzU0MjMgNy41MzQ1OTgyMSwyNC4wODcwNTM2IEM3LjQ3ODc5NDM2LDIzLjk2MDU2NDggNy40Mzk3MzIyNSwyMy44NzEyOCA3LjQxNzQxMDcxLDIzLjgxOTE5NjQgQzYuNDcyNDY1NTEsMjEuNjk4NjUwMSA2LDIwLjAyMDgzOTUgNiwxOC43ODU3MTQzIEM2LDE3LjMwNTA1MjEgNi4xOTcxNzA2NSwxNi4wNjYyMjUyIDYuNTkxNTE3ODYsMTUuMDY5MTk2NCBDNy43OTY4ODEwMywxMi4wNzA2Njk1IDExLjA1MjA1NjgsMTAuNTcxNDI4NiAxNi4zNTcxNDI5LDEwLjU3MTQyODYgTDE4Ljg1NzE0MjksMTAuNTcxNDI4NiBMMTguODU3MTQyOSw3LjcxNDI4NTcxIEMxOC44NTcxNDI5LDcuNTIwODMyMzcgMTguOTI3ODI2Nyw3LjM1MzQyMzMzIDE5LjA2OTE5NjQsNy4yMTIwNTM1NyBDMTkuMjEwNTY2Miw3LjA3MDY4MzgyIDE5LjM3Nzk3NTIsNyAxOS41NzE0Mjg2LDcgQzE5Ljc2NDg4MTksNyAxOS45MzIyOTEsNy4wNzA2ODM4MiAyMC4wNzM2NjA3LDcuMjEyMDUzNTcgTDI1Ljc4Nzk0NjQsMTIuOTI2MzM5MyBDMjUuOTI5MzE2MiwxMy4wNjc3MDkgMjYsMTMuMjM1MTE4MSAyNiwxMy40Mjg1NzE0IEwyNiwxMy40Mjg1NzE0IFoiPjwvcGF0aD48L2c+PC9nPjwvc3ZnPg==);
    background-position:center center;
    background-repeat:no-repeat;
    transition:transform .4s ease;
    border-radius:50%;
    display:block
}
.app__qrcode_share .add_file{
    font-size:10px;
    color:#fff
}
.app__qrcode_share span{
    line-height:16px!important
}
.app__qrcode_about{
    width:40px;
    height:40px;
    cursor:pointer;
    position:fixed;
    bottom:40px;
    left:calc(50% - 130px);
    border-radius:10px;
    background-image:url(about.svg);
    background-repeat:no-repeat;
    background-size:26px;
    background-position:6px;
    border: 1px solid rgba(255,255,255,.11);
    background-color: rgba(255,255,255,.11);
    box-shadow: 0 4px 5px 0 rgb(2 0 0 / 11%);
    z-index:1
}
.filehtml th{
    position:relative
}
.filehtml th::before{
    content:attr(data-hint);
    left:8px;
    position:absolute;
    top:15px;
    height:23px;
    padding:2px 4px;
    border-radius:6px;
    min-width:30px;
    text-align:right;
    color:rgba(0,0,0,.54)
}
.app__qrcode_light{
    width:40px;
    height:40px;
    cursor:pointer;
    position:fixed;
    bottom:40px;
    left:calc(50% - -80px);
    border-radius:10px;
    background-image:url(scanner.svg);
    background-repeat:no-repeat;
    background-size:34px;
    z-index:1;
    border:1px solid rgba(255,255,255,.11);
    background-color:rgba(255,255,255,.11);
    box-shadow:0 4px 5px 0 rgba(2,0,0,.11);
    background-position:3px
}
.noshow{
    opacity:.3;
    cursor:default
}
.noshow .app_file{
    display:none
}
.app__language .c-compare-table th:first-child{
    width:50%
}
.app__file_converter{
    width:40px;
    height:40px;
    cursor:pointer;
    position:fixed;
    bottom:144px;
    right:12px;
    border-radius:50%;
    background-image:url(OnlineConverter.svg);
    background-repeat:no-repeat;
    background-size:26px;
    background-position:6px;
    z-index:10000
}
.app__file_converter .app_online{
    display:inline-block;
    color:#fff;
    -webkit-transform:translateX(-50%) translateY(-26px);
    -ms-transform:translateX(-50%) translateY(-26px);
    transform:translateX(-50%) translateY(-26px);
    position:absolute;
    left:50%;
    border-radius:40px;
    padding:2px 6px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:80px;
    font-size:11px;
    top:15px;
    box-shadow:0 4px 5px 0 rgba(2,0,0,.41);
    text-transform:uppercase
}
.app__select-photos .app_online{
    display:inline-block;
    color:#fff;
    -webkit-transform:translateX(-50%) translateY(-26px);
    -ms-transform:translateX(-50%) translateY(-26px);
    transform:translateX(-50%) translateY(-26px);
    position:absolute;
    left:0;
    border-radius:40px;
    padding:3px 8px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:80px;
    font-size:12px;
    top:22px;
    box-shadow:0 4px 5px 0 rgba(2,0,0,.41);
    background-image:linear-gradient(135deg,rgb(0,162,69) 0%,rgb(3,130,62) 100%);
    text-transform:uppercase;
    height:auto
}
.app__select-photos{
    width:58px;
    height:58px;
    cursor:pointer;
    position:fixed;
    bottom:80px;
    /*right:47.6%;*/
    left:calc(50% - 40px);
    border-radius:50%;
    background-color:#fff;
    box-shadow:0 4px 5px 0 rgba(2,0,0,.11);
    background-image:url(photo-camera.svg);
    background-repeat:no-repeat;
    background-size:36px;
    background-position:11px 11px;
    z-index:1
}
.app__title{
    position:absolute;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    left:60px;
    top:23px;
    font-size:18px;
    border-radius:40px;
    text-shadow:1px 1px 2px #060606;
    padding:3px 12px
}
.app__title::before{
    background-image:url(line.svg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    content:'';
    display:block;
    height:.3em;
    left:-.2em;
    position:absolute;
    top:calc(100% - .15em);
    width:calc(100% + .4em)
}
.app__select-photos:active{
    opacity:.8
}
input[type=file]{
    display:none
}
.app__select-photos span{
    display:inline-block;
    line-height:20px;
    color:#fff;
    -webkit-transform:translateX(-50%) translateY(60px);
    -ms-transform:translateX(-50%) translateY(60px);
    transform:translateX(-50%) translateY(60px);
    position:absolute;
    left:50%;
    border-radius:40px;
    padding:2px 6px;
    text-align:center;
    text-shadow:1px 1px 2px #06060678;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:80px;
    font-size:12px
}
.app__qrcode_share span,.app__qrcode_editor span,.app__qrcode_language span,.app__qrcode_about span,.app__qrcode_light span,.app__file_converter span{
    display:inline-block;
    line-height:20px;
    color:#fff;
    -webkit-transform:translateX(-50%) translateY(40px);
    -ms-transform:translateX(-50%) translateY(40px);
    transform:translateX(-50%) translateY(40px);
    position:absolute;
    left:50%;
    border-radius:40px;
    padding:2px 6px;
    text-align:center;
    text-shadow:1px 1px 2px #06060678;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:80px;
    font-size:12px
}
.app__dialog-content::before{
    background-image:url(qrcode-scanner.svg);
    background-repeat:no-repeat;
    background-size:contain;
    content:'';
    display:block;
    height:32px;
    left:13px;
    position:absolute;
    top:13px;
    width:72px
}
.app__dialog-content .app__dialog-close{
    width:32px!important;
    height:32px!important;
    fill:currentColor;
    overflow:hidden;
    position:absolute;
    right:13px;
    border-radius:50%;
    padding:4px;
    top:13px;
    cursor:pointer;
    z-index:1
}
.app__dialog-content .app__dialog-close:hover{
    border:1px solid rgba(97,66,66,.42);
    box-shadow:0 1px 3px rgba(0,0,0,.18)
}
.app__about{
    width:90%;
    height:calc(100% - 100px);
    bottom:20px;
    max-width:1300px;
    max-height:600px
}
picture img{
    height:28px;
    width:28px;
    cursor:pointer;
    padding:3px;
    border-radius:3px
}
picture img:hover{
    background-color:#37a95642
}
.filehtml input{
    width:90%;
    height:30px;
    border:none;
    outline:none;
    font-size:15px;
    margin:3px;
    color:rgba(0,0,0,.54);
    font-weight:500;
    background-color:transparent;
    margin-left:24px
}
.app__about .app__dialog-content{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
.app__history{
    width:700px;
    height:calc(100% - 100px);
    bottom:20px;
    max-width:1300px;
    max-height:600px
}
.app__history .app__dialog-content{
    text-align:center;
    display:flex;
    justify-content:center;
    align-items:center;
    width:100%
}
.app__qrcode_editor .cd-cart-trigger{
    bottom:234px
}
.cd-cart-trigger{
    position:fixed;
    bottom:80px;
    right:20px;
    -webkit-transition:-webkit-transform .2s;
    transition:-webkit-transform .2s;
    transition:transform .2s;
    transition:transform .2s,-webkit-transform .2s;
    -webkit-transform:translateZ(0);
    transform:translateZ(0);
    -webkit-backface-visibility:hidden;
    will-change:transform;
    backface-visibility:hidden
}
.cd-cart-trigger{
    z-index:1111113;
    height:38px;
    width:38px;
    text-indent:100%;
    color:transparent;
    white-space:nowrap;
    border-radius:60px
}
.home-sponsors-heart-1{
    animation:home-sponsors-heart-1 4s cubic-bezier(.535,.15,.425,1) infinite;
    position:absolute!important;
    bottom:70%;
    left:0
}
.home-sponsors-heart-2{
    animation:home-sponsors-heart-2 5s cubic-bezier(.535,.15,.425,1) -1s infinite;
    position:absolute!important;
    bottom:70%;
    left:0
}
.home-sponsors-heart-3{
    animation:home-sponsors-heart-3 6s cubic-bezier(.535,.15,.425,1) -2s infinite;
    position:absolute!important;
    bottom:70%;
    left:0
}
/*!CSS Used keyframes*/
@-webkit-keyframes scale-up-center{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes scale-up-center{
    0%{
        -webkit-transform:scale(.5);
        transform:scale(.5)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes home-sponsors-heart-1{
    0%{
        opacity:0;
        transform:scale3d(.7,.7,.7) translateZ(0) rotate(0)
    }
    50%{
        opacity:1
    }
    to{
        opacity:0;
        transform:scaleX(1) translate3d(-25%,-160%,0) rotate(-25deg)
    }
}
@keyframes home-sponsors-heart-2{
    0%{
        opacity:0;
        transform:scale3d(.5,.5,.5) translateZ(0) rotate(0)
    }
    50%{
        opacity:.75
    }
    to{
        opacity:0;
        transform:scale3d(.75,.75,.75) translate3d(-125%,-100%,0) rotate(-35deg)
    }
}
@keyframes home-sponsors-heart-3{
    0%{
        opacity:0;
        transform:scale3d(.35,.35,.35) translateZ(0) rotate(0)
    }
    50%{
        opacity:.5
    }
    to{
        opacity:0;
        transform:scale3d(.5,.5,.5) translate3d(150%,-120%,0) rotate(35deg)
    }
}
.at-expanding-share-button .at-expanding-share-button-toggle-bg>span{
    border:0 solid rgba(255,255,255,.11);
    background-color:transparent;
    box-shadow:none
}
.at-expanding-share-button .at-expanding-share-button-toggle-bg{
    box-shadow:none!important
}
@media screen and (min-width:1001px){
    .app__qrcode_editor .cd-cart-trigger{
        bottom:230px
    }
    .at-expanding-share-button .at-expanding-share-button-toggle-bg>span,.app__qrcode_language,.app__qrcode_editor,.app__qrcode_about,.app__file_converter{
        border:1px solid rgba(255,255,255,.11);
        background-color:rgba(255,255,255,.11);
        box-shadow:0 4px 5px 0 rgba(2,0,0,.11)
    }
    .cd-cart-trigger{
        left:auto;
        right:20px
    }
    .app__file_converter{
        bottom:130px;
        left:auto;
        right:20px
    }
    .app__file_converter .app_online{
        -webkit-transform:translateX(-80%) translateY(-26px);
        -ms-transform:translateX(-80%) translateY(-26px);
        transform:translateX(-80%) translateY(-26px)
    }
}
.mzp-u-data-table{
    border-collapse:collapse;
    border-spacing:0
}
.mzp-u-data-table caption{
    margin-bottom:.25em;
    width:100%
}
.mzp-u-data-table caption{
    text-align:left
}
.mzp-u-data-table td,.mzp-u-data-table th{
    border-top:1px solid rgba(0,0,0,.2);
    padding:.5em 10px;
    text-align:left
}
.mzp-u-data-table td,.mzp-u-data-table th{
    text-align:left
}
.mzp-u-data-table thead th{
    border-top:0;
    padding-top:0
}
h3{
    font-family:Metropolis,Inter,X-LocaleSpecific,sans-serif;
    color:#20123a;
    font-weight:700;
    margin:0 0 .5em
}
h3{
    font-size:24px;
    font-size:1.5rem;
    line-height:1.166
}
@media(min-width:768px){
    h3{
        font-size:32px;
        font-size:2rem;
        line-height:1.125
    }
}
.mzp-u-title-sm{
    font-size:18px;
    line-height:1.166;
    font-family:Metropolis,Inter,X-LocaleSpecific,sans-serif
}
@media(min-width:768px){
    .mzp-u-title-sm{
        font-size:32px;
        font-size:2rem;
        line-height:1.125
    }
}
main h3{
    color:#fff;
    margin-bottom:46px
}
.u-visually-hidden{
    border:0;
    clip:rect(0 0 0 0);
    height:1px;
    margin:-1px;
    overflow:hidden;
    padding:0;
    position:absolute!important;
    width:1px
}
.c-block{
    margin:60px auto;
    overflow-x:hidden;
    padding:48px 0;
    position:relative
}
@media(min-width:768px){
    .c-block{
        padding:48px 0
    }
}
@media(min-width:1024px){
    .c-block{
        padding:0 0
    }
}
.c-block-container{
    zoom:1;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    margin:0 auto;
    max-width:1344px;
    min-width:304px;
    padding:5px 12px
}
.c-block-container:after{
    clear:both;
    content:'';
    display:block;
    height:0;
    visibility:hidden
}
@media(min-width:768px){
    .c-block-container{
        padding:0
    }
}
@media(min-width:1024px){
    .c-block-container{
        padding:0
    }
}
.c-block-media-img{
    display:block
}
.c-block-body{
    position:relative
}
@media all and (max-width:767px){
    .c-block-body:first-child{
        margin-bottom:8px;
        margin-top:30px
    }
    .app__select-photos{
        right:4px
    }
    .c-block-body p span{
        display:none
    }
    .app__overlay{
        width:260px;
        height:260px
    }
    .custom-scanner{
        width:240px
    }
    .app__overlay::after{
        width:254px;
        height:254px
    }
}
.c-block-media{
    position:relative
}
@media(min-width:1024px){
    .c-block-body{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width:50%;
        padding:40px
    }
    .c-block-body{
        float:left
    }
    .c-block-body>:first-child{
        margin-top:0
    }
    .c-block-body>:last-child{
        margin-bottom:0
    }
    .c-block-media{
        -webkit-box-sizing:border-box;
        -moz-box-sizing:border-box;
        box-sizing:border-box;
        width:50%;
        padding:0 40px
    }
    .c-block-media{
        float:right
    }
}
.c-block-container .c-block-media-img{
    margin:0 auto
}
.app__language{
    width:90%;
    height:calc(100% - 100px);
    bottom:20px;
    max-width:600px;
    max-height:680px
}
.app__language h3{
    text-align:center
}
.app__language .c-block-media{
    width:100%
}
.app__language .c-block-container{
    min-width:604px
}
@media(min-width:768px){
    .c-block-container .l-h-end{
        justify-self:end
    }
}
.t-highlights p{
    margin-bottom:32px
}
.t-compare{
    padding-top:0
}
.t-compare .c-block-media-img{
    background-image:url(bgbg.svg);
    background-repeat:no-repeat;
    background-size:contain
}
.t-compare .c-block-media-img{
    background-position:top left
}
@media all and (min-width:0){
    .t-compare .c-block-media-img{
        padding:65px 0 0
    }
}
@media(min-width:768px){
    .t-compare .c-block-media-img{
        background-size:600px;
        padding:65px 32px 30px;
        width:100%
    }
}
@media(min-width:1024px){
    .t-compare .c-block-media-img{
        background-size:contain
    }
}
.c-chart{
    margin:0
}
.c-compare-table{
    caption-side:bottom;
    background:#fff;
    border-radius:8px;
    box-shadow:0 8px 12px 1px rgba(29,17,51,.04),0 3px 16px 2px rgba(9,32,77,.12),0 5px 10px -3px rgba(29,17,51,.12);
    border-collapse:separate;
    border:32px solid #fff;
    margin-left:auto;
    margin-right:auto;
    max-width:928px;
    width:100%;
    color:#000
}
.c-compare-table caption{
    display:table-caption
}
.c-compare-table thead th{
    font-family:Metropolis,Inter,X-LocaleSpecific,sans-serif;
    font-size:20px;
    font-size:1.25rem;
    line-height:1.2;
    border-bottom:3px solid #ededf0;
    font-weight:700
}
@media(min-width:768px){
    .c-compare-table thead th{
        font-size:24px;
        font-size:1.5rem;
        line-height:1.166
    }
}
@media(min-width:480px){
    .c-compare-table thead th{
        position:static
    }
}
.c-compare-table thead th img{
    font-size:12px;
    font-size:.75rem;
    line-height:1.5;
    height:auto;
    max-height:24px;
    max-width:24px;
    min-width:1rem;
    width:100%
}
.c-compare-table td,.c-compare-table th{
    font-size:14px;
    font-size:.875rem;
    line-height:1.5;
    border-top:1px solid #ededf0;
    font-weight:400;
    padding:4px
}
.c-compare-table td,.c-compare-table th{
    border-left:1px solid #ededf0;
    text-align:center
}
.c-compare-table th:first-child{
    text-align:start
}
.c-compare-table th:first-child{
    border-left-width:0
}
@media(min-width:480px){
    .c-compare-table td,.c-compare-table th{
        padding:8px
    }
}
.c-compare-table tbody td{
    width:64px
}
.c-compare-table tbody tr:nth-child(2n-1){
    background-color:#f9f9fa
}
.c-compare-table tr>:nth-child(1n+4){
    display:none
}
.c-compare-buttons{
    margin-top:32px;
    text-align:center
}
.mzp-u-title-sm::after{
    background-image:url(about_line.svg);
    background-repeat:no-repeat;
    background-size:100% 100%;
    content:'';
    display:block;
    height:.3em;
    left:-.2em;
    position:absolute;
    width:calc(100% + .4em);
    margin-top:8px
}
.app__share{
    max-height:260px
}
.c-block-body p{
    line-height:28px;
    color:#ffffffbf
}
select{
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-box-sizing:border-box;
    -moz-box-sizing:border-box;
    box-sizing:border-box;
    font-size:16px;
    font-size:1rem;
    line-height:1.5;
    background-color:#fff;
    border-radius:4px;
    border:2px solid #9595a2;
    line-height:1.25;
    margin:0 0 24px;
    padding:8px;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,#fff 0,#fff 100%);
    background-repeat:no-repeat,repeat;
    background-size:1.5em auto,100%;
    display:block;
    font-weight:400;
    max-width:100%;
    min-width:256px;
    text-overflow:ellipsis
}
select{
    background-position:right 8px top 50%;
    padding:8px calc(1.5em + 16px) 8px 8px;
    line-height:1.5;
    margin:0 auto 30px
}
select:hover{
    border:2px solid #33a752;
    color:#005e19;
    background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,#fff 0,#fff 100%)
}
.shownone{
    border-radius:3px;
    transition:all .2s,visibility 0s;
    border:0 solid #4caf50!important;
    margin-top:20px
}
.shownone a{
    color:#fff
}
.downloadbutton{
    display:inline-block;
    color:#fff;
    border-radius:40px;
    padding:12px 18px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:220px;
    font-size:14px;
    text-transform:uppercase;
    height:auto;
    border:none;
    min-width:120px;
    margin-bottom:30px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 1px 8px rgba(0,0,0,.58);
    color:#fff;
    background-color:#161b22;
    border:1px solid #30363d;
    margin-right:10px
}
.deletebutton{
    display:inline-block;
    color:#fff;
    border-radius:40px;
    padding:12px 18px;
    text-align:center;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
    max-width:220px;
    font-size:14px;
    text-transform:uppercase;
    height:auto;
    border:none;
    min-width:120px;
    margin-bottom:30px;
    font-weight:700;
    cursor:pointer;
    box-shadow:0 1px 8px rgba(0,0,0,.58);
    color:#fff;
    background-color:#161b22;
    border:1px solid #30363d;
    margin-left:10px
}
.downloadbutton:hover,.deletebutton:hover{
    border:1px solid #5c6470;
    background-color:#21262d;
    border:1px solid #4b5460
}
@media screen and (max-width:1024px){
    .shownone,.showno{
        display:none
    }
    .showinfo{
        color:#fff
    }
    select{
        border:2px solid #fff;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,transparent 0,transparent 100%);
        color:#fff;
        background-color:transparent
    }
    select:hover{
        border:2px solid #fabb04;
        color:#fabb04;
        background-image:url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0nMjRweCcgaGVpZ2h0PScyNHB4JyB2aWV3Qm94PScwIDAgMjQgMjQnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc+PGcgc3Ryb2tlPSdub25lJyBzdHJva2Utd2lkdGg9JzEnIGZpbGw9J25vbmUnIGZpbGwtcnVsZT0nZXZlbm9kZCcgc3Ryb2tlLWxpbmVjYXA9J3JvdW5kJyBzdHJva2UtbGluZWpvaW49J3JvdW5kJz48cG9seWxpbmUgc3Ryb2tlPScjOTU5NWEzJyBzdHJva2Utd2lkdGg9JzInIHBvaW50cz0nNSA5IDEyIDE2IDE5IDknPjwvcG9seWxpbmU+PC9nPjwvc3ZnPg==),linear-gradient(to bottom,transparent 0,transparent 100%);
        background-color:transparent
    }
    .app__dialog input{
        max-width:280px;
        padding:0 10px;
        border-radius:3px
    }
    .app__qrcode{
        max-height:280px
    }
    .app__language .c-block-container{
        min-width:100%
    }
    .app__dialog{
        width:92%;
        height:calc(100% - 100px);
        position:fixed;
        z-index:11111111;
        background-color:#161b22f2;
        top:80px;
        bottom:20px
    }
    .app__dialog .app__dialog-content{
        width:100%;
        margin:20px auto;
        text-align:center
    }
    .app__dialog h5{
        color:#fff;
        text-align:center;
        margin:8px 0;
        font-weight:500
    }
    .app__dialog-content .app__dialog-close:hover{
        border:1px solid #fff
    }
    main h3{
        color:#fff
    }
    .c-block{
        color:#fff
    }
    .app__about,.app__history{
        max-height:800px
    }
}
.scan-region-highlight{
    position:fixed;
    width:350px;
    height:350px;
    top:calc((100% - 350px)/2);
    left:calc((100% - 350px)/2);
    margin:auto
}
.scan-region-highlight-svg{
    position:absolute;
    width:100%;
    height:100%;
    left:0;
    top:0;
    fill:none;
    stroke:#007bff;
    stroke-width:4;
    stroke-linecap:round;
    stroke-linejoin:round;
    box-shadow:0 -1px 0 #007bffad,0 0 6px #007bffad,0 1px 1px #007bffad;
    border-radius:20px;
    padding:2px;
    -webkit-animation:pulsate-bck .9s ease-in-out infinite both;
    animation:pulsate-bck .9s ease-in-out infinite both
}
@-webkit-keyframes pulsate-bck{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@keyframes pulsate-bck{
    0%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
    50%{
        -webkit-transform:scale(.9);
        transform:scale(.9)
    }
    100%{
        -webkit-transform:scale(1);
        transform:scale(1)
    }
}
@media all and (max-width:767px){
    .scan-region-highlight{
        position:fixed;
        width:300px;
        height:300px;
        top:calc((100% - 300px)/2);
        left:calc((100% - 300px)/2);
        margin:auto
    }
}