/* cyrillic-ext */
@font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 300;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 400;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 500;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  /* cyrillic-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSKmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
  }
  /* cyrillic */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSumu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
  }
  /* greek-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSOmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+1F00-1FFF;
  }
  /* greek */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSymu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0370-03FF;
  }
  /* hebrew */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS2mu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0590-05FF, U+200C-2010, U+20AA, U+25CC, U+FB1D-FB4F;
  }
  /* vietnamese */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSCmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
  }
  /* latin-ext */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTSGmu0SC55K5gw.woff2) format('woff2');
    unicode-range: U+0100-02AF, U+0304, U+0308, U+0329, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
  }
  /* latin */
  @font-face {
    font-family: 'Open Sans';
    font-style: normal;
    font-weight: 700;
    font-stretch: 100%;
    font-display: swap;
    src: url(memvYaGs126MiZpBA-UvWbX2vVnXBbObj2OVTS-mu0SC55I.woff2) format('woff2');
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
  }
  

:root{--blue:#3c70b3;--indigo:#6610f2;--purple:#873f95;--pink:#ba0263;--red:#e10337;--orange:#e88800;--yellow:#f5bf00;--green:#88c15f;--teal:#04ac80;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#3c70b3;--secondary:#6c757d;--success:#00c851;--info:#4285f4;--warning:#fb3;--danger:#f44;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:1050px;--breakpoint-lg:1600px;--breakpoint-xl:1921px;--font-family-sans-serif:'Open Sans', sans-serif;--font-family-monospace:"Open Sans",Helvetica,Arial,sans-serif;}
*,:after,:before{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:rgba(22,22,22,0);font-family: 'Open Sans', sans-serif;;line-height:1.15;}
footer,nav{display:block;}
body{color:#2e2e2e;font-size:1rem;font-weight:400;line-height:1.42857143;margin:0;text-align:left;}
h1,h2,h3{margin-bottom:.5rem;margin-top:0;}
p{margin-bottom:1rem;margin-top:0;}
ul{margin-bottom:1rem;}
ul{margin-top:0;}
ul ul{margin-bottom:0;}
strong{font-weight:bolder;}
small{font-size:80%;}
sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}
sup{top:-.5em;}
a{background-color:rgba(0,0,0,0);color:#2e2e2e;}
a,a:hover{text-decoration:none;}
a:hover{color:#32a250;}
img{border-style:none;}
img,svg{vertical-align:middle;}
svg{overflow:hidden;}
button{border-radius:0;}
button:focus:not(:focus-visible){outline:0;}
button{font-family:'Open Sans', sans-serif;font-size:inherit;line-height:inherit;margin:0;}
button{overflow:visible;}
button{text-transform:none;}
[role=button]{cursor:pointer;}
[type=button],button{-webkit-appearance:button;}
[type=button]:not(:disabled),button:not(:disabled){cursor:pointer;}
h1,h2,h3{color:#2e2e2e;font-weight:700;line-height:1.42857143;margin-bottom:.5rem;}
h1{font-size:2.5rem;}
h2{font-size:2rem;}
h3{font-size:1.75rem;}
small{font-size:.75rem;font-weight:400;}
.list-unstyled{list-style:none;padding-left:0;}
.container,.container-fluid{margin-left:auto;margin-right:auto;padding-left:15px;padding-right:15px;width:100%;}
.showconvert{display: none;}
@media (min-width:576px){
.container{max-width:991px;}
}

@media (min-width:1050px){
.container{max-width:1138px;}
.showconvert{display: block;}
}
@media (min-width:1600px){
.container{max-width:1239px;}
}
@media (min-width:1921px){
.container{max-width:1540px;}
}
.icon24 {
    width: 24px;
    height: 24px;
    fill: currentColor;
    overflow: hidden;
    border-radius: 8px;
    opacity: 0.9;
    margin-right: 6px;
  }
  .icon20 {
    width: 20px;
    height: 20px;
    fill: currentColor;
    overflow: hidden;
    border-radius: 4px;
    opacity: 0.9;
    margin-right: 6px;
    display: inline-block;
  }
.icon30 {
    width: 30px;
    height: 30px;
    fill: currentColor;
    overflow: hidden;
    border-radius: 4px;
    margin-right: 6px;
  }
  .icon42 {
    width: 42px;
    height: 42px;
    fill: currentColor;
    overflow: hidden;
    border-radius: 4px;
    opacity: 0.8;
    margin-right: 6px;
  }
  .icon30o {opacity: 1;}
.icon60 {
    width: 60px;
    height: 60px;
    vertical-align: -0.15em;
    fill: currentColor;
    overflow: hidden;
  }

#header{position: fixed !important;
    right: 0;
    left: 0;
    top: 0;}
.row{display:-webkit-box;display:flex;flex-wrap:wrap;margin-left:-15px;margin-right:-15px;}
.no-gutters{margin-left:0;margin-right:0;}
.col-2,.col-10,.col-12,.col-lg-3,.col-lg-9,.col-md-3,.col-md-4,.col-md-6,.col-md-8,.col-md-9,.col-md-12,.col-sm-6,.col-xl-3{padding-left:15px;padding-right:15px;position:relative;width:100%;}
.col-2{-webkit-box-flex:0;}
.col-2{flex:0 0 16.66666667%;max-width:16.66666667%;}
.col-10{-webkit-box-flex:0;}
.col-10{flex:0 0 83.33333333%;max-width:83.33333333%;}
.col-12{-webkit-box-flex:0;}
.col-12{flex:0 0 100%;max-width:100%;}
@media (min-width:576px){
.col-sm-6{-webkit-box-flex:0;flex:0 0 50%;max-width:50%;}
}
@media (min-width:1050px){
.col-md-3{-webkit-box-flex:0;flex:0 0 25%;max-width:25%;}
.col-md-4{-webkit-box-flex:0;flex:0 0 33.33333333%;max-width:33.33333333%;}
.col-md-6{-webkit-box-flex:0;flex:0 0 50%;max-width:50%;}
.col-md-8{-webkit-box-flex:0;flex:0 0 66.66666667%;max-width:66.66666667%;}
.col-md-9{-webkit-box-flex:0;flex:0 0 75%;max-width:75%;}
.col-md-12{-webkit-box-flex:0;flex:0 0 100%;max-width:100%;}
}
@media (min-width:1600px){
.col-lg-3{-webkit-box-flex:0;flex:0 0 25%;max-width:25%;}
.col-lg-9{-webkit-box-flex:0;flex:0 0 75%;max-width:75%;}
.offset-lg-0{margin-left:0;}
}
@media (min-width:1921px){
.col-xl-3{-webkit-box-flex:0;flex:0 0 25%;max-width:25%;}
}
.btn{background-color:rgba(0,0,0,0);border:1px solid rgba(0,0,0,0);border-radius:4px;color:#2e2e2e;display:inline-block;font-size:1rem;font-weight:400;line-height:1.42857143;padding:.575rem .99rem;text-align:center;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;}
@media (prefers-reduced-motion:reduce){
.btn{-webkit-transition:none;transition:none;}
}
.btn:hover{color:#2e2e2e;text-decoration:none;}
.btn:focus{box-shadow:0 0 0 .2rem rgba(60,112,179,.25);outline:0;}
.btn:disabled{opacity:.65;}
.btn:not(:disabled):not(.disabled){cursor:pointer;}
.btn-info{background-color:#4285f4;border-color:#4285f4;color:#fff;}
.btn-info:focus,.btn-info:hover{background-color:#1e6ef2;border-color:#1266f1;color:#fff;}
.btn-info:focus{box-shadow:0 0 0 .2rem rgba(94,151,246,.5);}
.btn-info:disabled{background-color:#4285f4;border-color:#4285f4;color:#fff;}
.btn-info:not(:disabled):not(.disabled):active{background-color:#1266f1;border-color:#0e60e9;color:#fff;}
.btn-info:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem rgba(94,151,246,.5);}
.btn-light{background-color:#eaeaeaa3;color:#000;}
.btn-light:focus,.btn-light:hover{background-color: #daefe0;
    color: #309a4c;}
.btn-light:focus{box-shadow:0 0 0 .2rem hsla(220,4%,85%,.5);}
.btn-light:disabled{background-color:#f8f9fa;border-color:#f8f9fa;color:#212529;}
.btn-light:not(:disabled):not(.disabled):active{background-color:#dae0e5;border-color:#d3d9df;color:#212529;}
.btn-light:not(:disabled):not(.disabled):active:focus{box-shadow:0 0 0 .2rem hsla(220,4%,85%,.5);}
.btn-lg{border-radius:.3rem;font-size:1.25rem;line-height:1.5;padding:.5rem 1rem;}
.btn-block{display:block;width:100%;}
.dropdown{position:relative;}
.dropdown-toggle{white-space:nowrap;}
.dropdown-toggle:after{border-bottom:0;border-left:.3em solid rgba(0,0,0,0);border-right:.3em solid rgba(0,0,0,0);border-top:.3em solid;content:"";display:inline-block;margin-left:.255em;vertical-align:.255em;}
.dropdown-toggle:empty:after{margin-left:0;}
.dropdown-menu{background-clip:padding-box;background-color:#fff;border:1px solid hsla(0,0%,9%,.15);border-radius:4px;color:#2e2e2e;display:none;float:left;font-size:1rem;left:0;list-style:none;margin:.125rem 0 0;min-width:10rem;padding:.5rem 0;position:absolute;text-align:left;top:100%;z-index:1000;}
.dropdown-menu-right{left:auto;}
.btn-group{display:-webkit-inline-box;display:inline-flex;position:relative;vertical-align:middle;}
.btn-group>.btn{-webkit-box-flex:1;flex:1 1 auto;position:relative;}
.btn-group>.btn:active,.btn-group>.btn:focus,.btn-group>.btn:hover{z-index:1;}
.nav-link{display:block;padding:.5rem 1rem;}
.nav-link:focus,.nav-link:hover{text-decoration:none;}
.navbar{padding:.5rem 1rem;position:relative;}
.navbar,.navbar .container{-webkit-box-align:center;-webkit-box-pack:justify;align-items:center;display:-webkit-box;display:flex;flex-wrap:wrap;justify-content:space-between;}
.navbar-brand{display:inline-block;font-size:1.25rem;line-height:inherit;margin-right:1rem;padding-bottom:.3214285713rem;padding-top:.3214285713rem;white-space:nowrap;}
.navbar-brand:focus,.navbar-brand:hover{text-decoration:none;}
.badge{display:inline-block;}
.badge{border-radius:0;text-transform: uppercase;font-size:10px;font-weight:600;line-height:1;padding:.25em .4em;text-align:center;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;vertical-align:baseline;white-space:nowrap;}
@media (prefers-reduced-motion:reduce){
.badge{-webkit-transition:none;transition:none;}
}
.badge:empty{display:none;}
.badge-info{background-color:#ff2e39;color:#fff;}
.toast{border: 1px solid #93939345;background-clip:padding-box;background-color:#fff;border-radius:8px;box-shadow:0 .25rem .75rem hsla(0,0%,9%,.1);flex-basis:350px;font-size:.875rem;max-width:350px;opacity:0;}
.toast:not(:last-child){margin-bottom:.75rem;}
.toast.show{display:block;opacity:1;}
.toast-header{-webkit-box-align:center;align-items:center;background-clip:padding-box;background-color:hsla(0,0%,100%,.85);border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px);color:#6c757d;display:-webkit-box;display:flex;padding:.25rem .75rem;}
.toast-body{padding:.75rem;}
.bg-success{background-color:#ff2e39!important;}
.bg-info{background-color:#4285f4!important;}
.bg-danger{background-color:#f44!important;}
.bg-white{background-color:#fff!important;}
.border{border:2px solid #34a753 !important;}
.border-top{border-top:1px solid #dee2e6!important;}
.border-0{border:0!important;}
.rounded{border-radius:4px!important;}
.clearfix:after{clear:both;content:"";display:block;}
.d-none{display:none!important;}
.d-inline{display:inline!important;}
.d-inline-block{display:inline-block!important;}
.d-block{display:block!important;}
.d-flex{display:-webkit-box!important;display:flex!important;}
.d-inline-flex{display:-webkit-inline-box!important;display:inline-flex!important;}
@media (min-width:576px){
.d-sm-none{display:none!important;}
.d-sm-block{display:block!important;}
.d-sm-flex{display:-webkit-box!important;display:flex!important;}
}
@media (min-width:1050px){
.d-md-none{display:none!important;}
.d-md-block{display:block!important;}
.d-md-flex{display:-webkit-box!important;display:flex!important;}
.d-md-inline-flex{display:-webkit-inline-box!important;display:inline-flex!important;}
}
@media (min-width:1600px){
.d-lg-none{display:none!important;}
.d-lg-flex{display:-webkit-box!important;display:flex!important;}
.d-lg-inline-flex{display:-webkit-inline-box!important;display:inline-flex!important;}
}
@media (min-width:1921px){
.d-xl-inline-flex{display:-webkit-inline-box!important;display:inline-flex!important;}
}
.flex-column{-webkit-box-direction:normal!important;}
.flex-column{-webkit-box-orient:vertical!important;flex-direction:column!important;}
.flex-wrap{flex-wrap:wrap!important;}
.flex-shrink-0{flex-shrink:0!important;}
.justify-content-start{-webkit-box-pack:start!important;justify-content:flex-start!important;}
.justify-content-center{-webkit-box-pack:center!important;justify-content:center!important;}
.justify-content-between{-webkit-box-pack:justify!important;justify-content:space-between!important;}
.align-items-start{-webkit-box-align:start!important;align-items:flex-start!important;}
.align-items-center{-webkit-box-align:center!important;align-items:center!important;}
@media (min-width:576px){
.flex-sm-row{-webkit-box-orient:horizontal!important;-webkit-box-direction:normal!important;flex-direction:row!important;}
.justify-content-sm-around{justify-content:space-around!important;}
}
@media (min-width:1050px){
.justify-content-md-end{-webkit-box-pack:end!important;justify-content:flex-end!important;}
.justify-content-md-between{-webkit-box-pack:justify!important;justify-content:space-between!important;}
}
.overflow-hidden{overflow:hidden!important;}
.position-static{position:static!important;}
.position-relative{position:relative!important;}
.position-absolute{position:absolute!important;}
.shadow{box-shadow:0 .5rem 1rem hsla(0,0%,9%,.15)!important;}
.w-auto{width:auto!important;}
.h-100{height:56px !important;}
.mr-0,.mx-0{margin-right:0!important;}
.mb-0{margin-bottom:0!important;}
.ml-0,.mx-0{margin-left:0!important;}
.mr-1{margin-right:.25rem!important;}
.mb-1{margin-bottom:.25rem!important;}
.ml-2{margin-left:.5rem!important;}
.mt-3{margin-top:1rem!important;}
.mx-3{margin-right:1rem!important;}
.mb-3{margin-bottom:1rem!important;}
.mx-3{margin-left:1rem!important;}
.mb-4{margin-bottom:1.5rem!important;}
.ml-4{margin-left:1.5rem!important;}
.pt-0,.py-0{padding-top:0!important;}
.pr-0,.px-0{padding-right:0!important;}
.pb-0,.py-0{padding-bottom:0!important;}
.pl-0,.px-0{padding-left:0!important;}
.px-1{padding-right:.25rem!important;}
.px-1{padding-left:.25rem!important;}
.p-2{padding:.5rem!important;}
.py-2{padding-top:.5rem!important;}
.pr-2{padding-right:.5rem!important;}
.py-2{padding-bottom:.5rem!important;}
.p-3{padding:1rem!important;}
.pt-3{padding-top:1rem!important;}
.pr-3,.px-3{padding-right:1rem!important;}
.pb-3{padding-bottom:1rem!important;}
.pl-3,.px-3{padding-left:1rem!important;}
.pr-4{padding-right:1.5rem!important;}
.pl-4{padding-left:1.5rem!important;}
.pb-5{padding-bottom:3rem!important;}
.mr-auto{margin-right:auto!important;}
@media (min-width:576px){
.pr-sm-0{padding-right:0!important;}
}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.text-center{text-align:center!important;}
.text-uppercase{text-transform:uppercase!important;}
.text-capitalize{text-transform:capitalize!important;}
.font-weight-normal{font-weight:400!important;}
.font-weight-bold{font-weight:700!important;}
.text-white{color:#fff!important;}
.text-info{color:#4285f4!important;}
a.text-info:focus,a.text-info:hover{color:#0d5bdd!important;}
.text-dark{color:#343a40!important;}
.text-muted{color:#6c757d!important;font-size: 13px;text-transform: capitalize;}
.text-decoration-none{text-decoration:none!important;}
.close{color:#000;float:right;font-size:2rem;font-weight:300;line-height:1;opacity:1;text-shadow:0 1px 0 #fff;}
.close:hover{color:#ff0000;text-decoration:none;}
.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75;}
button.close{background-color:rgba(0,0,0,0);border:0;padding:0;}
.img-fluid{height:auto;max-width:100%;}
html{font-size:14px;}
body,html{height:100%;}
body{background-color:#f5f5f5;font-family:'Open Sans', sans-serif;}
h1,h2,h3{margin-bottom:0px;margin-top:0px;}
h1{font-size:4em;}
@media (max-width:575.98px){
h1{font-size:2em;}
}
small{font-size:12px;}
h2{font-size:2.6em;}
h2 small{font-size:22px;}
@media (max-width:575.98px){
h2{font-size:1.3em;}
}
h3{font-size:1.3em;}
p{font-size:1rem;}
.footer{font-size:1em;}
.footer ul{margin-top:20px;}
.footer ul li{margin-bottom:10px;}
.footer a{color:#2e2e2e;font-size:13px;text-transform: capitalize;}
.footer a:hover{color:#000;text-decoration:none;}
.footer .container{padding:20px;}
.footer .container>.row>div:first-of-type{padding-top:0;}
@media (max-width:1049.98px){
.footer .container>.row>div{margin-bottom:20px;padding-top:0;}
.footer .container>.row>div:last-of-type{margin-bottom:0;}
.footer .container>.row>div:first-of-type{-webkit-box-pack:center;display:-webkit-box;display:flex;justify-content:center;}
}
.footer .container>.row>div:first-of-type{-webkit-box-pack:justify;justify-content:space-between;margin-bottom:0;}
.footer .btn-group .dropdown-toggle{background:none;}
.footer .dropdown-menu.language-selector li{padding:0;}
.footer .dropdown-menu.language-selector li a{color:#666;display:block;padding:10px;}
.footer .dropdown-menu.language-selector li a:hover{background:#e6e6e6;color:#000;}
.footer .dropdown-menu,.footer .dropdown-menu:hover,.footer .dropdown-toggle:hover~.dropdown-menu,.footer .dropdown-toggle~.dropdown-menu{left:0;position:absolute;top:-20px!important;-webkit-transform:translate3d(-327px,-357px,0);transform:translate3d(-327px,-357px,0);will-change:transform;}
.footer .main-language-dropdown .container{padding:0 15px;}
.footer-contact-us{background:#f5f5f5;}
.container-fluid{max-width:2400px;}
.container-1200{margin:0 auto 40px !important;padding: 20px 20px 0px;min-height: 310px;}
.header-height-60{height:60px;}
.header-logo-responsive{width:auto;}
@media (max-width:680px){
.header-logo-responsive{height:4vw;}
}
@media (max-width:575.98px){
.header-logo-responsive{height:20px;}
}
@media (max-width:1049.98px){
.all-tools-menu>.dropdown-menu{margin-top:0px!important;overflow-y: auto;
    height: 100vh;}
}
.mymenu:hover .dropdown-menu{
    display: block;
    box-shadow: 0px 5px 5px 0 rgba(0, 0, 0, 0.18) !important;
}
.post-header{background: #ff5a5a;
position: relative;
z-index:0;
background-image: url(../svg/topbg.avif);
background-size: cover;
background-position: 50% 50%;
height: 4px;
width: 100%;}
.tools-container>li:last-child{float:right;margin-right:0;}
.tools-container li{font-size:14px;font-weight:500;margin-right:40px;min-height:-webkit-fit-content;min-height:-moz-fit-content;min-height:fit-content;padding:0;text-align:center;}
.main-nav-items li{margin-right:10px;}
@media (max-width:1599.98px){
.main-user-dropdown{min-width:100%!important;}
}
@media (max-width:1049.98px){
.main-user-dropdown{margin-top:0px!important;min-width:100%!important;right:0;}
.main-user-block-space{min-width:110px!important;}
}
@media (max-width:450px){
.main-user-block-space{min-width:60px!important;}
}
@media (max-width:280px){
.navbar-brand{display:none!important;}
}
.main-user-block-space{min-width:160px;}
@media (max-width:768px){
.main-user-dropdown{min-width:300px!important;}
}
.main-language-dropdown{min-width:800px;box-shadow: 0 .25rem .75rem hsla(0,0%,9%,.1);}
.main-language-dropdown a{border-radius:4px;color:#2e2e2e;text-transform: capitalize;}
.main-language-dropdown .active a{border-radius:4px;font-weight:700!important;}
.main-language-dropdown li{text-transform:none;text-transform: capitalize;overflow: hidden; font-weight: normal; text-overflow: ellipsis; white-space: nowrap;}
.main-language-dropdown li a:hover{background:#009d5321!important; color:#34a753!important;}
.main-language-dropdown li:hover{border-radius:4px!important;}
@media (max-width:768px){
.main-language-dropdown{min-width:200px;}
}
@media (min-width:1050px){
.dropdown:hover .dropdown-menu-hover{display:block;margin-top:0;}
}
.tools-container li a{color:#2e2e2e;padding:16px 0;text-transform: capitalize;}
.tools-container li a:hover{color:#32a250;text-decoration:none;}
@media (max-width:1399.98px){
.tools-container{position:unset;}
}
.pre-footer{background-color:#fff;border-bottom:1px solid hsla(0,0%,96%,.13);border-top:1px solid #e2e2e2;color:#2e2e2e;padding:0 0 15px;}
.pre-footer .nav-title{font-size:16px;font-weight:400;margin-bottom:10px;margin-top:20px;text-indent:9px;}
.pre-footer a{color:#2e2e2e;display:block;font-size:15px;padding:10px;}
.pre-footer a:hover{color:#fff;text-decoration:none;}
.pre-footer a:hover i{color:#fff;}
.pre-footer ul li:not(.nav-title){border-radius:5px;min-height:30px;}
.pre-footer ul li:not(.nav-title) i{border-radius:5px;color:#fff;font-size:14px;margin-right:5px;padding:8px 9px;}
.main-content{background-color:#daefe0;margin-bottom:25px;position:relative;z-index:1;margin-top: 60px;}
.post-content{background-color:#fff;margin-top:0;padding-bottom:90px;padding-top: 30px;width:100%;}
.post-content .header-container i{font-size:2.6em!important;}
.post-content h2{line-height:1.3;margin-bottom:10px;margin-top:40px;font-weight: 400;}
.post-content h3{margin-bottom:10px;margin-top:10px;text-transform:capitalize;font-size: 16px; font-weight:500;}
.post-content .formatpost h3{line-height:1.3;margin-bottom:20px;margin-top:40px;font-weight: 400;font-size: 26px;color: #222;}
.post-content .formatpost .strp{line-height:2;margin-bottom:20px;margin-top:40px;font-weight: 300;font-size: 18px;}
.post-content .formatpost .strp p{color:#626262;font-size: 18px;font-weight: 300;}
.post-content .formatpost .strp.faq{
    font-weight: 500;
}

.header-container h3{margin-bottom: 10px;
    margin-top: 10px;
    text-transform: capitalize;
    font-size: 32px;
    font-weight: 300;}
#star_grade{text-align: center;}
.post-content .formatpost .strp strong{font-weight: 500;
    font-size: 22px;
    margin-right: 20px;
    padding: 0px 4px;}
.content-header{padding:20px 15px;}
.content-header div{margin:auto;}
.content-header div h1{color:#000;font-size:2em;line-height:1.5;margin:0 0 10px;text-transform:capitalize;}
.content-header div h1 strong{
    position: relative;
    background: #34a753;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
background: linear-gradient(90.61deg,#FFC700 6.12%,#39DD7B 36.76%,#22A2FF 74.26%,#A865FF 107.53%);
  background-clip: border-box;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.content-header div h1 strong::after {
    background-image: url("../svg/iloveocr-line.svg");
    background-repeat: no-repeat;
    background-size: 100% 100%;
    content: "";
    display: block;
    height: .5em;
    left: -.2em;
    position: absolute;
    top: calc(100% - .15em);
    width: calc(100% + .4em);
  }
.content-header div p{color:#666;font-size:1.25em;line-height: 28px;font-weight:300;margin:0 auto;text-align:center;width:100%;max-width: 900px;}
.feature-group-link{font-weight:700;padding: 20px 0px 15px;}
.allocr1{
    color: #eb6f0a;
    border-radius: 8px;
    background-color: #fabb053d;
    margin-bottom: 5px;
    padding: 15px 10px 15px 15px !important;
}
.allocr3{
    color: #eb6f0a;
    border-radius: 8px;
    background-color: #ff000017;
    margin-bottom: 5px;
    padding: 15px 10px 15px 15px !important;
}
.allocr5{
    color: #4285f3;
    border-radius: 8px;
    background-color: #4286f330;
    margin-bottom: 5px;
    padding: 15px 10px 15px 15px !important;
}
.allocr7{
    color: #34a753;
    border-radius: 8px;
    background-color: #34a7532e;
    margin-bottom: 5px;
    padding: 15px 10px 15px 15px !important;
}
.feature-group-link.feature-main-7{
    color:#12712b;
    border-bottom: 3px solid transparent;}

    .ocrfilename::before, .feature-group-link.feature-main-7::before{
        content: "";
        width: 138px;
        height: 4;
        margin-top: 36px;
        position: absolute;
        background-color: #f00;
        background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAIoAAAAECAIAAADeXzCbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODFEOUEyMzFBOERFQzcyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTlDNkVFOEVGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTlDNkVFN0VGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZENjQwNjM2MzIwNjgxMTgwODM4RUVFOTdCQkFFREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgxRDlBMjMxQThERUM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw/eHBhY2tldCBlbmQ9InIiPz6z2rdVAAAAMElEQVR42mJkaP/OQHvwb7Y1A10AY%2B85Oln0OYwOtjAxjIJBDEajZzR6RgG5ACDAAGNHBgAfwwAlAAAAAElFTkSuQmCC") no-repeat right bottom;
        left: calc(50% - 70px);
        border-radius: 8px;
    }
.container-1200 .feature-group-link.feature-main-8{
        color:#34a753;}

.container-1200 .feature-group-link.feature-main-7{
    background-color:transparent;
}
.container-1200 .shadow{
    box-shadow:none !important;
}
.post-content strong{font-weight: 400;font-size: 14px;}
.post-content p{font-weight: 300;font-size: 14px;}
@media (max-width:1599.98px){
.post-content p{text-align:justify;}
}
@media (min-width:1600px){
.post-content p{text-align:left;}
}
.tile-link.tile-none{
    background-color: #daefe0;
    border-radius: 18px 18px 0px 0px;
    text-shadow: 0px 3px 6px #0202022b;
    margin-bottom: 20px;
}
div.header-container{font-size:1.3em;padding-top:15px;}
#language-container{bottom:30px;left:10px;position:fixed;z-index:100;min-width: 320px;}
#language-container .no-margin{
    padding-left: 30px;
    text-align: right;
}
#locale_btn_no{margin-right: 14px;background-color: #f0b51b;
    color: #fff;
    min-width: 60px;}
@media (max-width:410px){
#language-container{bottom:0;left:0;right:0;width:100%;}
#language-container #qg-toast{margin-top:0!important; }
#language-container .mb-3{border-radius: 24px 24px 0px 0px;}
}
.convertfile strong{
    font-weight: 500;
    margin-right: 4px;
    margin-left: 4px;
    color: #ff6c00;
}
h1 svg{margin-right: 20px;width: 42px;
    height: 42px;}
.tiletop{border-radius: 18px 18px 0px 0px;}
.tilebuttom{border-radius: 0px 0px 18px 18px;}
#qg-toast{margin-top:5px;}
.language-toast p{font-weight:400;color: #000;font-size: 16px;}
.btn,button{border-radius:4px;}
.btn:focus,button:focus{box-shadow:none;outline:none!important;}
.btn:active,button:active{box-shadow:inset 0 3px 5px rgba(0,0,0,.1);outline:none!important;}
.btn-signup{background:#32a250;border-radius:14px;color:#fff!important;padding-left:20px!important;padding-right:20px!important;}
.btn-signup:hover{background:#00be4d;color:#fff;}
.color-stripe div{height:5px;width:12.5%;}
.qg-consent p{font-size:12px;margin:0;}
.qg-consent .btn{float:right;margin:10px;}
.dropdown-menu{background-clip:inherit!important;border-radius:0;padding:0;box-shadow: 0 .25rem .75rem hsla(0,0%,9%,.1);}
.dropdown-menu.language-selector li{padding:10px;}
.dropdown-menu.language-selector li a{text-decoration:none;}
.dropdown-menu-right{right:-1px;}
@media (max-width:290px){
.dropdown-menu-right{right:-40px;}
}
@media (max-width:241px){
.dropdown-menu-right{right:-3px;}
}
@media (max-width:225px){
.dropdown-menu-right{right:-25px;}
}
@media (max-width:200px){
.dropdown-menu-right{right:-40px;}
}
.dropdown-toggle:after,.dropdown .menu-open{display:none;}
.extension-browser{border-top:3px solid #88c15f;}
.extension-browser svg{float:left;margin:10px 10px 0 0;}
.extension-browser p>*{margin:0 10px;}
#extension-chrome-text,#extension-edge-text,#extension-firefox-text{font-size:18px;line-height:25px;margin:10px 0 25px;}
.extension-browser a{cursor:pointer;text-decoration:none;-webkit-transition:color .15s ease-in-out,background-color .15s ease-in-out;transition:color .15s ease-in-out,background-color .15s ease-in-out;}
.extension-browser a:hover{color:inherit;}
.extension-browser [class*=btn]{background:none;border:none;box-shadow:none;display:inline-block;font-size:15px;letter-spacing:-.3px;line-height:22px;padding:3px 0 5px;text-align:center;vertical-align:middle;}
.extension-browser .btn-extension-install{background-color:#88c15f;border-radius:5px;color:#fff!important;min-width:105px;padding-left:20px;padding-right:20px;}
.badge{border-radius:4px;}
.no-margin{margin:0!important;padding-left: 0px;}
@media (max-width:1049.98px){
.no-sm-border{border:0!important;}
.container-1200 .feature-group-link.feature-main-8,.linebg{
display: none;
}
.compress-preview{display: none;}
}
.no-padding{padding:0!important;}
.p-header{padding:19px 0;}
.p-header-2{padding:10px 0;}
.p-10{padding:10px!important;}
.p-20{padding:26px 30px !important;}
.no-gutters{padding-left:0!important;padding-right:0!important;}
.w-100{width:100%!important;}
.pd-1{padding:10px;font-weight: 300;}
.px-0{padding-left:0!important;padding-right:0!important;}
.px-1{padding-left:6px!important;padding-right:6px!important;}
.px-7{padding-left:8px!important;padding-right:8px!important;}
.pl-0{padding-left:0!important;}
.pr-0{padding-right:0!important;}
.pr-2{padding-right:20px!important;}
.mx-0{margin-left:0!important;margin-right:0!important;}
.mr-0{margin-right:0;}
.mr-1{margin-right:10px!important;}
.ml-2{margin-left:20px!important;}
.font-weight-bold{font-weight:400!important;text-transform: capitalize;}
.shadow{box-shadow:0 0 1px 0 rgba(0,0,0,.3)!important;}
.flex-column{-webkit-box-direction:normal;display:-webkit-box;display:flex;}
.flex-column{-webkit-box-orient:vertical;flex-direction:column;}
.flex{display:-webkit-box;display:flex;}
.br-8{border-radius:4px!important;}
.text-normal{color:#2e2e2e!important;}
.text-green{color:green!important;}
.bg-white{background-color:#fff;}
.bg-main-1{background-color:#fabd054b;}
.bg-main-2{background-color:#e88800;}
.bg-main-3{background-color:#e10337;}
.bg-main-4{background-color:#ba0263;}
.bg-main-5{background-color:#873f95;}
.bg-main-6{background-color:#3c70b3;}
.bg-main-7{background-color:#04ac80;}
.bg-main-8{background-color:#88c15f;}
.bg-main-1-hover:hover{background:#f5bf004f!important;color:#fff!important;}
.bg-main-1-hover:hover a,.bg-main-1-hover:hover i{color:#222!important;}
.bg-main-3-hover:hover{background:#ff000017!important;color:#fff!important;}
.bg-main-3-hover:hover a,.bg-main-3-hover:hover i{color:#222!important;}
.bg-main-5-hover:hover{background:#4286f330!important;color:#fff!important;}
.bg-main-5-hover:hover a,.bg-main-5-hover:hover i{color:#222!important;}
.bg-main-7-hover:hover{background:#34a7532e!important;color:#fff!important;}
.bg-main-7-hover:hover a,.bg-main-7-hover:hover i{color:#222!important;}
.font-default{color:#2e2e2e;}
.hidden{display:none;}
@media (max-width:360px){
.hidden-mobile{display:none;}
.icon-large-mobile{font-size:18px;}
}
.showindex{
    margin-top: -66px;
    border-radius: 8px;
    margin-left: 10px;
    margin-right: 10px;
    margin-bottom: 60px;
    position: relative;
}
.showocr,.showdown{
    position: relative;
}
.showocr::before,.showdown::before{
    content: "";
    width: calc(100% + 40px);
    height: 100%;
    margin-top: 0px;
    box-shadow: 0px 0px 32px 0 rgba(0, 0, 0, 0.18) !important;
    background-color: #fff;
    position: absolute;
    margin-left: -40px;
    border-radius: 18px;
}
.showdown::before{
    background-color: #f5f5f5;
}
.showindex::before{
    content:"";
    width:100%;
    height: calc(100% - 80px);
    margin-top: 80px;
    position: absolute;
}
.showhead{
    padding: 40px 15px;
height: 152px;
background: #fff;
box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
}
.showheadocr{
    padding: 40px 15px;
height: 220px;
background: #fff;
box-shadow: 0 4px 14px 0 rgba(15, 22, 41, 0.06);
}
.showinfor{display: none;}
.d-inline-block{display:inline-block;}
.p-l-5{padding-left:5px!important;}
.p-b-0{padding-bottom:0!important;}
.cursor-pointer,.cursor-pointer:hover{cursor:pointer;}
.z-index-1{z-index:1!important;}
.z-index-2{z-index:2!important;}
.z-index-3{z-index:3!important;}
.nm-t-1{margin-top:-1px!important;}
.w-auto{width:auto;}
.white-space-nowrap{white-space:nowrap;}
.text-indent-05{text-indent:.5em;}
.fg-normal{color:#2e2e2e;text-transform: capitalize;}
.fg-main-hover:hover{color:#32a250;}
.fg-white{color:#fff;}
.icon-30{height:26px;}
.flex-grow-1-unimportant{-webkit-box-flex:1;flex-grow:1;}
@media (min-width:1050px){
.flex-grow-md-0{-webkit-box-flex:0!important;flex-grow:0!important;}
}
@media (min-width:1050px){
.text-md-left{text-align:left!important;}
}
@media (min-width:576px){
.pr-sm-0{padding-left:0!important;}
}
.tile-link{border-radius: 18px;color:#2e2e2e;display:block;margin-bottom:10px;box-shadow: 0px 4px 4px 0 rgba(0, 0, 0, 0.08) !important;}
.tile-link:hover{text-decoration:none;}
.tile-none{box-shadow:none !important;}
@media (max-width:1599.98px){
.tile:not(.tile-static){min-height:130px;}
}
@media (max-width:1520px){
.tile:not(.tile-static){min-height:140px;}
}
@media (max-width:1399.98px){
.tile:not(.tile-static){min-height:150px;}
}
@media (max-width:1300px){
.tile:not(.tile-static){min-height:150px;}
}
@media (max-width:1199.98px){
.tile:not(.tile-static){min-height:135px;}
}
@media (max-width:1049.98px){
.tile:not(.tile-static){min-height:145px;}
.show788 {
    margin: 0 auto !important;
  }
  .container-1200 .feature-group-link.feature-main-7{
    font-size: 12px !important;
  }
  .picker{width: calc(100% - 40px);}
}
@media (max-width:575.98px){
.tile:not(.tile-static){min-height:115px;}
}
@media (max-width:420px){
.tile:not(.tile-static){min-height:130px;}
}
@media (max-width:355px){
.tile:not(.tile-static){min-height:210px;}
}
@media (max-width:195px){
.tile:not(.tile-static){min-height:220px;}
}
@media (max-width:180px){
.tile:not(.tile-static){min-height:250px;}
}
@media (max-width:165px){
.tile:not(.tile-static){min-height:300px;}
}
@media (max-width:150px){
.tile:not(.tile-static){min-height:340px;}
}
@media (max-width:140px){
.tile:not(.tile-static){min-height:420px;}
}
@media (max-width:120px){
.tile:not(.tile-static){min-height:420px;}
}

.all-tools-menu:hover .dropdown-menu{
    display: block;
}
.tile{background-color:#fff;min-height:125px;padding:40px 5px 20px 0;width:100%;border-radius: 10px;}
.tilepdf{
    border-left: 4px solid #e7352c !important;
}
.tileimage{
    border-left: 4px solid #00a245 !important;
}
.tilefile{
    border-left: 4px solid #f6b400 !important;
}
.tilezip{
    border-left: 4px solid #3c76bb !important;
}
.tile.tilepdf:hover .tile-text h3 { color:#e7352c;}
.tile.tileimage:hover .tile-text h3 { color:#00a245;}
.tile.tilefile:hover .tile-text h3 { color:#f6b400;}
.tile.tilezip:hover .tile-text h3 { color:#3c76bb;}

.tile:hover .tile-text,.tile:hover .tile-text h3{color:#222;}
.tile:hover .tile-icon svg{-webkit-transform: scale(1.1);
    transform: scale(1.1);transition: all 0.2s ease;}
.tile-border-left{border-left:0px solid;}
.tile-border-left.tile-main-1{border-color:#f5bf00;}
.tile-border-left.tile-main-3{border-color:#e10337;}
.tile-border-left.tile-main-5{border-color:#873f95;}
.tile-border-left.tile-main-7{border-color:#04ac80;}
.tile-main-1{border-color:#f5bf00;}
.tile-main-1:hover{background-color:#fef9e8;}
.tile-main-1 i{color:#f5bf00;}
.tile-main-3{border-color:#e10337;}
.tile-main-3:hover{background-color:#fff5f5;}
.tile-main-3 i{color:#e10337;}
.tile-main-5{border-color:#873f95;}
.tile-main-5:hover{background-color:#edf3fe;}
.tile-main-5 i{color:#873f95;}
.tile-main-7{border-color:#04ac80;}
.tile-main-7:hover{background-color:#edf7f0;}
.tile-main-7 i{color:#04ac80;}
.container-1200 .tile-main-7:hover{background-color:#fff;}
.tile-text{padding:0 0 0 10px;}
.tile-main-1 .tile-icon img,.tile-main-3 .tile-icon img,.tile-main-5 .tile-icon img,.tile-main-7 .tile-icon img{
    transition: scale .3s;
}
.tile-main-1:hover .tile-icon img,.tile-main-3:hover .tile-icon img,.tile-main-5:hover .tile-icon img,.tile-main-7:hover .tile-icon img{
    scale: 1.1;
}
.tile-text h3{color: #1d8438;
    display: inline;
    font-weight: 400;
    margin: 0px 0 0 0px;
    font-size: 18px;
    text-transform: capitalize;
    padding: 0px;}
.tile-text p{font-weight: 300; min-height: 64px;font-size:14px;margin:6px 0 2px;padding:0 5px 0 0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;opacity: 0.7;}
.tile:hover .tile-text p{
    opacity: 1;
}
.tile-icon svg{display:block;margin:4px auto auto;text-align:center;fill:#ffb600;}
.tile-icon img{display:block;margin:5px auto auto;text-align:center;fill:#ffb600;width: 60px; height: 60px;}
.container-1200 .tile{
    min-height: 65px;
    padding:10px 5px;
}
@media (max-width:767px){
.tile-icon{font-size:10px;padding-left: 0px !important;}
.tile-icon img{width: 44px; height: 44px;display: block !important;padding-left: 10px;padding: 0px;}
.tile-text{padding: 0 0 0 0px;text-align: center;}
.container, .container-fluid{padding: 0px;}
.fileuploader-input-inner h3 span{display: none;}
.shadow a{text-align: left;}
.convertfile p{margin-left: -15px; margin-right: -15px;}
.d-inline-block span{display: none;}
.content-header div h1 strong::after{background-image:none;}
.content-header div h1 span,.post-content{display: none;}
.content-header div h1 strong{font-size:22px;}
.tile-link.tile-none{border-radius: 18px;}
.convertfile p{font-size: 12px;text-align: center;}
.language-toast p{color: #096a22;margin-bottom: 20px;}
.toast{max-width: 100%; box-shadow:0 -.25rem .75rem hsla(0, 0%, 9%, 0.17);border:2px solid #1d84389c;}
.mb-3{margin-bottom: 0px !important; border-radius:24px;}
.justify-content-md-between{display: none !important;}
.toast-body.p-20{background-size: 220px !important;background-position: top left !important;}
.post-content .container{padding: 0px 12px 0px 12px;}
.shadow .tile-text{text-align: center;}
.col-2{display: block;margin: 0 auto 10px;flex: 0 0 100%; max-width: 100%;}
.col-10 {
    flex: 0 0 100.33333333%;
    max-width: 100.33333333%;
  }
  body,.main-content{background-color: #fff;}
  .tile{padding: 30px 0px 30px 0;}
  .tile-border-left{border-color:transparent !important;}
  .tile-text p{padding: 0px;}
  .tile-link{margin-bottom:20px;}
  #language-container{min-width: calc(100% - 20px);}
  .tile-icon svg{width: 60px;height: 60px;}
  .file-list.maxfile .file-item{margin: 10px 0px;}
}
@media (max-width:1109px){
    .showhead{height: 100px;}
    .content-header div h1{font-size: 1.6em;}
    .content-header div p{display: none !important;}
    .col-11.col-md-11.tile-text.show788 {
        text-align: center;
      }
}

.savefile{
    position: absolute;
    left: 180px;
    bottom: 10px;
    font-size: 44px;
    font-weight: 700;
    color: #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background: linear-gradient(90.61deg,#FFC700 6.12%,#39DD7B 36.76%,#22A2FF 74.26%,#A865FF 107.53%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-shadow: 0px 4px 8px #0202021c;
}

 .fileuploader-input .fileuploader-input-button,
 .fileuploader-input .fileuploader-input-caption,
 .fileuploader-items .fileuploader-item .fileuploader-action,
 .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar,
 .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar,
 .fileuploader-items .fileuploader-item span.fileuploader-action-popup,
 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],
 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action],
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
     -webkit-transition: .7s cubic-bezier(.17, .67, 0, 1.01);
     -o-transition: .7s cubic-bezier(.17, .67, 0, 1.01);
     transition: .7s cubic-bezier(.17, .67, 0, 1.01)
 }

 .fileuploader-items .fileuploader-item,
 .fileuploader-items .fileuploader-item .fileuploader-action,
 .fileuploader-items .fileuploader-item .fileuploader-item-icon,
 .fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
 .fileuploader-items .fileuploader-item .fileuploader-item-image img,
 .fileuploader-popup,
 .fileuploader-popup .fileuploader-popup-node {
     -webkit-animation: fileuploaderFadeIn .2s ease;
     animation: fileuploaderFadeIn .2s ease
 }

 .fileuploader-input .fileuploader-input-button,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
     display: inline-block;
     margin: 0;
     padding: 14px 22px;
     border: none;
     border-radius: 30px;
     outline: 0;
     font-weight: 700;
     cursor: pointer;
     vertical-align: middle;
     text-decoration: none
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
     background: #e6ebf4;
     color: #90a0bc
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:hover {
     background: #edf1f7;
     transform: translateY(-1px)
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button:active {
     background: #dfe5f1;
     transform: translateY(1px)
 }

 .fileuploader-input .fileuploader-input-button,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success {
     background: #9658fe;
     background: -moz-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
     background: -webkit-linear-gradient(-45deg, #3a8ffe 0, #9658fe 100%);
     background: linear-gradient(135deg, #3a8ffe 0, #9658fe 100%);
     background-size: 140% auto;
     background-position: center;
     color: #fff;
     box-shadow: 0 4px 18px rgba(0, 0, 0, .04)
 }

 .fileuploader-input .fileuploader-input-button:hover,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:hover {
     background-position: left;
     transform: translateY(-2px)
 }

 .fileuploader-input .fileuploader-input-button:active,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success:active {
     background-position: right;
     transform: translateY(2px)
 }

 .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader,
 .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
 .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after,
 .fileuploader-popup.loading:after {
     content: "";
     position: absolute;
     min-width: 24px;
     min-height: 24px;
     max-width: 48px;
     max-height: 48px;
     background: url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJsb2FkZXItMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiIHdpZHRoPSI0MHB4IiBoZWlnaHQ9IjQwcHgiIHZpZXdCb3g9IjAgMCA1MCA1MCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgNTAgNTA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj48cGF0aCBmaWxsPSIjZGRlNGY2IiBkPSJNNDMuOTM1LDI1LjE0NWMwLTEwLjMxOC04LjM2NC0xOC42ODMtMTguNjgzLTE4LjY4M2MtMTAuMzE4LDAtMTguNjgzLDguMzY1LTE4LjY4MywxOC42ODNoNC4wNjhjMC04LjA3MSw2LjU0My0xNC42MTUsMTQuNjE1LTE0LjYxNWM4LjA3MiwwLDE0LjYxNSw2LjU0MywxNC42MTUsMTQuNjE1SDQzLjkzNXoiPjxhbmltYXRlVHJhbnNmb3JtIGF0dHJpYnV0ZVR5cGU9InhtbCIgYXR0cmlidXRlTmFtZT0idHJhbnNmb3JtIiB0eXBlPSJyb3RhdGUiIGZyb209IjAgMjUgMjUiIHRvPSIzNjAgMjUgMjUiIGR1cj0iMC42cyIgcmVwZWF0Q291bnQ9ImluZGVmaW5pdGUiLz4gPC9wYXRoPiA8L3N2Zz4=) no-repeat center;
     background-size: contain
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon i,
 .fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
 .fileuploader-items .fileuploader-item .fileuploader-item-image img,
 .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after,
 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after,
 .fileuploader-popup .fileuploader-popup-move:after,
 .fileuploader-popup.loading:after {
     left: 50%;
     top: 50%;
     -webkit-transform: translateX(-50%) translateY(-50%);
     transform: translateX(-50%) translateY(-50%)
 }

 .fileuploader-items .fileuploader-item .fileuploader-action,
 .fileuploader-items .fileuploader-item .progress-bar2 span {
     top: 50%;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .fileuploader-input .fileuploader-input-button,
 .fileuploader-items .fileuploader-item .fileuploader-item-icon,
 .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar,
 .fileuploader-popup .fileuploader-cropper,
 .fileuploader-popup .fileuploader-cropper *,
 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action],
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button,
 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button.button-success,
 .fileuploader-popup .fileuploader-popup-move,
 .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     user-select: none
 }

 .fileuploader,
 .fileuploader *,
 .fileuploader :after,
 .fileuploader :before,
 .fileuploader-popup,
 .fileuploader-popup *,
 .fileuploader-popup :after,
 .fileuploader-popup :before {
     box-sizing: border-box
 }

 .fileuploader,
 .fileuploader-popup {
     font-weight: 400;
     font-size: 14px;
     line-height: normal;
     text-align: left
 }

 .fileuploader button,
 .fileuploader-popup button {
     display: inline-block;
     padding: 0;
     margin: 0;
     border: 0;
     font: inherit;
     background: 0 0;
     box-shadow: none
 }

 .fileuploader button:focus,
 .fileuploader-popup button:focus {
     outline: 0
 }

 .fileuploader {
     display: block;
     width: 100%;
     padding: 16px 16px 0px 0px;
     margin: 16px 0;
     background: #fafbfd;
     border-radius: 6px
 }

 .fileuploader-icon-main {
     display: inline-block;
     font-size: 18px;
     color: #789bec
 }

 .fileuploader-input {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     border: 1px solid transparent;
     border-radius: 30px;
     cursor: pointer
 }

 .fileuploader-input .fileuploader-input-caption {
     position: relative;
     display: inline-block;
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     -ms-flex-item-align: start;
     align-self: flex-start;
     padding: 13px 16px;
     margin-right: 16px;
     background: #fff;
     border: 1px solid #ebeef1;
     border-radius: 30px;
     color: #789bec;
     box-shadow: 0 4px 18px rgba(0, 0, 0, .01);
     font-weight: 700;
     white-space: nowrap;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fileuploader-focused .fileuploader-input .fileuploader-input-caption {
     border-color: #789bec
 }

 .fileuploader-input .fileuploader-input-caption .fileuploader-pending-loader {
     position: relative;
     display: inline-block;
     vertical-align: middle;
     min-height: 22px;
     margin-right: 6px
 }

 .fileuploader-input.fileuploader-dragging {
     background: #fff;
     border: 1px solid #ebeef1;
     border-style: dashed
 }

 .fileuploader-input.fileuploader-dragging .fileuploader-input-caption {
     border-color: transparent
 }

 .fileuploader-input.fileuploader-dragging .fileuploader-input-button {
     -webkit-transform: translateX(100%);
     transform: translateX(100%);
     opacity: 0
 }

 .fileuploader-disabled .fileuploader-input {
     opacity: .5;
     cursor: default;
     pointer-events: none !important
 }

 .fileuploader-items .fileuploader-items-list {
     display: block;
     margin: 0 -16px;
     padding: 0;
     list-style: none
 }

 .fileuploader-items .fileuploader-item {
     position: relative;
     margin: 0;
     padding: 15px 12px 15px 22px;
     border-bottom: 1px solid #ebeef1;
     animation-duration: .6s;
     border-radius: 18px;
     border: 1px solid transparent;
 }

 .fileuploader-items .fileuploader-item:hover {
    background-color: #34a7532e;
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
  }

 .fileuploader-items .fileuploader-item:last-child {
     border-bottom: 0;
     margin-bottom: 20px
 }

 .fileuploader-items .fileuploader-item.upload-failed {
     background: rgba(254, 84, 111, .06)
 }

 .fileuploader-items .fileuploader-item.upload-pending .fileuploader-action-remove:after {
     position: absolute;
     left: -8px;
     top: -8px;
     width: 36px;
     height: 36px
 }

 .fileuploader-items .fileuploader-item .columns {
     position: relative;
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
     z-index: 2
 }

 .fileuploader-items .fileuploader-item .column-thumbnail {
     position: relative;
     width: 36px;
     height: 36px
 }

 .fileuploader-items .fileuploader-item .column-title {
     -webkit-box-flex: 1;
     -ms-flex: 1;
     flex: 1;
     padding-left: 16px;
     padding-right: 16px;
     color: #74809d;
     overflow: hidden
 }

 .fileuploader-items .fileuploader-item .column-title a {
     display: inline-block;
     width: 100%;
     height: 100%;
     color: #74809d;
     text-decoration: none
 }

 .fileuploader-items .fileuploader-item .column-title div {
     width: 100%;
     font-weight: 500;
     text-overflow: ellipsis;
     white-space: nowrap;
     overflow: hidden;
     color: #116427;
     text-shadow: 0px 2px 3px #02020245;
 }

 .fileuploader-items .fileuploader-item .column-title span {
     font-size: 12px;
     color: #5fa371
 }

 .fileuploader-items .fileuploader-item .column-actions {
     margin: 0 16px
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-image {
     position: relative;
     width: 100%;
     height: 100%;
     border-radius: 6px;
     overflow: hidden
 }
 .fileuploader-items .fileuploader-item:hover .fileuploader-item-image{
    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !important;
 }
 .fileuploader-items .fileuploader-item .fileuploader-item-image.fileuploader-loading:after {
     content: "";
     width: 50%;
     height: 50%
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-image canvas,
 .fileuploader-items .fileuploader-item .fileuploader-item-image img {
     position: absolute;
     max-width: none;
     max-height: 100%;
     background: #fff
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon {
     position: relative;
     width: 100%;
     height: 100%;
     text-align: center;
     color: #fff;
     font-size: 11px;
     border-radius: 4px;
     cursor: default;
     background-color: #ddd;
     background-position: center;
     background-repeat: no-repeat;
     background-size: 28px
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon.is-bright-color {
     color: #888
 }

 .fileuploader-items .fileuploader-item .fileuploader-item-icon i {
     position: absolute;
     display: block;
     width: 90%;
     font-style: normal;
     font-weight: 700;
     overflow: hidden;
     white-space: nowrap
 }

 .fileuploader-items .fileuploader-item span.fileuploader-action-popup {
     display: none;
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(43, 56, 71, .2);
     border-radius: 6px;
     cursor: pointer;
     opacity: 0
 }

 .fileuploader-items .fileuploader-item span.fileuploader-action-popup:hover {
     opacity: 1
 }

 .fileuploader-items .fileuploader-item span.fileuploader-action-popup:active {
     background: rgba(43, 56, 71, .4)
 }

 .fileuploader-items .fileuploader-item .fileuploader-action {
     position: relative;
     display: inline-block;
     width: 24px;
     height: 24px;
     color: #c0c6d2;
     cursor: pointer;
     vertical-align: top;
     text-align: center
 }

 .fileuploader-items .fileuploader-item .fileuploader-action+.fileuploader-action {
     margin-left: 16px
 }

 .fileuploader-items .fileuploader-item .fileuploader-action:hover {
     color: #789bec
 }

 .fileuploader-items .fileuploader-item .fileuploader-action:active {
     color: #668ee9
 }

 .fileuploader-items .fileuploader-item .fileuploader-action i {
     width: 100%;
     height: 100%;
     font-size: 20px;
     line-height: 24px
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove {
     color: #fff;
     background: #fe7676;
     border-radius: 7px;
     box-shadow: -1px 1px 6px rgba(254, 118, 118, .8)
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove i {
     font-size: 14px;
     text-shadow: none
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:hover {
     background-color: #fe8a8a
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove:active {
     background-color: #fe6262
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success {
     color: #fff;
     background: #26b34c;
     box-shadow: -1px 1px 6px rgba(67, 208, 132, .8);
     border-radius: 7px;
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success i {
     font-size: 18px;
     text-shadow: none
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:hover {
     background-color: #53d48f
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-success:active {
     background-color: #33cc79
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success i:before {
     content: ""
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active,
 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover {
     background: #fe7676;
     box-shadow: -1px 1px 6px rgba(254, 118, 118, .8)
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active i:before,
 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:hover i:before {
     content: ""
 }

 .fileuploader-items .fileuploader-item .fileuploader-action.fileuploader-action-remove.fileuploader-action-success:active {
     background-color: #fe6262
 }

 .fileuploader-items .fileuploader-item.file-has-popup span.fileuploader-action-popup {
     display: block
 }

 .fileuploader-items .fileuploader-item .fileuploader-progressbar {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     height: 8px;
     border-radius: 10px
 }

 .fileuploader-items .fileuploader-item .fileuploader-progressbar .bar {
     position: absolute;
     left: 0;
     top: 0;
     width: 0%;
     height: 100%;
     border-radius: 6px;
     background: #2f994c;
     box-shadow: 0 4px 8px -1px #2f994ba6
 }

 .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     z-index: 1
 }

 .fileuploader-items .fileuploader-item .progress-bar2 .fileuploader-progressbar .bar {
     position: absolute;
     left: 0;
     top: 0;
     width: 0%;
     height: 100%;
     border-radius: 0;
     background: rgba(104, 125, 219, .08);
     box-shadow: none
 }

 .fileuploader-items .fileuploader-item .progress-bar2 span {
     position: absolute;
     right: 16px;
     color: rgba(151, 159, 184, .16);
     font-size: 48px
 }

 .fileuploader-items .fileuploader-item.sorting {
     background: #fafbfd;
     border-radius: 6px;
     opacity: .8;
     box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
     z-index: 799
 }

 .fileuploader-items .fileuploader-item.sorting,
 .fileuploader-items .fileuploader-item.sorting .fileuploader-action,
 .fileuploader-items .fileuploader-item.sorting .fileuploader-item-icon,
 .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image canvas,
 .fileuploader-items .fileuploader-item.sorting .fileuploader-item-image img {
     -webkit-animation: none;
     animation: none
 }

 .fileuploader-items .fileuploader-sorter-placeholder {
     background: rgba(0, 0, 0, .03);
     margin: 0;
     padding: 0;
     -webkit-animation: none;
     animation: none
 }

 .file-type-image .fileuploader-item-icon {
     background-color: #3982fe !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7,8.5C7,7.119,8.119,6,9.5,6S12,7.119,12,8.5S10.881,11,9.5,11S7,9.881,7,8.5z M14.5,11l-4,6l-2-3L5,19h15L14.5,11z'/%3E%3C/svg%3E")
 }

 .file-type-image .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-type-audio .fileuploader-item-icon {
     background-color: #66d043 !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M13.21,5h-1.07v9.613c-0.685-0.381-1.62-0.504-2.58-0.271c-1.687,0.405-2.812,1.753-2.511,3.007c0.3,1.254,1.913,1.939,3.6,1.533c1.544-0.369,2.615-1.527,2.558-2.682h0.003V8.34c1.752,1.296,3.29,1.123,3.575,4.21C20.188,7.362,13.354,7.498,13.21,5z'/%3E%3C/svg%3E")
 }

 .file-type-audio .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-type-video .fileuploader-item-icon {
     background-color: #9868ff !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M16.81 11.28L8.487 6.107a.622.642 0 0 0-.326-.1c-.326 0-.592.28-.592.623h-.003l.003 10.738c0 .344.266.623.592.623.123 0 .225-.044.335-.106l8.315-5.166a.91.94 0 0 0 .323-.72.96.96 0 0 0-.323-.721z'/%3E%3C/svg%3E")
 }

 .file-type-video .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-rar .fileuploader-item-icon,
 .file-ext-zip .fileuploader-item-icon {
     background-color: #ffd236 !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M6,11h12v2H6V11z M6,15h8v2H6V15z M6,7h12v2H6V7z'/%3E%3C/svg%3E")
 }

 .file-ext-rar .fileuploader-item-icon i,
 .file-ext-zip .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-pdf .fileuploader-item-icon {
     background-color: #ef5350 !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M17.61 13.224c-.336-.115-.752-.16-1.242-.15l-.84.06-.952.158-.906-.958c-.662-.808-1.23-1.684-1.732-2.6l.257-.608.283-.825c.153-.528.227-.985.192-1.37-.117-1.353-.86-2.218-1.9-2.127S9.164 5.88 9.28 7.23c.03.354.16.752.37 1.196a8.11 8.11 0 0 0 .396.743l.56.846-.132.35-1.12 2.846-.705 1.628-.068.012-.797.17-.838.24c-.52.178-.937.38-1.232.63-1.04.87-1.324 1.978-.658 2.77s1.807.707 2.848-.164c.272-.23.523-.563.77-.988a8.87 8.87 0 0 0 .381-.75c.078-.17.137-.35.207-.522l.173-.364 3.614-1 1.18-.256.47.502.64.595c.42.354.808.606 1.174.733 1.283.442 2.376.115 2.712-.862s-.326-1.917-1.6-2.36zM10.88 5.94c.314-.028.595.3.663 1.09.02.215-.034.546-.15.95l-.263.79-.454-.83c-.156-.333-.248-.613-.265-.807-.068-.79.154-1.162.47-1.2zM7.683 16.947c-.183.32-.36.555-.5.68-.606.508-1.04.54-1.242.298s-.096-.66.51-1.168c.166-.14.467-.286.864-.42l.8-.24-.423.85zm5.104-3.19l-2.74.735.353-.847.193-.475.807-2.082c.417.673.878 1.344 1.4 1.976l.5.58-.524.114zm5.35 1.452c-.103.298-.517.422-1.265.163-.203-.07-.484-.254-.805-.524l-.617-.562.947-.075c.367-.01.66.022.844.086.748.258.998.612.896.912z'/%3E%3C/svg%3E")
 }

 .file-ext-pdf .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-doc .fileuploader-item-icon,
 .file-ext-docx .fileuploader-item-icon,
 .file-ext-rtf .fileuploader-item-icon {
     background-color: #2372ba !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM7.974 8.5h-1.33l.922 7h1.708l.73-5.22.702 5.22h1.714l.938-7h-1.26l-.645 5.613L10.72 8.5h-1.4l-.77 5.613L7.974 8.5zM19 6h-3v12h3V6z'/%3E%3C/svg%3E")
 }

 .file-ext-doc .fileuploader-item-icon i,
 .file-ext-docx .fileuploader-item-icon i,
 .file-ext-rtf .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-xls .fileuploader-item-icon,
 .file-ext-xlsx .fileuploader-item-icon {
     background-color: #14a73c !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M5 17.33V6.67L15 4v16L5 17.33zM19 6h-3v12h3V6zm-6.148 9.5l-2.08-3.5 2.043-3.5H11.57l-1.244 2.246c-.047.196-.125.382-.232.554-.088-.173-.158-.354-.21-.54l-1.2-2.26H7.338L9.33 12l-2.182 3.5h1.338l1.396-2.416c.066-.14.117-.385.14-.385a1.58 1.58 0 0 1 .131.385l1.38 2.416h1.32z'/%3E%3C/svg%3E")
 }

 .file-ext-xls .fileuploader-item-icon i,
 .file-ext-xlsx .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-pps .fileuploader-item-icon,
 .file-ext-ppsx .fileuploader-item-icon,
 .file-ext-ppt .fileuploader-item-icon,
 .file-ext-pptx .fileuploader-item-icon {
     background-color: #f26522 !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M11,13h6.975c-0.256,3.355-3.054,6-6.475,6C7.91,19,5,16.09,5,12.5c0-3.421,2.645-6.219,6-6.475V13zM13,5.025V11h5.975C18.731,7.811,16.189,5.269,13,5.025z'/%3E%3C/svg%3E")
 }

 .file-ext-pps .fileuploader-item-icon i,
 .file-ext-ppsx .fileuploader-item-icon i,
 .file-ext-ppt .fileuploader-item-icon i,
 .file-ext-pptx .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-psd .fileuploader-item-icon {
     background-color: #3172eb !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M7.853 11.374h.61c.57 0 .997-.112 1.28-.338s.424-.553.424-.983c0-.435-.12-.755-.356-.962S9.2 8.78 8.695 8.78h-.842v2.595zm4.183-1.387c0 .94-.293 1.66-.88 2.157s-1.424.747-2.507.747h-.796V16H6V7.262h2.79c1.06 0 1.867.228 2.417.683s.83 1.137.828 2.042zM18 14.016c0 .686-.238 1.207-.714 1.565s-1.188.538-2.137.538a6.63 6.63 0 0 1-1.243-.098c-.33-.063-.652-.16-.96-.29v-1.506c.367.17.75.303 1.144.4a4.66 4.66 0 0 0 1.122.161c.66 0 .99-.2.99-.573.005-.13-.042-.256-.13-.35a1.93 1.93 0 0 0-.454-.305c-.214-.112-.5-.244-.86-.397-.514-.215-.892-.414-1.133-.597-.225-.164-.405-.38-.526-.63-.11-.24-.163-.53-.163-.877 0-.594.23-1.053.69-1.377s1.112-.487 1.958-.487c.804 0 1.588.175 2.35.525l-.552 1.315c-.307-.134-.62-.25-.938-.353-.287-.092-.588-.138-.89-.138-.54 0-.807.146-.807.437 0 .163.085.305.26.424s.552.297 1.14.532c.52.21.904.408 1.147.592s.422.395.537.633.173.527.173.858z'/%3E%3C/svg%3E")
 }

 .file-ext-psd .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-ai .fileuploader-item-icon {
     background-color: #ff9e00 !important;
     background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath d='M12.58 16l-.6-2.072H8.964L8.364 16h-1.89l2.922-8.738h2.145L14.473 16H12.58zm-1.02-3.618l-.937-3.185-.15-.582-1.07 3.767h2.155zm3.452-4.756c0-.59.328-.886.986-.886s.986.294.986.886c0 .282-.078.502-.244.656-.164.16-.412.238-.742.238-.658 0-.986-.298-.986-.894zM16.908 16h-1.816V9.347h1.816V16z'/%3E%3C/svg%3E")
 }

 .file-ext-ai .fileuploader-item-icon i {
     visibility: hidden;
     color: #fff
 }

 .file-ext-txt .fileuploader-item-icon {
     background-color: #454545 !important
 }

 .file-ext-txt .fileuploader-item-icon i {
     color: #fff !important
 }

 .file-ext-css .fileuploader-item-icon {
     background-color: #26a69a !important
 }

 .file-ext-css .fileuploader-item-icon i {
     color: #fff !important
 }

 .file-ext-html .fileuploader-item-icon {
     background-color: #cf33a8 !important
 }

 .file-ext-html .fileuploader-item-icon i {
     color: #fff !important
 }

 .fileuploader-popup {
     position: fixed;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     overflow: hidden;
     background: #191d1e;
     z-index: 1090;
     animation-duration: .4s
 }

 .fileuploader-popup.loading:after {
     width: 48px;
     height: 48px;
     z-index: 8
 }

 .fileuploader-popup .fileuploader-popup-preview {
     position: relative;
     width: 100%;
     height: 100%;
     overflow: auto;
     z-index: 2
 }

 .fileuploader-popup .fileuploader-popup-node {
     position: relative;
     display: flex;
     flex-direction: row;
     align-items: flex-start;
     justify-content: flex-start;
     max-width: 100%;
     height: 100%;
     min-width: 20px;
     min-height: 20px;
     padding: 80px 56px 64px;
     overflow: hidden
 }

 .fileuploader-popup .fileuploader-popup-node.is-zoomed {
     display: block
 }

 .fileuploader-popup .fileuploader-popup-node .reader-node {
     position: relative;
     max-width: 100%;
     max-height: 100%;
     text-align: center;
     -webkit-transform: translateZ(0);
     transform: translateZ(0)
 }

 .fileuploader-popup .fileuploader-popup-node .reader-node.is-movable {
     cursor: grab
 }

 .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover,
 .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving {
     cursor: grabbing
 }

 .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .area-move,
 .fileuploader-popup .fileuploader-popup-node .reader-node.is-amoving:hover .point,
 .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .area-move,
 .fileuploader-popup .fileuploader-popup-node .reader-node.is-moving .point {
     cursor: grabbing !important
 }

 .fileuploader-popup .fileuploader-popup-node.node-astext .reader-node>div,
 .fileuploader-popup .fileuploader-popup-node.node-audio .reader-node>audio,
 .fileuploader-popup .fileuploader-popup-node.node-image .reader-node>img,
 .fileuploader-popup .fileuploader-popup-node.node-video .reader-node>video {
     width: auto;
     max-width: 100%;
     max-height: 100%;
     min-width: 0;
     margin: 0;
     padding: 0;
     color: #47525d;
     background: #fafafa;
     box-shadow: 0 0 18px rgba(0, 0, 0, .4);
     -webkit-transform: translateZ(0);
     transform: translateZ(0);
     border-radius: 0;
     outline: 0
 }

 .fileuploader-popup .fileuploader-popup-node.node-audio .reader-node audio {
     width: 450px;
     border-radius: 34px
 }

 .fileuploader-popup .fileuploader-popup-node.node-application .reader-node iframe {
     width: 100%;
     height: 100%;
     border: 0;
     border-radius: 3px
 }

 .fileuploader-popup .fileuploader-popup-node.node-astext .reader-node div {
     max-width: 992px;
     padding: 20px;
     margin: 0 auto;
     font-size: 14px;
     line-height: 16px;
     text-align: left;
     overflow-y: auto;
     white-space: pre-wrap
 }

 .fileuploader-popup .fileuploader-popup-node.has-node-centered {
     display: block
 }

 .fileuploader-popup .fileuploader-popup-node.has-node-centered .reader-node {
     flex: 1;
     display: flex;
     flex-direction: column;
     align-items: center;
     justify-content: center;
     width: 100%;
     height: 100%
 }

 .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon {
     position: relative;
     display: inline-block;
     width: 80px;
     height: 80px;
     background: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNDkiIGhlaWdodD0iNjQiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgcHJlc2VydmVBc3BlY3RSYXRpbz0ieE1pZFlNaWQiPiA8Zz4gIDx0aXRsZT5iYWNrZ3JvdW5kPC90aXRsZT4gIDxyZWN0IGZpbGw9Im5vbmUiIGlkPSJjYW52YXNfYmFja2dyb3VuZCIgaGVpZ2h0PSI0MDIiIHdpZHRoPSI1ODIiIHk9Ii0xIiB4PSItMSIvPiA8L2c+IDxnPiAgPHRpdGxlPkxheWVyIDE8L3RpdGxlPiAgPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBmaWxsPSIjYmJjYWNmIiBpZD0ic3ZnXzIiIGQ9Im00OSwxNi44NDJsMCw0Mi4xMDVjMCwyLjc5MSAtMi4yNyw1LjA1MyAtNS4wNjksNS4wNTNsLTM4Ljg2MiwwYy0yLjgsMCAtNS4wNjksLTIuMjYyIC01LjA2OSwtNS4wNTNsMCwtNTMuODk0YzAsLTIuNzkxIDIuMjY5LC01LjA1MyA1LjA2OSwtNS4wNTNsMjcuMDM0LDBsMTYuODk3LDE2Ljg0MnoiIGNsYXNzPSJjbHMtMSIvPiAgPHBhdGggZmlsbD0iI2RmZWFlZSIgZmlsbC1ydWxlPSJldmVub2RkIiBpZD0ic3ZnXzQiIGQ9Im00OSwxNS44OTlsMCwyLjA5NmwtMTMuODEzLDBjLTIuODYsMCAtNC4xNzksLTIuMzIgLTQuMTc5LC01LjE4MWwwLC0xMi44MTRsMi4wOTIsMGwxNS45LDE1Ljg5OXoiIGNsYXNzPSJjbHMtMyIvPiA8L2c+PC9zdmc+) no-repeat center;
     background-size: contain
 }

 .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div {
     position: absolute;
     bottom: 14px;
     left: 0;
     padding: 4px 6px;
     border-radius: 4px;
     color: #fff;
     max-width: 100%;
     background-image: none;
     word-wrap: break-word
 }

 .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div.is-bright-color {
     color: #888
 }

 .fileuploader-popup .fileuploader-popup-node .fileuploader-popup-file-icon div i {
     text-transform: uppercase;
     font-style: normal;
     font-weight: 700;
     white-space: nowrap;
     visibility: visible
 }

 .fileuploader-popup .fileuploader-popup-content {
     color: #fdfdfd;
     text-shadow: 1px 1px 1px rgba(0, 0, 0, .4)
 }

 .fileuploader-popup .fileuploader-popup-content ul {
     list-style: none;
     margin: 0;
     padding: 0
 }

 .fileuploader-popup .fileuploader-popup-content ul li {
     display: inline-block;
     padding: 0;
     margin: 0
 }

 .fileuploader-popup .fileuploader-popup-content ul li+li {
     margin-left: 16px
 }

 .fileuploader-popup .fileuploader-popup-header {
     position: absolute;
     top: 0;
     left: 0;
     display: flex;
     flex-direction: row;
     align-items: center;
     width: 100%;
     padding: 16px;
     background: rgba(0, 0, 0, .8);
     background: -moz-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     background: -webkit-linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     background: linear-gradient(360deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     z-index: 2
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
     display: flex;
     flex: 1;
     white-space: nowrap;
     overflow: hidden
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta li:first-child {
     overflow: hidden
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta span {
     display: block;
     color: #80868b;
     font-size: 14px
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta h5 {
     max-width: 100%;
     margin: 4px 0 0;
     font-size: 14px;
     font-weight: 700;
     text-overflow: ellipsis;
     overflow: hidden
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-info:not(:empty) {
     flex: 1;
     margin-left: 16px
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
     margin-left: 16px
 }

 .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-button {
     padding: 14px 24px;
     text-shadow: none
 }

 .fileuploader-popup .fileuploader-popup-footer {
     position: absolute;
     left: 0;
     bottom: 0;
     width: 100%;
     text-align: center;
     background: rgba(0, 0, 0, .8);
     background: -moz-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     background: -webkit-linear-gradient(0deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0, rgba(0, 0, 0, .8) 100%);
     z-index: 2
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] {
     display: inline-block;
     padding: 16px;
     padding-bottom: 13px;
     cursor: pointer;
     text-decoration: none;
     color: #fdfdfd;
     border-bottom: 3px solid transparent
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action] i {
     display: inline-block;
     font-size: 18px;
     margin-top: -4px;
     margin-right: 6px;
     vertical-align: middle
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li [data-action]:hover {
     border-bottom-color: #789bec;
     color: #fff
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
     font-size: 14px
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action] {
     width: 24px;
     height: 24px;
     line-height: 24px;
     font-size: 16px;
     border: none;
     border-radius: 50%;
     padding: 0;
     vertical-align: middle;
     color: #fdfdfd;
     background: rgba(255, 255, 255, .1);
     text-shadow: none
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer button[data-action]:hover {
     background: rgba(255, 255, 255, .3)
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input {
     display: inline-block;
     -webkit-appearance: none;
     width: 130px;
     padding: 0;
     margin: 0 16px;
     vertical-align: middle;
     background: 0 0
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input:focus {
     outline: 0
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-runnable-track {
     width: 100%;
     height: 4px;
     cursor: pointer;
     animate: .2s;
     box-shadow: none;
     background: #789bec;
     border-radius: 6px
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-webkit-slider-thumb {
     height: 14px;
     width: 14px;
     border-radius: 50%;
     border: 0;
     background: #fff;
     cursor: pointer;
     -webkit-appearance: none;
     margin-top: -5px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, .8)
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-track {
     width: 100%;
     height: 4px;
     cursor: pointer;
     animate: .2s;
     box-shadow: none;
     background: #789bec;
     border-radius: 6px
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer input::-moz-range-thumb {
     height: 14px;
     width: 14px;
     border-radius: 50%;
     border: 0;
     background: #fff;
     cursor: pointer;
     -webkit-appearance: none;
     margin-top: -5px;
     box-shadow: 2px 2px 8px rgba(0, 0, 0, .8)
 }

 .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer span {
     display: inline-block;
     min-width: 40px;
     text-align: center;
     margin-left: 6px;
     color: #fff;
     vertical-align: middle
 }

 .fileuploader-popup .fileuploader-popup-move {
     position: absolute;
     display: none;
     width: 56px;
     height: 100%;
     font-size: 24px;
     bottom: 0;
     left: 0;
     color: #fff;
     opacity: .4;
     cursor: pointer;
     z-index: 1
 }

 .fileuploader-popup .fileuploader-popup-move:hover {
     opacity: 1
 }

 .fileuploader-popup .fileuploader-popup-move:after {
     position: absolute
 }

 .fileuploader-popup .fileuploader-popup-move[data-action=next] {
     left: auto;
     right: 0
 }

 .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-move {
     display: inline-block
 }

 .fileuploader-popup .fileuploader-cropper {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     background: rgba(17, 20, 27, .65);
     z-index: 9
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area {
     position: absolute;
     left: 0;
     top: 0;
     width: 0;
     height: 0;
     z-index: 2;
     -webkit-transform: translateZ(0);
     -moz-transform: translateZ(0);
     -ms-transform: translateZ(0);
     -o-transform: translateZ(0);
     transform: translateZ(0)
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after,
 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
     content: "";
     position: absolute;
     border: 1px solid rgba(250, 250, 250, .8);
     opacity: 0;
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     z-index: 1
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:before {
     top: 0;
     left: 50%;
     height: 100%;
     width: 34%;
     border-top: 0;
     border-bottom: 0;
     -webkit-transform: translateX(-50%);
     transform: translateX(-50%)
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid:after {
     top: 50%;
     left: 0;
     height: 34%;
     width: 100%;
     border-left: 0;
     border-right: 0;
     -webkit-transform: translateY(-50%);
     transform: translateY(-50%)
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:after,
 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.has-grid.moving:before {
     opacity: 1
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point {
     position: absolute;
     width: 24px;
     height: 24px;
     z-index: 3
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point:after {
     content: "";
     width: 12px;
     height: 12px;
     position: absolute;
     background: #fff;
     box-shadow: 0 0 6px rgba(0, 0, 0, .4);
     border-radius: 50%
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-a {
     top: -12px;
     left: -12px;
     cursor: nw-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-b {
     top: -12px;
     left: 50%;
     margin-left: -12px;
     cursor: n-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-c {
     top: -12px;
     right: -12px;
     cursor: ne-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-d {
     top: 50%;
     right: -12px;
     margin-top: -12px;
     cursor: w-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-e {
     bottom: -12px;
     right: -12px;
     cursor: nw-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-f {
     bottom: -12px;
     left: 50%;
     margin-left: -12px;
     cursor: s-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-g {
     bottom: -12px;
     left: -12px;
     cursor: sw-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .point.point-h {
     left: -12px;
     top: 50%;
     margin-top: -12px;
     cursor: w-resize
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move {
     position: absolute;
     width: 100%;
     height: 100%;
     z-index: 2;
     cursor: move
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-move:after {
     content: "";
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
     border: 1px solid rgba(255, 255, 255, .8)
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image {
     position: relative;
     overflow: hidden;
     width: 100%;
     height: 100%
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-image img {
     width: auto;
     height: auto;
     max-width: none;
     max-height: none;
     position: absolute;
     left: 0;
     top: 0;
     -webkit-transform-origin: top left;
     transform-origin: top left
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area .area-info {
     position: absolute;
     bottom: -12px;
     left: 50%;
     color: #fff;
     font-family: 'Open Sans', sans-serif;
     line-height: 1;
     font-size: 12px;
     text-align: center;
     padding: 4px 8px;
     background: rgba(0, 0, 0, .6);
     border-radius: 14px;
     white-space: nowrap;
     opacity: 0;
     -webkit-transform: translateX(-50%) translateY(100%);
     transform: translateX(-50%) translateY(100%);
     -webkit-transition: all .4s ease;
     transition: all .4s ease;
     z-index: 2
 }

 .fileuploader-popup .fileuploader-cropper .fileuploader-cropper-area.show-info .area-info {
     opacity: 0
 }

 @media all and (max-width:768px) {
    .content-header div h1{
        line-height:1.1;
        font-size: 16px;
    }
    .showocr::before,.showdown::before{box-shadow: none !important;}
    .icon30{
        width: 24px;
height: 24px;
    }
    .showhead p{display: none !important;}
    .showhead{
        height: 80px;
    }
    .showheadocr p{display: none !important;}
    .showheadocr{
        height: 80px;
    }
     .fileuploader-popup .fileuploader-popup-header {
         display: block;
         padding: 0
     }

     .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-meta {
         padding: 16px
     }

     .fileuploader-popup .fileuploader-popup-header .fileuploader-popup-buttons {
         position: fixed;
         left: 0;
         bottom: 16px;
         width: 100%;
         margin: 0;
         text-align: center
     }

     .fileuploader-popup .fileuploader-popup-node {
         padding-left: 16px;
         padding-right: 16px;
         padding-bottom: 117px
     }

     .fileuploader-popup .fileuploader-popup-footer {
         bottom: 61px;
         background: 0 0
     }

     .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-zoomer {
         display: none
     }

     .fileuploader-popup .fileuploader-popup-footer .fileuploader-popup-tools li a:hover {
         border-color: transparent
     }

     .fileuploader-popup .fileuploader-popup-move {
         width: 30px
     }

     .fileuploader-popup .fileuploader-popup-has-arrows .fileuploader-popup-node {
         padding-left: 30px;
         padding-right: 30px
     }
     .fileuploader{ padding:0px}
     .buy-badge{top:18px !important;}
 }

 @-webkit-keyframes fileuploaderFadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }

 @keyframes fileuploaderFadeIn {
     from {
         opacity: 0
     }

     to {
         opacity: 1
     }
 }
/* input */

@-webkit-keyframes candystripe {
    to {
      background-position: 20px 0;
    }
  }
  @-moz-keyframes candystripe {
    to {
      background-position: 20px 0;
    }
  }
  @keyframes candystripe {
    to {
      background-position: 20px 0;
    }
  }
.fileuploader-items .fileuploader-item .fileuploader-progressbar .bar{
    background-color: #309a4c;
    box-shadow: 0 0 6px 2px rgba(255, 255, 255, 0.3) inset;
    background-image: linear-gradient(-45deg, rgba(255, 255, 255, 0.35) 25%, rgba(255, 255, 255, 0) 25%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.35) 50%, rgba(255, 255, 255, 0.35) 75%, rgba(255, 255, 255, 0) 75%, rgba(255, 255, 255, 0));
    background-repeat: repeat-x;
    background-size: 20px 20px;
    -webkit-animation: candystripe 1s linear infinite;
    -moz-animation: candystripe 1s linear infinite;
    animation: candystripe 1s linear infinite;
}
.fileuploader{
    background-color: transparent;
}
.fileuploader-action i{
    color: #fff;
}
.fileuploader-items .fileuploader-items-list{
    background-color: #8fd0a03d;
    border-radius: 18px;
}

.fileuploader-items .fileuploader-item.upload-failed {
    background: rgb(245, 245, 245);
    border-radius: 18px;
  }
.fileuploader-theme-boxafter {
    padding-top: 0.1px;   
}
.fileuploader-input.noadd{
    display: none !important;
}
.fileuploader-theme-boxafter .fileuploader-input {
    display: block;
    padding: 20px 0;
    background: rgba(143, 253, 139, 0.06);
    border: 2px dashed #34a75387;
    border-radius: 14px;
    text-align: left;
    color: #bbc2d4;
    transition: all 0.2s ease;
    margin: 0px -16px 0px;
    padding-left: 80px;
}


.fileuploader-theme-boxafter .fileuploader-input:hover{
    border: 2px dashed #fabb05;
    background: #fabd052b;
    box-shadow: 0px 0px 32px 0 #ff6c003d !important;
}
.fileuploader-theme-boxafter .fileuploader-input:hover h3 a{
    color: #ff6c00;
}
.fileuploader-theme-boxafter .fileuploader-input:hover p{
    color: #222;
}
.fileuploader-theme-boxafter .fileuploader-input:hover{
    transform: translateY(-2px);
    -webkit-transition: .7s cubic-bezier(.17,.67,0,1.01);
    -o-transition: .7s cubic-bezier(.17,.67,0,1.01);
    transition: .7s cubic-bezier(.17,.67,0,1.01);
}
.fileuploader-theme-boxafter .fileuploader-input h3 {
    margin: 0;
    font-size: 16px;
    font-weight: 500;
    color: #ff6c00;
}
.fileuploader-theme-boxafter .fileuploader-input h3 a {
    color: #309a4c;
    text-decoration: none;
    font-weight: 700;
}
.fileuploader-input .fileuploader-input-button{
    background: #fff;
    box-shadow: 0 4px 18px rgba(48, 154, 76, 0.52);
}
.fileuploader-input .fileuploader-input-button:hover{
    background-position:center;
}
.fileuploader-theme-boxafter .fileuploader-input-button {
    position: absolute;
    top: 8px;
    left: 12px;
    width: 48px;
    height: 48px;
    padding: 0;
    font-size: 22px;
    font-weight: 400;
    line-height: 48px;
    border-radius: 12px;
    box-shadow: 0 4px 12px rgba(0,0,0,.0);   
    background-position: center;
    background-repeat: no-repeat;
    background-size: 42px;
    background-color: transparent;
    background-image: url(../svg/add.svg);
}
.fileuploader-theme-boxafter .fileuploader-input.fileuploader-dragging {
    transform: scale(1.03);
    background: rgba(120, 155, 236, 0.1);
}

/* list */
.fileuploader-theme-boxafter .fileuploader-items {
    margin-top: -1px;
}
.fileuploader-theme-boxafter .fileuploader-items .fileuploader-item .fileuploader-progressbar {
    flex: 0;
    bottom: -8px;
    margin-left: 52px;
    width: calc(100% - 52px);
    background: rgba(0,0,0,0.06);
}

.showformatdiv{
    position: absolute;width: 100%;height: calc(100% - 64px);z-index: 11;background-color: #ffffff30;bottom: 0;display: none;
}

.fileuploader-input p{margin-bottom: 0px;color: #42ad5f;}

.showerror,.converterror{min-height: 50px;
    margin-top: 22px;
    background-color: #fff2cf;
    border-radius: 8px;
    padding: 14px 12px;
    color: #ff7800;
    position: relative;
    fill: #ff7800;
    border: 2px dashed #fbbc04;
    display: none;}

    .showerror .icon24,.converterror .icon24{
        width: 20px;height: 20px;
        fill:#222;
    }
    .showerror p,.converterror p{
        display: inline-block;margin-bottom: 0px;font-weight: 400;
    }
    .showerror .icon24p,.converterror .icon24error {
        position: absolute;
        right: 12px;
        width: 32px;
        height: 32px;
        padding: 5px;
        top: 9px;
        border-radius: 50px;
        cursor: pointer;
      }
      .showerror .icon24p:hover,.converterror .icon24error:hover {
        background-color: #fbbc04;
        fill: #fff;
      }


      .showconvert{min-height: 50px;
        min-height: 50px;
        border-radius: 18px 18px 0px 0px;
        padding: 14px 12px;
        color: #fff;
        position: relative;
        text-align: center;
        background-color: #009e54;
        background-image: linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 0);
        background-size: 24px 24px;
        background-position: 0 0,0 12px,12px -12px,-12px 0;
        margin: 0px -40px;
        width: 800px;
        flex: 0 0 calc(100% + 80px);
        max-width: calc(100% + 80px);
        line-height: 47px;
    }
    
        .showconvert .icon24{
            width: 20px;height: 20px;
            fill:#222;
        }
        .showconvert p{
            display: inline-block;margin-bottom: 0px;font-weight: 400;font-size: 24px;
        }
        .showconvert .icon24ps {
            position: absolute;
            right: 12px;
            width: 42px;
            height: 42px;
            padding: 5px;
            top: 19px;
            fill:#fff;
            border-radius: 50px;
            cursor: pointer;
          }
          .showconvert .icon24ps:hover {
            background-color: #fbbc0463;
            fill: #fff;
          }

      .icon14 {
        width: 14px;
        height: 14px;
        margin-top: 5px;
        margin-right: 0px;
        vertical-align: -0.15em;
        fill: currentColor;
        overflow: hidden;
        border-radius: 4px;
        opacity: 0.9;
      }


      .output .picker .pc-trigger.add-lang{
        background-image: url(../svg/down.svg);
        background-size: 16px;
        background-repeat: no-repeat;
        background-position: right;
        min-width: 290px;
        max-width: none;
      }
      .output .picker .pc-trigger.add-lang:hover{
        background-image: url(../svg/downw.svg);
        background-color: #34a753;
        color: #fff;
      }
      .output .picker .pc-trigger.add-lang:hover ss{
        color: #ffffffc4;
      }
      .output .picker .pc-trigger.add-lang ss{
        display: block;
        margin-left: 34px;
        font-weight: 500;
        font-size: 12px;
        color: #4db76b;
        text-shadow: 0px 0px 0px #02020230;
      }
      .output .picker .pc-trigger.add-lang svg{
        padding: 2px;
        background-color: #fff;
      }
      .startocr{
        padding: 19px 32px !important;
        margin-bottom: 16px;
        min-width: 340px;
        position: relative;
        background: #ff8504;
        overflow: hidden;
        text-shadow: 0px 2px 4px #02020214;
      }
      .startocr:hover{
        background: #f00;
      }
.btn-signup svg{
    margin-right: 14px;
}
      .startocr.start{
        background: #83d599;
        color: #fff !important;
      }
      .startocr svg{
        border-radius: 0px;
      }
.startsvg{
    width: 24px;
    height: 24px;
}
      .startocr.start .startsvg{
        width: 24px;
height: 24px;
fill: currentColor;
overflow: hidden;
border-radius: 4px;
opacity: 0.9;
margin-right: 6px;
      }

      .fileuploader-popup-header img{
        margin-left: 20px;
        margin-top: 10px;
        margin-right: 20px;
      }

      .startocr.norun{
        background: #daefe0;
        opacity: 0.9;
        color: #6eca87 !important;
        text-shadow:none;
      }
      .dd-option-selected.dd-option:hover{
        background: #ff6c00;
      }

      .dd-option.less{
        border-bottom: 1px dashed #34a75380;
      }

      .dd-select a.dd-selected:hover{
        background-color: #ff6c00;
      }
      .dd-select:hover{
        box-shadow: 0px 0px 32px 0 #ff6c003d !important;
      }
      .dd-select a.dd-selected:hover .dd-selected-text{
        color: #fff !important;
      }
      .dd-select a.dd-selected:hover .dd-desc{
        color: #fff !important;
      }
      .dd-select *{cursor: pointer;}
      .dd-select a.dd-selected:hover img{
        background-color: #fff;
      }
      .dd-select:hover .dd-pointer-down{
        border-top: solid 5px #fff;
      }

      .dd-select:hover .dd-pointer-up{
        border-bottom: solid 5px #fff !important;
      }

      .dd-options .line{
        height: 1px;
        margin: 2px;
      }
      .dd-options .line span{
        width: calc(100% - 50px);
        height: 1px;
        display: block;
        margin: 0 0 0 auto;
        background-color: #34a7534f;
      }
      .dd-option.rar .dd-option-image{
        opacity: 1;
        background-color: #fff;
      }
      .dd-option.zip .dd-option-image{
        opacity: 1;
        background-color: #fff;
      }
      @keyframes buttonShine {
        0% {
         -webkit-transform:translate(-110px,-50px) rotate(45deg);
         -moz-transform:translate(-110px,-50px) rotate(45deg);
         -ms-transform:translate(-110px,-50px) rotate(45deg);
         -o-transform:translate(-110px,-50px) rotate(45deg);
         transform:translate(-110px,-50px) rotate(45deg)
        }
        10% {
         -webkit-transform:translate(360px,-50px) rotate(45deg);
         -moz-transform:translate(360px,-50px) rotate(45deg);
         -ms-transform:translate(360px,-50px) rotate(45deg);
         -o-transform:translate(360px,-50px) rotate(45deg);
         transform:translate(360px,-50px) rotate(45deg)
        }
        100% {
         -webkit-transform:translate(360px,-50px) rotate(45deg);
         -moz-transform:translate(360px,-50px) rotate(45deg);
         -ms-transform:translate(360px,-50px) rotate(45deg);
         -o-transform:translate(360px,-50px) rotate(45deg);
         transform:translate(360px,-50px) rotate(45deg)
        }
       }

      .bopulsate::before {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        width: 50px;
        height: 200px;
        background: rgba(255,255,255,.3);
        -webkit-transform: translate(-110px,-50px) rotate(45deg);
        -moz-transform: translate(-110px,-50px) rotate(45deg);
        -ms-transform: translate(-110px,-50px) rotate(45deg);
        -o-transform: translate(-110px,-50px) rotate(45deg);
        transform: translate(-110px,-50px) rotate(45deg);
        animation-name: buttonShine;
        animation-duration: 5s;
        animation-timing-function: cubic-bezier(.215,.61,.355,1);
        animation-delay: 2s;
        animation-iteration-count: infinite;
      }


.selectok{
    background-image: url(../svg/select.svg);
    background-size: 16px;
    background-repeat: no-repeat;
    background-position-x: 97%;
    background-position-y: 8px;
}

.reg{background-color: #ff4f4f;
    padding: 3px 6px;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
    border-radius: 4px;
    font-weight: 500;
    color: #fff;}



    .showdownload{min-height: 50px;
        margin-top: 22px;
        background-color: #e6f4ea;
        border-radius: 18px;
        padding: 14px 12px;
        color: #222;
        display: none;
        text-align: center;
        position: relative;}
    
        .showdownload .icon24{
            width: 20px;height: 20px;
            fill:#222;
        }
        .showdownload p{
            display: inline-block;margin-bottom: 0px;font-weight: 400;
        }
        .showdownload .icon24pp {
            position: absolute;
            right: 12px;
            width: 32px;
            height: 32px;
            padding: 5px;
            top: 9px;
            border-radius: 50px;
            cursor: pointer;
          }
          .showdownload .icon24pp:hover {
            background-color: #fbbc04;
            fill: #fff;
          }


          .getit-button {
  display: inline-flex;
  align-items: center;
  justify-content: left;
  border-radius: 14px;
  background-color: rgb(50, 162, 80);
  padding: 0.625rem 1.5rem;
  text-align: left;
  color: rgba(255, 255, 255, 1);
  outline: 0;
  transition: all  .2s ease;
  text-decoration: none;
  min-width: 320px;
  cursor: pointer;
  position: relative;
overflow: hidden;
background-image: linear-gradient(to right, #ff0c00, #ff3139, #ff4b01, #fb8817);
box-shadow: 0 2px 5px 0 rgba(251, 66, 97, 0.51);
text-shadow: 0px 2px 4px #02020226;
min-height: 60px;
}

.getit-button:hover {
    background-color: transparent;
    color: rgba(255, 255, 255, 1);
    background-image: linear-gradient( 135deg, rgb(248, 45, 48) 0%, rgb(246, 40, 43) 100% );
    box-shadow: 0 2px 5px 0 rgba(251, 66, 97, 0.51);
}

.icon {
  height: 26px;
  width: 26px;
}

.texts {
  margin-left: 1rem;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  line-height: 1;
}

.text-1 {
  margin-bottom: 0.25rem;
  line-height: 1rem;
  text-transform: uppercase;
}

.text-2 {
  font-weight: 600;
}

.text-2 strong {
    padding: 0px 4px;
  }

.tools {
    display: flex;
    align-items: center;
    padding: 9px;
   }
   
   .circle {
    padding: 0 4px;
   }
   
   .box {
    display: inline-block;
    align-items: center;
    width: 15px;
    height: 15px;
    padding: 1px;
    border-radius: 50%;
   }
   
   .red {
    background-color: #ff605c;
   }
   
   .yellow {
    background-color: #ffbd44;
   }
   
   .green {
    background-color: #00ca4e;
   }
   
   .alltext{
    font-size:14px;height:150px;width:100%;border: 2px dashed #fbbc04;padding: 10px;border-radius: 8px;
    border: 0px dashed transparent;
   }
   .copybutton{
    background: rgb(50, 162, 80);
    box-shadow: 0 2px 5px 0 #9fdcb9;
}
.copybutton:hover{
    color: #fff;
}
.savebutton{
    background: rgb(50, 162, 80);
    box-shadow: 0 2px 5px 0 #9fdcb9;
}
.savebutton:hover{
    color: #fff;
}
   .copysuccess{
    background-color: rgba(50, 162, 80, 0.55);
   }
   .copysuccess:hover{
    color: #fff;
   }


   textarea:focus {
    border: 0px solid transparent;
    outline: none;
}

.toast-body.p-20{
    background-image: url(../svg/gift.svg);
    background-size: 150px;
    background-repeat: no-repeat;
    background-position: bottom right;
  }

  .ocr_file.rtf .rtf,.ocr_file.pdf .pdf,.ocr_file.docx .docx,.ocr_file.doc .doc,.ocr_file.xlsx .xlsx,.ocr_file.xls .xls,.ocr_file.pptx .pptx,.ocr_file.ppt .ppt,.ocr_file.epub .epub,.ocr_file.txt .txt,.ocr_file.mobi .mobi{
    display: inline-block;
    box-shadow: 0px 2px 12px rgba(96, 96, 96, 0.43);
  }

  .linebg{
    height: 4px;background-color: #34a753;border-radius: 19px;
  }

  .line1bg{
    height: 1px;background-color: #e8e8e8; margin: 20px 0px;
  }

  .ocr_file .icon30{
    display: none;
    width: 50px;
    height: 50px;
  }
  .addocrs{
    display: block;
    font-weight: 700;
    margin: 30px 0px;
  }
  .ocrfilename{
    display: inline-block !important;
    font-weight: 400 !important;
    font-size: 18px;
    color: #333;
    text-shadow: 0px 2px 4px #0202025c;
  }

  .at4-jumboshare .at4-count-container {
    min-width: 80px !important;
    border-right: 1px solid #dbdbdb !important;
   }
   .at4-jumboshare .at4-count {
    line-height: 10px !important;
    font-size: 15px !important;
    color: #222 !important;
   }
   .at4-jumboshare .at4-title {
    color: #222 !important;
   }
   .at-svc-facebook,
   .at-svc-twitter,
   .at-svc-pinterest_share,
   .at-svc-email,
   .at-svc-compact,
   .at-svc-print,
   .at-svc-wechat,
   .at-svc-tencentqq,
   .at-svc-sinaweibo {
    background-color: transparent !important;
   }
   .at-svc-facebook svg {
    fill: #3b5998 !important;
   }
   .at-svc-twitter svg {
    fill: #1da1f2 !important;
   }
   .at-svc-pinterest_share svg {
    fill: #cb2027 !important;
   }
   .at-svc-compact svg {
    fill: #ff6550 !important;
   }
   .at-svc-wechat svg {
    fill: #2dc100 !important;
   }
   .at-svc-tencentqq svg {
    fill: #000 !important;
   }
   .at-svc-sinaweibo svg {
    fill: #e6162d !important;
   }
   .at-svc-print svg {
    fill: #738a8d !important;
   }
   .at-svc-email svg {
    fill: #848484 !important;
   }
   .at4-jumboshare .at4-share-container {
    padding-left: 10px !important;
   }
   .showshare {
    display: flex;
    min-height: 46px;
    padding: 0;
    margin-bottom: 15px;
   }
   .at-icon {
    width: 24px !important;
    height: 24px !important;
   }
   #at15s .at-icon {
    width: 1pc !important;
    height: 1pc !important;
  }

  .ads{
    width: 100%;
    text-align: center;
    background-color: #fff;
    padding-top: 10px;
  }

  .addtxtfile .getit-button{margin-bottom: 10px;margin-left: 2px;
    margin-right: 2px;}

  .ocrhead{
    box-shadow: 7px 0 32px rgb(204 212 222 / 50%) !important;
  }

  .File_Size{
    color: #fff;
    padding: 2px 12px;
    border-radius: 18px;
    font-size: 28px;
    font-weight: 700;
    text-shadow: 0px 6px 8px #51515166;
  }
  .File_Count{
  color: #fff;
padding: 2px 12px;
border-radius: 18px;
font-size: 28px;
font-weight: 700;
text-shadow: 0px 6px 8px #0202022b;
background-image: linear-gradient(-90deg, rgb(68, 255, 0) 0px, rgb(187, 235, 255) 30%, rgb(253, 163, 153) 50%, rgb(118, 216, 128) 70%, rgb(253, 213, 0) 90%, rgb(255, 0, 0) 100%);
background-size: 100%;
background-repeat: repeat;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
-moz-background-clip: text;
-moz-text-fill-color: transparent;
filter: drop-shadow(0 0 1rem #00000063);
  }

  .shadow a{
    color: #309a4c;
    font-weight: 500;
text-decoration: none !important;
  }

  .dd-option .dd-option-text{
    cursor: pointer;
    text-shadow: 0px 4px 5px #0202022b;
  }
  .convertfile p{color: #444;line-height: 18px;
    font-weight: 300;}

    
    .red-stroke {
        stroke: #FF6245;
    }
    
    .yellow-stroke {
        stroke: #FFC107;
    }
  
    .cross {
        stroke-width:6.25;
        stroke-linecap: round;
        position: absolute;
        top: 54px;
        left: 54px;
        width: 40px;
        height: 40px;
    }
    
    .cross .first-line {
        animation: 0.7s draw-first-line ease-out;
    }
    
    .cross .second-line {
        animation: 0.7s draw-second-line ease-out;
    }
    
    @keyframes draw-first-line {
        0% {
            stroke-dasharray: 0,56;
            stroke-dashoffset: 0;
        }
    
        50% {
            stroke-dasharray: 0,56;
            stroke-dashoffset: 0;
        }
    
        100% {
            stroke-dasharray: 56,330;
            stroke-dashoffset: 0;
        }
    }
    
    @keyframes draw-second-line {
        0% {
            stroke-dasharray: 0,55;
            stroke-dashoffset: 1;
        }
    
        50% {
            stroke-dasharray: 0,55;
            stroke-dashoffset: 1;
        }
    
        100% {
            stroke-dasharray: 55,0;
            stroke-dashoffset: 70;
        }
    }
    
    .alert-sign {
        stroke-width:6.25;
        stroke-linecap: round;
        position: absolute;
        top: 40px;
        left: 68px;
        width: 15px;
        height: 70px;
        animation: 0.5s alert-sign-bounce cubic-bezier(0.175, 0.885, 0.32, 1.275);
    }
    
    .alert-sign .dot {
        stroke:none;
        fill: #FFC107;
    }
    
    @keyframes alert-sign-bounce {
        0% {
            transform: scale(0);
            opacity: 0;
        }
    
        50% {
            transform: scale(0);
            opacity: 1;
        }
    
        100% {
            transform: scale(1);
        }
    }


.usermain .showocr::before{
    background-color: #3c3c3c;
    background-image: linear-gradient(45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(-45deg,rgba(0,0,0,.06) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(0,0,0,.06) 0),linear-gradient(-45deg,transparent 75%,rgba(0,0,0,.06) 0);
    background-size: 24px 24px;
    background-position: 0 0,0 12px,12px -12px,-12px 0;
    height: calc(100% - 16px);
}
.usermain .container-1200{
    min-height: 120px;
    margin-bottom: 0px !important;
}

    .card {
        display: flex;
        position: relative;
        flex-direction: column;
        min-width: 250px;
        padding: 10px;
        width: 100%;
        border-radius: 16px;
        transition: .2s;
        font-family: 'Open Sans', sans-serif;
      }
      
      
      .card-author {
        position: relative;
        display: grid;
        grid-template-columns: 75px 1fr;
        align-items: center;
        margin: .5rem 0 0;
      }
      
      .author-name {
        color: #7a7a8c;
      }
      
      .author-name-prefix {
        color: #fff;
        font-weight: 600;
        text-shadow: 0px 2px 4px #02020230;
      }
      
      .author-avatar span {
        display: block;
        width: 40px;
        height: 40px;
        border-radius: 50%;
        background: #fff;
        margin: 16px 10px;
      }
      
      .half-circle {
        position: absolute;
        bottom: 0;
        left: 0;
        width: 60px;
        height: 48px;
        fill: none;
        stroke: #ff8a00;
        stroke-width: 8;
        stroke-linecap: round;
      }
      
      .card-header {
        margin-bottom: auto;
        color: #7a7a8c;
      }
      
      .card-header p {
        font-size: 14px;
        margin: 0 0 0.2rem;
        color: #7a7a8c;
      }
      
      .card-header .title {
        font-size: 25px;
        color: #fff;
        margin: .25rem 0 auto;
        cursor: pointer;
        font-weight: 700;
        text-shadow: 0px 2px 4px #02020230;
        background: linear-gradient(90deg,#ffa54d,#f07bc5 50%,#43aeff);
        background-clip: border-box;
      -webkit-background-clip: text;
      -webkit-text-fill-color: transparent;
      padding: 3px 0px;
      }
      
      .card-header .title:hover {
        background: linear-gradient(90deg,#ff8a00,#e52e71);
        text-shadow: none;
        background-clip: text;
        -webkit-background-clip: text;
        -webkit-text-fill-color: transparent;
      }
      
      .tags {
        margin: 0px 0px 0px 72px;
        padding: 0px;
        line-height: 2;
        margin-bottom: 0;
      }
      
      .tags a,.logout {
        font-style: normal;
        font-weight: 400;
        color: #7a7a8c;
        cursor: pointer;
        display: inline-block;
        text-transform: uppercase;
        font-size: 13px;
        border: 3px solid #424242;
        border-radius: 2rem;
        padding: .25rem .85rem .25rem;
        position: relative;
      }
      
      .tags a:hover,.logout:hover {
        background-color: #ffffff1a;
        color: #fff;
        border-color: #ffffff29;
      }


      .ribbon-wrapper-9 {
        width: 108px;
        height: 108px;
        overflow: hidden;
        position: absolute;
        top: -6px;
        z-index: 1111;
        right: -46px;
    }
    
    .ribbon-9 {
        font: bold 14px Sans-Serif;
        line-height: 18px;
        color: #e9ea7b;
        text-align: center;
        text-transform: uppercase;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        position: relative;
        padding: 7px 0;
        left: -4px;
        top: 26px;
        width: 150px;
        background-color: #6daaab;
        box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
        box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
        outline: 1px dotted #E5E82C;
        outline-offset: -4px;
        background-image: radial-gradient(circle farthest-side, #FF1C1A, #BF0B00);
        text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.2);
    }
    
    .ribbon-9:before,
    .ribbon-9:after {
        content: "";
        border-top: 4px solid #BF0B00;
        border-left: 4px solid transparent;
        border-right: 4px solid transparenst;
        position: absolute;
        bottom: -4px;
    }
    
    .ribbon-9:before {
        content: "";
        position: absolute;
        left: 0px;
        top: 100%;
        z-index: -1;
        border-left: 4px solid #BF0B00;
        border-right: 4px solid transparent;
        border-bottom: 4px solid transparent;
        border-top: 4px solid #BF0B00;
    }
    
    .ribbon-9:after {
        content: "";
        position: absolute;
        right: 7px;
        top: 100%;
        z-index: -1;
        border-left: 4px solid transparent;
        border-right: 4px solid #BF0B00;
        border-bottom: 4px solid transparent;
        border-top: 4px solid #BF0B00;
    }


    .picker {
        display: inline-block;
        vertical-align: middle;
        padding: 4px 8px 4px 8px;
        border-radius: 8px;
        background-color: #daefe0;
        min-width: 320px;
    }


    .picker .pc-element,
    .picker .pc-trigger {
        display: inline-block;
        color: #fff;
        position: relative;
        z-index: 10;
        border: 1px solid #34a753;
        border-radius: 4px;
        word-wrap: break-word;
        cursor: default;
        background-color: #34a753;
        padding: 8px 28px 6px 8px;
        -webkit-touch-callout: none;
        -webkit-user-select: none;
        -moz-user-select: none;
        -ms-user-select: none;
        user-select: none;
        margin: 2px;
        font-weight: 500;
        text-shadow: 0px 2px 4px #02020230;
        max-width: 150px;
        white-space: nowrap;
        text-overflow: ellipsis;
        overflow: hidden;
    }
    
    .picker .pc-element .pc-close,
    .picker .pc-trigger .pc-close {
        position: absolute;
        top: 50%;
        right: 3px;
        margin-top: -13px;
        font-size: 16px;
        cursor: pointer
    }
    
    .picker .pc-element .pc-close:after,
    .picker .pc-trigger .pc-close:after {
        content: "";
        font-family: 'font-fileuploader' !important;
        margin-top: 7px;
        font-size: 18px;
        color: #fff;
        background-color: #ffffff3d;
        border-radius: 5px;
        font-style: normal;
        font-weight: normal;
        font-variant: normal;
        text-transform: none;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        box-shadow: 0px 1px 6px rgba(176, 90, 26, 0.26);
        padding: 1px;
    }
    
    .picker .pc-element:hover,
    .picker .pc-trigger:hover {
        background-color: #ff2e39;
        color: #fff;
        border: 1px solid #ff2e39;
    }
    
    .picker .pc-select {
        position: relative;
        display: inline-block;
        min-width: 35px;
        max-width: 280px
    }
    .add-lang svg{box-shadow: 0px 1px 6px rgba(176, 90, 26, 0.26);}
    
    .picker .pc-select .pc-trigger {
        cursor: pointer;
        margin-right: 0;
        width: 100%
    }
    
    .picker .pc-select .pc-list {
        position: absolute;
        text-align: left;
        left: 2px;
        top: calc(100% - 6px);
        width: 100%;
        border: 1px solid #34a753;
        z-index: 111111;
        background-color: #fff;
        box-shadow: 0px 4px 8px 0 rgba(208, 208, 208, 0.64) !important;
        border-radius: 2px;
        padding: 6px;
        min-width: 290px;
    }
    
    .picker .pc-select .pc-list input[type=search] {
        width: 100%;
        outline: 0;
        color: #34a753;
        border: none;
        position: relative;
        background-color: #fff;
        border-bottom: 1px solid #34a753;
        padding: 5px 8px;
        margin-bottom: 5px;
    }
    
    .picker .pc-select .pc-list ul {
        margin: 0;
        padding: 0px;
        max-height: 400px;
        overflow-y: auto
    }
    
    .picker .pc-select .pc-list li {
        display: block;
        list-style: none;
        padding: 6px 0 6px 8px;
        cursor: pointer;
        color: #32a250;
        word-wrap: break-word;
        border-radius: 2px;
    }
    
    .picker .pc-select .pc-list li:hover {
        background-color: #32a250;
        color: #fff
    }
    
    .picker .pc-select .pc-list li.not-found {
        font-style: italic;
        text-align: center;
        cursor: default
    }
    
    .picker .pc-select .pc-list li .searched {
        font-weight: 700
    }
    
    .picker .pc-select .pc-trigger {
        background-color: transparent;
    color: #067523;
    border: 1px solid transparent;
    text-shadow: 0px 2px 4px #02020230;
    font-weight: 700;
    font-size: 18px;
    }

    .additem .add-lang{
        padding: 6px;
        text-align: center;
        font-size: 16px;
    }
    .additem .add-lang:hover{
        color: #fff;
        background-color: #ff6c00;
    }
    


 @font-face {
	font-family: 'font-fileuploader';
	src: url('font-fileuploader.ttf?yhe2ig') format('truetype'),
		 url('font-fileuploader.woff?yhe2ig') format('woff'),
		 url('font-fileuploader.svg?yhe2ig#font-fileuploader') format('svg');
	font-weight: normal;
	font-style: normal;
}

[class^="fileuploader-icon-"], [class*=" fileuploader-icon-"] {
	display: inline-block;
	font-family: 'font-fileuploader' !important;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.fileuploader-icon-main:before {
	content: "\e900";
}
.fileuploader-icon-alert:before {
	content: "\e901";
}
.fileuploader-icon-calendar:before {
	content: "\e902";
}
.fileuploader-icon-camera:before {
	content: "\e903";
}
.fileuploader-icon-success:before {
	content: "\e904";
}
.fileuploader-icon-arrow-left:before {
	content: "\e905";
}
.fileuploader-icon-arrow-right:before {
	content: "\e906";
}
.fileuploader-icon-crop:before {
	content: "\e908";
}
.fileuploader-icon-download:before {
	content: "\e909";
}
.fileuploader-icon-edit:before {
	content: "\e90a";
}
.fileuploader-icon-external:before {
	content: "\e90b";
}
.fileuploader-icon-eye:before {
	content: "\e90c";
}
.fileuploader-icon-file:before {
	content: "\e90d";
}
.fileuploader-icon-video:before {
	content: "\e90f";
}
.fileuploader-icon-folder:before {
	content: "\e910";
}
.fileuploader-icon-help:before {
	content: "\e911";
}
.fileuploader-icon-image:before {
	content: "\e912";
}
.fileuploader-icon-link:before {
	content: "\e913";
}
.fileuploader-icon-message:before {
	content: "\e914";
}
.fileuploader-icon-menu:before {
	content: "\e915";
}
.fileuploader-icon-sort:before {
	content: "\e916";
}
.fileuploader-icon-audio:before {
	content: "\e917";
}
.fileuploader-icon-plus:before {
	content: "\e918";
}
.fileuploader-icon-retry:before {
	content: "\e919";
}
.fileuploader-icon-rotate:before {
	content: "\e91a";
}
.fileuploader-icon-save:before {
	content: "\e91b";
}
.fileuploader-icon-search:before {
	content: "\e91c";
}
.fileuploader-icon-settings:before {
	content: "\e91d";
}
.fileuploader-icon-share:before {
	content: "\e91e";
}
.fileuploader-icon-deny:before {
	content: "\e91f";
}
.fileuploader-icon-trash:before {
	content: "\e920";
}
.fileuploader-icon-upload:before {
	content: "\e921";
}
.fileuploader-icon-user:before {
	content: "\e922";
}
.fileuploader-icon-remove:before {
	content: "\e923";
}
.fileuploader-icon-zoom-in:before {
	content: "\e924";
}
.fileuploader-icon-zoom-out:before {
	content: "\e925";
}

.fileuploader-icon-retry{color: #03ab7f !important;}

.showhidden{
    font-size: 14px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
}

.st-btn {
    display: inline-block !important;
  }




  .file-list{
    width:100%;
    display:flex;
    justify-content:flex-start;
    flex-wrap:wrap;
    
  }
  .file-list .file-item {
    flex: 100%;
    display:flex;
    padding-left:16px;
    padding-right:16px;
    margin-top:12px;
    margin-bottom: 12px;
    box-sizing:border-box;
    flex-grow:0;
  }
  .file-list .file-item:hover {
    -webkit-transition: .7s cubic-bezier(.17,.67,0,1.01);
    -o-transition: .7s cubic-bezier(.17,.67,0,1.01);
    transition: .7s cubic-bezier(.17,.67,0,1.01);
  }

  .file-list .file-item:hover .Btnn .leftContainer{
    background-color: rgb(219, 0, 0);
  }

  .file-list .file-item:hover .Btnn .likeCount{
    color: rgb(219, 0, 0);
  }
  .file-list .file-item:hover .savefile {
opacity: 1;
text-shadow: 0px 4px 8px #0202021c;
  }

  .file-list .file-item .file-item-inner{
    background:white;
    border-radius:8px;
    -webkit-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.1);
    box-shadow: 0px 0px 20px -9px rgba(0,0,0,0.1);
    flex:1;
    position:relative;
    transition:250ms;
  }
  .file-list .file-item .file-item-inner:hover{
    cursor:pointer;
    -webkit-box-shadow: 0px 0px 25px -9px rgba(0, 85, 255,0.35);
    -moz-box-shadow: 0px 0px 25px -9px rgba(0, 85, 255,0.35);
    box-shadow: 0px 0px 25px -9px rgba(0, 85, 255,0.35);
    transition:250ms;
  }
  .file-list .file-item .file-item-inner .delete-file-btn {
    position:absolute;
    right:4px;
    top:4px;
    background:none;
    border:none;
    font-size:22px;
    color:#909090;
      line-height: 22px;
    padding:4px 8px !important;
    margin:0px !important;
    transition:250ms;
    border-radius: 30px;
    font-weight: 100;
  }
  .file-list .file-item .file-item-inner .delete-file-btn:hover {
    cursor:pointer;
    color:black;
    transition:250ms;
    background-color: #ddd;
  }
  .file-list .file-item .file-item-inner .file-content{
      padding:22px 24px 22px 14px !important;
      display:flex;
    justify-content:flex-start;
    align-items:flex-start;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container{
    width:72px;
    height: 72px;
    border-radius:10px;
    background:#ecf0f5;
    margin-right: 16px;
    display:flex;
    align-items:center;
    justify-content:center;
    position:relative;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container img{
    box-shadow: 0 2px 5px 0 rgba(119, 119, 119, 0.31);
    border-radius: 4px;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container .file-type{
    border:1px solid #7d7d7d;
    height:42px;
    width:27px;
    border-radius:3px;
    position:relative;
  }
  
  .file-list .file-item .file-item-inner .file-content .file-type-container .file-type:after {
    content: '';
    position:absolute;
    width:0px;
    height:0px;
    top:-1px;
    right:-1px;
    border-style:solid;
    border-width: 10px 0 0 10px;
    border-color: transparent transparent transparent #7d7d7d;
  }
  
  .file-list .file-item .file-item-inner .file-content .file-type-container .file-type:before {
    content: '';
    position:absolute;
    width:0px;
    height:0px;
    top:-1px;
    right:-1px;
    border-style:solid;
    border-width: 0px 10px 10px 0px;
    border-color: transparent #ecf0f5 transparent transparent;
  }
  
  .file-list .file-item .file-item-inner .file-content .file-type-container .file-type-name {
    position:absolute;
    display:inline-block;
    background:#7d7d7d;
    font-size:13px;
    padding: 2px 6px;
    border-radius:3px;
    color:white;
    bottom:20px;
    font-weight: 700;
    text-align:center;
    text-transform: uppercase;
  }
  .file-list .file-item .file-item-inner .file-content .file-info{
    text-align: left;
  }
  .file-list .file-item .file-item-inner .file-content .file-info p{
    margin:0px;
    display: block;
  }
  
  .file-list .file-item .file-item-inner .file-content .file-info p.file-name {
    font-weight:700;
    text-shadow: 0px 2px 4px #0202022b;
    color: #000;
    max-width: 160px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
  .file-list .file-item .file-item-inner .file-content .file-info p.file-size {
    margin-top:4px;
    color:#888888;
    font-size: 13px;
  }
  
  .file-list .file-item .file-item-inner .file-actions {
    border-top:2px solid #ecf0f5;
    display:flex;
  }
  
  .file-list .file-item .file-item-inner .file-actions .action-left,
  .file-list .file-item .file-item-inner .file-actions .action-right {
    flex:50%;
    flex-shrink:0;
    flex-grow:0;
    text-align:center;
    padding: 8px 0px;
  }
  .file-list .file-item .file-item-inner .file-actions .action-left {
    border-right:1px solid #ecf0f5;
  }
  .file-list .file-item .file-item-inner .file-actions .action-right {
    border-left:1px solid #ecf0f5;
  }

  .formatimg{width: 280px; height: 280px;}


  @media screen and (min-width: 882px) {
    .file-list .file-item {
      flex:50%;
      flex-grow:0;
    }
    .formatimg{width: 500px; height: 500px;}
  }
  @media screen and (min-width: 1080px) {
    .file-list .file-item {
      flex:calc(100% / 3);
      flex-grow:0;
      margin: 20px auto;
    }
  }
  @media screen and (min-width: 1200px) {
    .file-list .file-item {
      flex:calc(100% / 3);
      flex-grow:0;
      margin: 20px auto;
    }
  }
  
  @media screen and (min-width: 1600px) {
    .file-list .file-item {
        flex:calc(100% / 3);
      flex-grow:0;
      margin: 20px auto;
    }
  }

  .file-list.maxfile .file-item{
    margin: 20px 0px;
  }
  

  #locale_btn_yes{
    background-color: #34a753;
    color: #fff;
    min-width: 80px;
  }
  /* tar.f7z */
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z {
    background:#f5e9c7;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z+.file-info .leftContainer{
    background-color: #d39c00;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z+.file-info .likeCount{
    color: #d39c00;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z+.file-info .svgIcon{
    fill: #d39c00;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z+.file-info .icon2{
    border-bottom: 2px solid #d39c00;
    border-left: 2px solid #d39c00;
    border-right: 2px solid #d39c00;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.f7z+.file-info .DownF:hover{
    background-color: #f5e9c7;
  }
  .file-list .file-item .file-item-inner.f7z{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.f7z:hover{
    border: 1px solid #f5e9c7;
  }

  
  /* tar.tarbz2 */
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2 {
    background:#d1ecc6;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2+.file-info .leftContainer{
    background-color: #2b9300;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2+.file-info .likeCount{
    color: #2b9300;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2+.file-info .svgIcon{
    fill: #2b9300;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2+.file-info .icon2{
    border-bottom: 2px solid #2b9300;
    border-left: 2px solid #2b9300;
    border-right: 2px solid #2b9300;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.tarbz2+.file-info .DownF:hover{
    background-color: #d1ecc6;
  }
  .file-list .file-item .file-item-inner.tarbz2{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.tarbz2:hover{
    border: 1px solid #d1ecc6;
  }

  /* tar.gz */
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz {
    background:#b0daf5;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz+.file-info .leftContainer{
    background-color: #0089dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz+.file-info .likeCount{
    color: #0089dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz+.file-info .svgIcon{
    fill: #0089dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz+.file-info .icon2{
    border-bottom: 2px solid #0089dd;
    border-left: 2px solid #0089dd;
    border-right: 2px solid #0089dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.targz+.file-info .DownF:hover{
    background-color: #b0daf5;
  }
  .file-list .file-item .file-item-inner.targz{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.targz:hover{
    border: 1px solid #b0daf5;
  }

  /* xml */
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml {
    background:#fce7d9;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml+.file-info .leftContainer{
    background-color: #ee782c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml+.file-info .likeCount{
    color: #ee782c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml+.file-info .svgIcon{
    fill: #ee782c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml+.file-info .icon2{
    border-bottom: 2px solid #ee782c;
    border-left: 2px solid #ee782c;
    border-right: 2px solid #ee782c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.xml+.file-info .DownF:hover{
    background-color: #fce7d9;
  }
  .file-list .file-item .file-item-inner.xml{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.xml:hover{
    border: 1px solid #fce7d9;
  }
  
  /* PDF */
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf {
    background:rgb(248, 223, 221);
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf+.file-info .leftContainer{
    background-color: #d3261a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf+.file-info .likeCount{
    color: #d3261a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf+.file-info .svgIcon{
    fill: #d3261a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf+.file-info .icon2{
    border-bottom: 2px solid #d3261a;
    border-left: 2px solid #d3261a;
    border-right: 2px solid #d3261a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.pdf+.file-info .DownF:hover{
    background-color: rgb(248, 223, 221);
  }
  .file-list .file-item .file-item-inner.pdf{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.pdf:hover{
    border: 1px solid #d3261a4f;
  }

  /* PNG */
  .file-list .file-item .file-item-inner .file-content .file-type-container.png {
    background:#d6e9db;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.png+.file-info .leftContainer{
    background-color: #1d8438;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.png+.file-info .likeCount{
    color: #1d8438;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.png+.file-info .svgIcon{
    fill: #1d8438;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.png+.file-info .icon2{
    border-bottom: 2px solid #1d8438;
    border-left: 2px solid #1d8438;
    border-right: 2px solid #1d8438;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.png+.file-info .DownF:hover{
    background-color: #d6e9db;
  }
  .file-list .file-item .file-item-inner.png{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.png:hover{
    border: 1px solid #1d84384f;
  }

  .file-list .file-item .file-item-inner .file-content .file-type-container.png {
    background: #fff2e0;
  }

  /* jpg */
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg {
    background:#cce9ed;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg+.file-info .leftContainer{
    background-color: #1aa5dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg+.file-info .likeCount{
    color: #1aa5dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg+.file-info .svgIcon{
    fill: #1aa5dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg+.file-info .icon2{
    border-bottom: 2px solid #1aa5dd;
    border-left: 2px solid #1aa5dd;
    border-right: 2px solid #1aa5dd;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.jpg+.file-info .DownF:hover{
    background-color: #cce9ed;
  }
  .file-list .file-item .file-item-inner.jpg{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.jpg:hover{
    border: 1px solid #1aa5dd4f;
  }

  /* svg */
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg {
    background:#ffebb0;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg+.file-info .leftContainer{
    background-color: #ff7904;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg+.file-info .likeCount{
    color: #ff7904;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg+.file-info .svgIcon{
    fill: #ff7904;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg+.file-info .icon2{
    border-bottom: 2px solid #ff7904;
    border-left: 2px solid #ff7904;
    border-right: 2px solid #ff7904;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.svg+.file-info .DownF:hover{
    background-color: #ffebb0;
  }
  .file-list .file-item .file-item-inner.svg{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.svg:hover{
    border: 1px solid #ff79044f;
  }


  /* gif */
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif {
    background:#98eac1;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif+.file-info .leftContainer{
    background-color: #17a561;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif+.file-info .likeCount{
    color: #17a561;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif+.file-info .svgIcon{
    fill: #17a561;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif+.file-info .icon2{
    border-bottom: 2px solid #17a561;
    border-left: 2px solid #17a561;
    border-right: 2px solid #17a561;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.gif+.file-info .DownF:hover{
    background-color: #98eac1;
  }
  .file-list .file-item .file-item-inner.gif{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.gif:hover{
    border: 1px solid #17a5614f;
  }

  /* webm */
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm {
    background:#fbdbdb;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm+.file-info .leftContainer{
    background-color: #5f7fe7;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm+.file-info .likeCount{
    color: #5f7fe7;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm+.file-info .svgIcon{
    fill: #5f7fe7;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm+.file-info .icon2{
    border-bottom: 2px solid #5f7fe7;
    border-left: 2px solid #5f7fe7;
    border-right: 2px solid #5f7fe7;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.webm+.file-info .DownF:hover{
    background-color: #8fa6ef;
  }
  .file-list .file-item .file-item-inner.webm{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.webm:hover{
    border: 1px solid #5f7fe74f;
  }

  /* css */
  .file-list .file-item .file-item-inner .file-content .file-type-container.css {
    background:#d2f4ff;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.css+.file-info .leftContainer{
    background-color: #488ff9;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.css+.file-info .likeCount{
    color: #488ff9;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.css+.file-info .svgIcon{
    fill: #488ff9;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.css+.file-info .icon2{
    border-bottom: 2px solid #488ff9;
    border-left: 2px solid #488ff9;
    border-right: 2px solid #488ff9;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.css+.file-info .DownF:hover{
    background-color: #d2f4ff;
  }
  .file-list .file-item .file-item-inner.css{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.css:hover{
    border: 1px solid #488ff94f;
  }

  /* js */
  .file-list .file-item .file-item-inner .file-content .file-type-container.js {
    background:#b8e5de;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.js+.file-info .leftContainer{
    background-color: #25b39e;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.js+.file-info .likeCount{
    color: #25b39e;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.js+.file-info .svgIcon{
    fill: #25b39e;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.js+.file-info .icon2{
    border-bottom: 2px solid #25b39e;
    border-left: 2px solid #25b39e;
    border-right: 2px solid #25b39e;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.js+.file-info .DownF:hover{
    background-color: #b8e5de;
  }
  .file-list .file-item .file-item-inner.js{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.js:hover{
    border: 1px solid #25b39e4f;
  }

  /* html */
  .file-list .file-item .file-item-inner .file-content .file-type-container.html {
    background:#fbccba;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.html+.file-info .leftContainer{
    background-color: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.html+.file-info .likeCount{
    color: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.html+.file-info .svgIcon{
    fill: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.html+.file-info .icon2{
    border-bottom: 2px solid #f7622c;
    border-left: 2px solid #f7622c;
    border-right: 2px solid #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.html+.file-info .DownF:hover{
    background-color: #fbccba;
  }
  .file-list .file-item .file-item-inner.html{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.html:hover{
    border: 1px solid #f7622c4f;
  }

  /* htm */
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm {
    background:#fbccba;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm+.file-info .leftContainer{
    background-color: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm+.file-info .likeCount{
    color: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm+.file-info .svgIcon{
    fill: #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm+.file-info .icon2{
    border-bottom: 2px solid #f7622c;
    border-left: 2px solid #f7622c;
    border-right: 2px solid #f7622c;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.htm+.file-info .DownF:hover{
    background-color: #fbccba;
  }
  .file-list .file-item .file-item-inner.htm{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.htm:hover{
    border: 1px solid #f7622c4f;
  }

  /* json */
  .file-list .file-item .file-item-inner .file-content .file-type-container.json {
    background:#c5d79f;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.json+.file-info .leftContainer{
    background-color: #6b9217;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.json+.file-info .likeCount{
    color: #6b9217;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.json+.file-info .svgIcon{
    fill: #6b9217;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.json+.file-info .icon2{
    border-bottom: 2px solid #6b9217;
    border-left: 2px solid #6b9217;
    border-right: 2px solid #6b9217;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.json+.file-info .DownF:hover{
    background-color: #c5d79f;
  }
  .file-list .file-item .file-item-inner.json{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.json:hover{
    border: 1px solid #6b92174f;
  }

  /* zip */
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip {
    background:#f9dede;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip+.file-info .leftContainer{
    background-color: #fb5a5a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip+.file-info .likeCount{
    color: #fb5a5a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip+.file-info .svgIcon{
    fill: #fb5a5a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip+.file-info .icon2{
    border-bottom: 2px solid #fb5a5a;
    border-left: 2px solid #fb5a5a;
    border-right: 2px solid #fb5a5a;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.zip+.file-info .DownF:hover{
    background-color: #f9dede;
  }
  .file-list .file-item .file-item-inner.zip{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.zip:hover{
    border: 1px solid #fb5a5a4f;
  }

  /* rar */
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar {
    background:#daefe0;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar+.file-info .leftContainer{
    background-color: #34a753;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar+.file-info .likeCount{
    color: #34a753;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar+.file-info .svgIcon{
    fill: #34a753;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar+.file-info .icon2{
    border-bottom: 2px solid #34a753;
    border-left: 2px solid #34a753;
    border-right: 2px solid #34a753;
  }
  .file-list .file-item .file-item-inner .file-content .file-type-container.rar+.file-info .DownF:hover{
    background-color: #daefe0;
  }
  .file-list .file-item .file-item-inner.rar{
    border: 1px solid transparent;
  }
  .file-list .file-item .file-item-inner.rar:hover{
    border: 1px solid #34a7534f;
  }

  .Btnn {
    min-width: 60px;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: flex-start;
    border: none;
    border-radius: 5px;
    overflow: hidden;
    cursor: pointer;
    background-color: #fff;
    padding: 0px;
    margin-top: 20px;
    box-shadow: 0 2px 5px 0 rgba(119, 119, 119, 0.53);
  }
  
  .Btnn.error .leftContainer{
    background-color: #f00 !important;
  }
  .Btnn.error .likeCount{
    color: #f00 !important;
  }

  .leftContainer {
    width: 60px;
    height: 100%;
    background-color: rgb(52, 167, 83);
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 8px;
    border-radius: 5px !important;
    text-shadow: 0px 2px 4px #0202022b;
    background: linear-gradient( 100deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #58e8c6 ) !important;
  }
  
  .leftContainer .like {
    color: white;
    font-weight: 600;
  }
  
  .likeCount {
    width: 50%;
    height: 30px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: rgb(52, 167, 83);
    font-weight: 700;
    position: relative;
    background-color: #9b9b9b1c;
    font-size: 18px;
    text-shadow: 0px 2px 4px #0202022b;
  }
  
  .likeCount::before {
    height: 8px;
    width: 8px;
    position: absolute;
    content: "";
    background-color: #f2f2f2;
    transform: rotate(45deg);
    left: -4px;
  }
  
  .Btnn:hover .leftContainer {
    background-color: rgb(219, 0, 0);
  }
  
  .Btnn:active .leftContainer {
    background-color: rgb(201, 0, 0);
  }
  
  .Btnn:active .leftContainer svg {
    transform: scale(1.15);
    transform-origin: top;
  }
  


  .DownF {
    width: 50px;
    height: 50px;
    border: none;
    border-radius: 8px;
    background-color: rgba(142, 142, 142, 0.11);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    position: absolute;
    transition-duration: .3s;
    box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.11);
    right: 16px;
    bottom: 26px;
  }
  
  .svgIcon {
    fill: rgb(52, 167, 83);
  }
  
  .icon2 {
    width: 18px;
    height: 5px;
    border-bottom: 2px solid rgb(52, 167, 83);
    border-left: 2px solid rgb(52, 167, 83);
    border-right: 2px solid rgb(52, 167, 83);
  }
  
  .tooltip {
    position: absolute;
    left: -105px;
    opacity: 0;
    background-color: rgb(12, 12, 12);
    color: white;
    padding: 5px 10px;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    transition-duration: .2s;
    pointer-events: none;
    letter-spacing: 0.5px;
    z-index: 1111;
  }
  
  .tooltip::before {
    position: absolute;
    content: "";
    width: 10px;
    height: 10px;
    background-color: rgb(12, 12, 12);
    background-size: 1000%;
    background-position: center;
    transform: rotate(45deg);
    right: -5%;
    transition-duration: .3s;
  }
  
  .DownF:hover .tooltip {
    opacity: 1;
    transition-duration: .3s;
  }
  
  .DownF:hover {
    background-color: rgb(52, 167, 83);
    transition-duration: .3s;
  }
  
  .DownF:hover .icon2 {
    border-bottom: 2px solid rgb(235, 235, 235);
    border-left: 2px solid rgb(235, 235, 235);
    border-right: 2px solid rgb(235, 235, 235);
  }
  
  .DownF:hover .svgIcon {
    fill: rgb(255, 255, 255);
    animation: slide-in-top 0.6s cubic-bezier(0.250, 0.460, 0.450, 0.940) both;
  }
  
  @keyframes slide-in-top {
    0% {
      transform: translateY(-10px);
      opacity: 0;
    }
  
    100% {
      transform: translateY(0px);
      opacity: 1;
    }
  }
  
  
  @-webkit-keyframes nvfadeInDown {
    0% {
      opacity:.2;
      100% {
        opacity:1
      }
    }
    100% {
      opacity:1;
    }
  }
  @-moz-keyframes nvfadeInDown {
    0% {
      opacity:.2;
    }
    100% {
      opacity:1;
    }
  }


  
  .mh {
    -webkit-backface-visibility: hidden;
    -webkit-filter: blur(5px);
    filter: blur(5px);
    opacity: 0.9;
    -webkit-animation: nvfadeInDown 1s .1s ease both;
    -moz-animation: nvfadeInDown .3s .1s ease both;
  }

  .containerbox {
    position:absolute;
    width: 100%;
    height: 100%;
    display: none;
    align-items: center;
    justify-content: center;
    -webkit-box-reflect: below 0 linear-gradient(transparent, transparent, #0005);
    margin-left: -20px;
    z-index: 111;
  }
  .containerbox .loading {
      padding: 8px 30px;
      z-index: 11;
      border-radius: 30px;
      background: linear-gradient(144deg, #af40ff, #fff0 50%, #00ddeb);
      color: #fff;
      text-shadow: 0px 3px 6px #0202022b;
      font-weight: 700;
  }
  .containerbox .loader {
    position: absolute;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    animation: animate 2s linear infinite;
  }
  
  .containerbox .loader:nth-child(2),
  .containerbox .loader:nth-child(4) {
    animation-delay: -1s;
  }
  
  @keyframes animate {
    0% {
      transform: rotate(0deg);
      filter: hue-rotate(360deg);
    }
  
    100% {
      transform: rotate(360deg);
      filter: hue-rotate(0deg);
    }
  }
  
  .containerbox .loader:nth-child(1)::before,
  .containerbox .loader:nth-child(2)::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    width: 50%;
    height: 100%;
    background: linear-gradient(to top, transparent, rgba(0,255,249, 0.4));
    background-size: 100px 180px;
    background-repeat: no-repeat;
    border-top-left-radius: 100px;
    border-bottom-left-radius: 100px;
  }
  
  .containerbox .loader i {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 20px;
    height: 20px;
    background: #00fff9;
    border-radius: 50%;
    z-index: 100;
    box-shadow: 0 0 10px #00fff9,
      0 0 30px #00fff9,
      0 0 40px #00fff9,
      0 0 50px #00fff9,
      0 0 60px #00fff9,
      0 0 70px #00fff9,
      0 0 80px #00fff9,
      0 0 90px #00fff9,
      0 0 100px #00fff9;
  }
  
  .containerbox .loader span {
    position: absolute;
    inset: 20px;
    background:transparent;
    border-radius: 50%;
    z-index: 1;
  }


  .savesize {
    outline: 0;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: #34A753;
    min-width: 300px;
    border: 0;
    border-radius: 14px;
    box-sizing: border-box;
    padding: 16px 20px;
    color: #fff;
    font-size: 16px;
    font-weight: 700;
    text-transform: uppercase;
    overflow: hidden;
    cursor: pointer;
    text-shadow: 0px 4px 8px #02020282;
    background: linear-gradient( 100deg, #f79533, #f37055, #ef4e7b, #a166ab, #5073b8, #1098ad, #07b39b, #6fba82 );
    box-shadow: 0px 4px 12px 0 rgba(0, 0, 0, 0.28) !important;
    margin: 10px auto;
    border: 2px dashed #fff;
  }
  
  .savesize:hover {
    opacity: .95;
  }
  
  .savesize .animation {
    border-radius: 100%;
    animation: ripple 0.6s linear infinite;
  }
  
  @keyframes ripple {
    0% {
      box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.1), 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1);
    }
  
    100% {
      box-shadow: 0 0 0 20px rgba(255, 255, 255, 0.1), 0 0 0 40px rgba(255, 255, 255, 0.1), 0 0 0 60px rgba(255, 255, 255, 0.1), 0 0 0 80px rgba(255, 255, 255, 0);
    }
  }


  .filei {
    box-sizing: border-box;
    background: red;
    color: #fff;
    border-radius: 999px;
    min-width: 30px;
    height: 30px;
    line-height: 28px;
    font-size: 16px;
    box-shadow: 0 2px 5px 0 rgb(251, 66, 97);
    border: 2px solid #ffffff87;
    text-align: center;
  }
  .filei:before {
    content:" ";
    position:absolute;
    left:10px;
    top:8px;
    opacity:.75;
    width:0;
    height:0;
    background-color:red;
    border-radius:50%;
    box-shadow:0 0 10px rgba(0,0,0,.3) inset;
    z-index:-1
  }
  
  
  .compress-preview {
    background: #f79533;
    box-shadow: 0 6px 9px #5b625d47,0 2px 6px #3c424540,0 8px 16px #5656561a,4px 6.928px 16px #5656561a;
    font-size: 15px;
    font-weight: 600;
    color: #fff !important;
    width: 80px;
    height: 80px;
    border: 4px solid #fff;
    transform: rotate(16deg);
    text-align: center;
    padding: 20px 8px;
    border-radius: 40px;
    line-height: 16px;
    position: absolute;
    cursor: pointer;
    left: 6px;
    top: -15px;
    z-index: 999;
    text-transform: uppercase;
    text-shadow: 0px 2px 4px #02020269;
    background: linear-gradient( 100deg, #f79533, #f37055, #ef4e7b, #a166ab, #8a8349, #749f48, #fbac15, #f74747 );
  }

  .heartbeat {
	-webkit-animation: heartbeat 1.5s ease-in-out 3 both;
	        animation: heartbeat 1.5s ease-in-out 3 both;
}

 @-webkit-keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }
  @keyframes heartbeat {
    from {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-transform-origin: center center;
              transform-origin: center center;
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    10% {
      -webkit-transform: scale(0.91);
              transform: scale(0.91);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    17% {
      -webkit-transform: scale(0.98);
              transform: scale(0.98);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
    33% {
      -webkit-transform: scale(0.87);
              transform: scale(0.87);
      -webkit-animation-timing-function: ease-in;
              animation-timing-function: ease-in;
    }
    45% {
      -webkit-transform: scale(1);
              transform: scale(1);
      -webkit-animation-timing-function: ease-out;
              animation-timing-function: ease-out;
    }
  }

  
  .dd-selected{
    padding: 15px 25px 15px 50px !important;
  }
.dd-selected::before{
    content: "";
    width: 20px;
    height: 20px;
    margin-top: 7px;
    position: absolute;
    left: 16px;
    border-radius: 80px;
}

.select .dd-selected::before{
    background-color: #34a753;
    background-image: url("data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjE2IiB2aWV3Qm94PSIwIDAgMTAyNCAxMDI0IiB3aWR0aD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0ibTM0MS4wOSA0NjkuMDkgNzIuNzggNzIuNzhhNDguMjcgNDguMjcgMCAwIDAgNjguMjYgMGwyNjEuMjctMjYxLjI3YTQ4LjI2IDQ4LjI2IDAgMCAxIDU1LjcxLTlsMzcgMTguNWE0OC4yNiA0OC4yNiAwIDAgMSAxMi41NCA3Ny4yOWwtMzcwLjExIDM3MC4wN2E0OC4yNyA0OC4yNyAwIDAgMSAtNjQuMjcgMy41NGwtMjE3LTE3My42Yy0yOS44Ni0yMy45LTIxLjQtNzEuMzggMTQuODktODMuNDdsNzkuNTQtMjYuNTJhNDguMjYgNDguMjYgMCAwIDEgNDkuMzkgMTEuNjh6IiBmaWxsPSIjZmZmIi8+PC9zdmc+");
  background-repeat: no-repeat;
  background-position: 2px;
}
.selectset{margin-bottom: 10px;}

.noselect .dd-selected{
    background-color:#fff;
}
.noselect .dd-selected::before {
    background-color: #ddd;
  }

.dd-container:hover .dd-selected{
    background-color: #ff6c00;
}
.dd-container:hover .dd-selected .dd-selected-text,.dd-container:hover .dd-selected .dd-desc{
    color:#fff;
}

.dd-container:hover .dd-selected::before {
    background-color: #e86200;
  }

.combgbg{
    border-radius: 14px;
  }
  .mymore{padding: 10px;
    border-bottom: 1px solid #34a7533d;
    margin-bottom: 6px;
    color: #34a753;
    margin-right: 20px;}


.formatpost .leftformat{
    margin: 0 auto;}

.formatpost .container{margin-bottom: 100px;}


.set_image_all {
    cursor: pointer;
    position: relative;
    vertical-align: top;
}

.ratetool{margin-right: 10px;font-weight: 700;}
.set_image_all .set_image_item {
    position: relative;
    display: inline-block;
    z-index: 11;
    visibility: visible;
}

.set_image_all .set_image_top {
    position: absolute;
    left: 0;
    top: 0;
    z-index: 10;
}

.set_image_all .set_image_top>div {
    display: inline-block;
    overflow: hidden;
}

.set_image_all .set_image_top>div>img {
    height: 100%;
}

.grade {
    vertical-align: top;
    margin-left: 10px;
    font-weight: 300;
}
.grade strong{font-weight: 500;}
.thankyou{max-width: 300px;
margin: 20px auto;
padding: 10px;
background-color: #f3faf6;
border-radius: 6px;
line-height: 32px;}
.thankyou svg{
width: 32px;height: 32px;vertical-align: middle;fill: currentColor;overflow: hidden;margin-right: 10px;
}

.GoogleADS{margin: 0 auto;}