.spop-container { z-index: 2000; position: fixed } .spop-container, .spop-container *, .spop-container :after, .spop-container :before { box-sizing: border-box } .spop--top-left { top: 0; left: 0 } .spop--top-left .spop { -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0 } .spop--top-center { top: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .spop--top-center .spop { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } .spop--top-right { top: 0; right: 0 } .spop--top-right .spop { -webkit-transform-origin: 100% 0; -ms-transform-origin: 100% 0; transform-origin: 100% 0 } .spop--center { top: 50%; left: 50%; -webkit-transform: translate3d(-50%, -50%, 0); transform: translate3d(-50%, -50%, 0) } .spop--center .spop { -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0 } .spop--bottom-left { bottom: 0; left: 0 } .spop--bottom-left .spop { -webkit-transform-origin: 0 100%; -ms-transform-origin: 0 100%; transform-origin: 0 100% } .spop--bottom-center { bottom: 0; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%) } .spop--bottom-center .spop { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100% } .spop--bottom-right { bottom: 0; right: 0 } .spop--bottom-right .spop { -webkit-transform-origin: 100% 100%; -ms-transform-origin: 100% 100%; transform-origin: 100% 100% } @media screen and (max-width:30em) { .spop--bottom-center, .spop--bottom-left, .spop--bottom-right, .spop--top-center, .spop--top-left, .spop--top-right { margin: .7em .7em 95px 0px; border-top-right-radius: 60px; border-bottom-right-radius: 60px; } .spop--bottom-center .spop, .spop--bottom-left .spop, .spop--bottom-right .spop, .spop--top-center .spop, .spop--top-left .spop, .spop--top-right .spop { -webkit-transform-origin: 50% 100%; -ms-transform-origin: 50% 100%; transform-origin: 50% 100%; border-top-right-radius: 60px; border-bottom-right-radius: 60px; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); } .spop { border-bottom: 1px solid rgba(0, 0, 0, .15) } } .spop { position: relative; min-height: 56px; line-height: 1.25; font-size: 14px; -webkit-transform: translateZ(0); transform: translateZ(0) } @media screen and (min-width:30em) { .spop { margin: .7em .7em 125px 30px; border-radius: 6px; max-width: 400px; -webkit-box-shadow: 0 0.225rem 0.2875rem 0 rgba(0, 0, 0, .41); box-shadow: 0 0.225rem 0.2875rem 0 rgba(0, 0, 0, .41); } } .spop--error, .spop--info, .spop--success, .spop--warning { color: #fff; background-color: rgba(69, 74, 86, 0.91); } @-webkit-keyframes spopIn { 0% { -webkit-transform: scale(.2, .2); transform: scale(.2, .2) } 95% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1) } } @keyframes spopIn { 0% { -webkit-transform: scale(.2, .2); transform: scale(.2, .2) } 95% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { -webkit-transform: scale(1, 1); transform: scale(1, 1) } } @-webkit-keyframes spopOut { 0% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1) } 20% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0) } } @keyframes spopOut { 0% { opacity: 1; -webkit-transform: scale(1, 1); transform: scale(1, 1) } 20% { -webkit-transform: scale(1.1, 1.1); transform: scale(1.1, 1.1) } 100% { opacity: 0; -webkit-transform: scale(0, 0); transform: scale(0, 0) } } .spop--out { -webkit-animation: spopOut .4s ease-in-out; animation: spopOut .4s ease-in-out } .spop--in { -webkit-animation: spopIn .4s ease-in-out; animation: spopIn .4s ease-in-out } .spop-body { padding: 20px 30px; font-size: 16px; } .spop-body p { margin: 0 } .spop-body a { color: #fff; text-decoration: underline } .spop-body a:hover { color: rgba(255, 255, 255, .8); text-decoration: none } .spop-title { margin-top: 0; margin-bottom: .25em; color: #fff } .spop-close { position: absolute; right: 6px; top: 17px; height: 24px; width: 24px; padding: 2px; font-size: 22px; font-weight: 700; text-align: right; line-height: .6; color: #fff; opacity: 1; border-radius: 100%; } .spop-close:hover { opacity: 1; cursor: pointer; color: #000; border-radius: 100%; -webkit-box-shadow: 0 0 5px 2px rgba(0, 0, 0, .35); box-shadow: 0 0 2px 2px rgba(0, 0, 0, .135); background-color: #fff; } .spop-icon { position: absolute; top: 16px; left: 16px; width: 30px; height: 30px; border-radius: 50%; -webkit-animation: spopIn .4s .4s ease-in-out; animation: spopIn .4s .4s ease-in-out } .spop-icon:after, .spop-icon:before { content: ""; position: absolute; display: block } .spop-icon+.spop-body { padding-left: 4.2em } .spop-icon--error, .spop-icon--info { border: 2px solid #3a95ed } .spop-icon--error:before, .spop-icon--info:before { top: 5px; left: 11px; width: 4px; height: 4px; background-color: #3a95ed } .spop-icon--error:after, .spop-icon--info:after { top: 12px; left: 11px; width: 4px; height: 9px; background-color: #3a95ed } .spop-icon--error { border-color: #ff5656 } .spop-icon--error:before { top: 16px; background-color: #ff5656 } .spop-icon--error:after { top: 5px; background-color: #ff5656 } .spop-icon--success { border: 2px solid #2ecc54 } .spop-icon--success:before { top: 7px; left: 7px; width: 13px; height: 8px; border-bottom: 3px solid #2ecc54; border-left: 3px solid #2ecc54; -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg) } .spop-icon--warning { border: 2px solid #fcd000 } .spop-icon--warning:before { top: 2px; left: 4px; width: 0; height: 0; border-style: solid; border-color: transparent; border-width: 0 6px 10px; content: "!"; font-size: 18px; font-weight: 700; color: #fcd000; } body { line-height: 1.3; } *, :after, :before { -webkit-box-sizing: border-box; box-sizing: border-box; } :focus { outline: none; } body { margin: 0; } h1, h2, p { margin-top: 0; } a { background: rgba(0, 0, 0, 0); } hr { -webkit-box-sizing: content-box; box-sizing: content-box; height: 0; } img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0; } svg:not(:root) { overflow: hidden; } input { font: inherit; margin: 0; } input { color: inherit; } input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } body { -webkit-font-smoothing: antialiased; font-size: 15px; line-height: 20px; letter-spacing: .3px; direction: ltr; font-variant-numeric: lining-nums; -ms-font-feature-settings: "lnum"1; -o-font-feature-settings: "lnum"1; -webkit-font-feature-settings: "lnum"1; font-feature-settings: "lnum"1; background: #fff; color: #161616; } hr { border: 0; border-bottom: 1px solid #fff; -webkit-box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); box-shadow: 1px 1px 1px 1px rgba(0, 0, 0, .1); } i { font-style: italic; } a { color: #e84807; } a, a:hover { text-decoration: none; } p { letter-spacing: .3px; font-size: 15px; line-height: 24px; margin-bottom: 12px; } .title { font-size: 42px; letter-spacing: 0; font-weight: 300; color: #383e45; margin-bottom: 8px; line-height: 46px; max-width: 800px; margin-left: auto; margin-right: auto; } @media (max-width:62em) { .title { font-size: 38px; line-height: 44px; } } @media (max-width:840px) { .title { font-size: 34px; line-height: 42px; } } @media (max-width:460px) { .title { font-size: 32px; line-height: 38px; } } .title2 { font-size: 24px; font-weight: 300; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #383e45; } @media (max-width:62em) { .title2 { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .title2 { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .title2 { font-size: 18px; line-height: 22px; } } img { image-orientation: from-image; } ::-webkit-input-placeholder { color: #7d7d7d; } ::-moz-placeholder { color: #7d7d7d; } :-ms-input-placeholder { color: #7d7d7d; } :-moz-placeholder { color: #7d7d7d; } .btn-icon { width: 36px; min-width: 0; padding: 0; height: 36px; border-radius: 100%; color: #fff; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .btn-icon svg { margin-right: 0; } .btn-icon:hover path, .btn-icon:hover svg { fill: #fff; } .btn-icon:active { color: #fff; background: #161616; } .btn-icon:active path, .btn-icon:active svg { fill: #fff; } .btn-icon path, .btn-icon svg { fill: #fff; } .btn-icon--white { background: #fff; color: #161616; } .btn-icon--white path, .btn-icon--white svg { fill: #161616; } .btn-icon--white:hover { background: #fff; } .btn-icon--white:hover path, .btn-icon--white:hover svg { fill: #e84807; } .btn-icon--white:active { background: #fff; } .btn-icon--white:active path, .btn-icon--white:active svg { fill: #626870; } .tool ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px #f1f1f1; background-color: #f1f1f1; } .tool ::-webkit-scrollbar { width: 8px; background-color: #b3d5ad; } .tool ::-webkit-scrollbar-thumb { background-color: #b3d5ad; border: 1px solid #b3d5ad; border-radius: 8px; } .main { margin-top: 60px; overflow: hidden; } @media (max-width:840px) { .main { margin-top: 60px !important; } } .network { display: -ms-flexbox; display: flex; display: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; text-align: center; max-width: 500px; position: fixed; bottom: 120px; -webkit-box-shadow: 0px 2px 20px 0px rgba(201, 201, 201, 0.84); -moz-box-shadow: 0px 2px 20px 0px rgba(201, 201, 201, 0.84); box-shadow: 0px 2px 20px 0px rgba(201, 201, 201, 0.84); color: #161616; z-index: 99999; border-radius: 50px; border: 2px solid #ea3d01 !important; padding: 24px; -ms-flex-align: center; left: calc(50% - 250px + 207px); align-items: center; } .network font { color: #ea3d01; } .tool { height: calc(100vh - 60px); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: auto; overflow-x: hidden; } .convert__header { padding: 6px 24px 30px; } #settingsToogle { display: none; } @media (max-width:840px) { #settingsToogle { display: -ms-inline-flexbox; display: inline-flex; } } .uploader__droptxt { -ms-flex: 0 0 100%; flex: 0 0 100%; } #uploadDisk { display: none; } @media (max-width:501px) { .uploader .uploader__extra { margin-left: auto; } .uploader__droptxt { display: none; } } .moxie-shim { width: 100% !important; } .option__panel { display: block; position: absolute; left: 100%; z-index: 0; width: 100%; -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; padding-bottom: 120px; } .option__panel--active { display: block; left: 0; z-index: 99; } .option__panel__title { font-size: 24px; font-weight: 400; line-height: 61px; letter-spacing: 0; color: #383e45; margin-bottom: 0; text-transform: uppercase; text-align: center; position: relative; background-color: #fff; border-left: 1px solid rgba(100, 121, 143, 0.422); } @media (max-width:62em) { .option__panel__title { font-size: 22px; line-height: 60px; } } @media (max-width:840px) { .option__panel__title { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .option__panel__title { font-size: 18px; line-height: 22px; } } @media (max-width:90em) { .option__panel__title { padding: 0px; } } .option__panel__content { padding: 16px 24px; } @media (max-width:90em) { .option__panel__content { padding: 12px 16px 4px; } } .process { height: auto; text-align: center; display: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .office--network { background-position: -55px -222px; } .office--network { width: 49px; height: 40px; } /*! CSS Used from: https://translate.googleapis.com/translate_static/css/translateelement.css */ .goog-te-spinner-pos { z-index: 1000; position: fixed; transition-delay: 0.6s; left: -1000px; top: -1000px; } .goog-te-spinner-animation { background: #ccc; display: flex; align-items: center; justify-content: center; width: 104px; height: 104px; border-radius: 50px; background: #fff url(//web-archive.nli.org.il/National_Library/oe_///www.gstatic.com/images/branding/product/2x/translate_24dp.png) 50% 50% no-repeat; transition: all 0.6s ease-in-out; transform: scale(0.4); opacity: 0; } .goog-te-spinner-animation-show { transform: scale(0.5); opacity: 1; } .goog-te-spinner { margin: 2px 0 0 2px; animation: goog-te-spinner-rotator 1.4s linear infinite; } .goog-te-spinner-path { stroke-dasharray: 187; stroke-dashoffset: 0; stroke: #4285f4; transform-origin: center; animation: goog-te-spinner-dash 1.4s ease-in-out infinite; } #goog-gt-tt div, #goog-gt-tt span, #goog-gt-tt h1, #goog-gt-tt img { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; text-align: left; line-height: normal; } div#goog-gt-tt { padding: 10px 14px; } #goog-gt-tt { color: #222; background-color: #ffffff; border: 1px solid #eee; box-shadow: 0 4px 16px rgba(0, 0, 0, .2); -moz-box-shadow: 0 4px 16px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, .2); display: none; font-size: 10pt; width: 420px; padding: 12px; position: absolute; z-index: 10000; } #goog-gt-tt .original-text { clear: both; font-size: 10pt; position: relative; text-align: justify; width: 100%; } #goog-gt-tt .logo { float: left; margin: 0px; } #goog-gt-tt .activity-links { display: inline-block; } #goog-gt-tt .started-activity-container { display: none; width: 100%; } #goog-gt-tt .activity-root { margin-top: 20px; } #goog-gt-tt .bottom { min-height: 15px; position: relative; height: 1%; } #goog-gt-tt .status-message { background: -moz-linear-gradient(top, #29910d 0%, #20af0e 100%); background: -webkit-linear-gradient(top, #29910d 0%, #20af0e 100%); background: -o-linear-gradient(top, #29910d 0%, #20af0e 100%); background: -ms-linear-gradient(top, #29910d 0%, #20af0e 100%); background: linear-gradient(top, #29910d 0%, #20af0e 100%); background: #29910d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; box-shadow: inset 0px 2px 2px #1e6609; -moz-box-shadow: inset 0px 2px 2px #1e6609; -webkit-box-shadow: inset 0px 2px 2px #1e6609; color: white; font-size: 9pt; font-weight: bolder; margin-top: 12px; padding: 6px; text-shadow: 1px 1px 1px #1e6609; } #goog-gt-tt .activity-link { color: #1155cc; cursor: pointer; font-size: 11px; margin-right: 15px; text-decoration: none; } #goog-gt-tt span:focus { outline: none; } /*! CSS Used keyframes */ @keyframes goog-te-spinner-rotator { 0% { transform: rotate(0deg); } 100% { transform: rotate(270deg); } } @keyframes goog-te-spinner-dash { 0% { stroke-dashoffset: 187; } 50% { stroke-dashoffset: 46.75; transform: rotate(135deg); } 100% { stroke-dashoffset: 187; transform: rotate(450deg); } } a, canvas, div, h1, h2, iframe, img, ins, p, span { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } button { cursor: pointer; -webkit-appearance: button; } :focus { outline: none; } h1, h2, p { margin-top: 0; } a { background: rgba(0, 0, 0, 0); } img { -ms-interpolation-mode: bicubic; vertical-align: middle; border: 0; } svg:not(:root) { overflow: hidden; } canvas { display: inline-block; } button, input { font: inherit; margin: 0; } input { color: inherit; } button { overflow: visible; } button { cursor: pointer; -webkit-appearance: button; } button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } input { line-height: normal; } p { letter-spacing: .3px; font-size: 15px; line-height: 24px; margin-bottom: 12px; } p:last-child { margin-bottom: 0; } img { image-orientation: from-image; } input:focus { border-color: #626870; } ::-webkit-input-placeholder { color: #7d7d7d; } ::-moz-placeholder { color: #7d7d7d; } :-ms-input-placeholder { color: #7d7d7d; } :-moz-placeholder { color: #7d7d7d; } .btn--red { min-width: 200px; padding: 10px 24px 14px; text-shadow: none; border: none; text-decoration: none; border-radius: 0px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 0; color: #fff; background-color: #4caf50; } .btn--red:hover { -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2); box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2); text-decoration: none; } .btn--red:active { -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); } .btn--red svg { display: inline-block; vertical-align: bottom; margin-right: 8px; margin-top: 4px; } .btn--red>:last-child { margin-right: 0; } .btn--red:hover { background-color: #161616; } .btn--red:active { background-color: #ab0004; } .btn--red:disabled { background: #e1e1e1 !important; } .btn-icon, .uploader.box .uploader__btn { width: 55px; min-width: 0; padding: 0; height: 40px; border-radius: 0px; color: #555; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .btn-icon svg, .uploader.box .uploader__btn svg { margin-right: 0; } .btn-icon:hover path, .btn-icon:hover svg, .uploader.box .uploader__btn:hover path, .uploader.box .uploader__btn:hover svg { fill: #fff; } .btn-icon:active, .uploader.box .uploader__btn:active { color: #fff; background: #161616; } .btn-icon:active path, .btn-icon:active svg, .uploader.box .uploader__btn:active path, .uploader.box .uploader__btn:active svg { fill: #fff; } .btn-icon path, .btn-icon svg, .uploader.box .uploader__btn path, .uploader.box .uploader__btn svg { fill: #fff; } .sidebar-active .btn-icon path { fill: #444; } .uploader.box .uploader__btn span { display: none; } .btn-icon--white { background: #fff; color: #161616; } .btn-icon--white path, .btn-icon--white svg { fill: #161616; } .btn-icon--white:hover { background: #fff; } .btn-icon--white:hover path, .btn-icon--white:hover svg { fill: #4caf50; } .btn-icon--white:active { background: #fff; } .btn-icon--white:active path, .btn-icon--white:active svg { fill: #626870; } .main { margin-top: 65px; overflow: hidden; } @media (max-width:840px) { .main { margin-top: 60px; } } .box { position: relative; } .tool { height: calc(100vh - 68px); -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; overflow: auto; overflow-x: hidden; } .convert__header { padding: 6px 24px 8px; } .convert__header__title { font-size: 42px; letter-spacing: 0; font-weight: 400; color: #383e45; margin-bottom: 8px; line-height: 46px; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; -webkit-animation: fadeInDown 1s linear both; -moz-animation: fadeInDown 1s linear both; animation: fadeInDown 1s linear both; } @media (max-width:62em) { .convert__header__title { font-size: 38px; line-height: 44px; } } @media (max-width:840px) { .convert__header__title { font-size: 34px; line-height: 42px; } } @media (max-width:460px) { .sidebar-active .convert__header { display: none; } .convert__header__title { font-size: 16px !important; line-height: 38px; } } .convert__header__subtitle { text-align: center; font-size: 22px; font-weight: 300; color: #383e45; letter-spacing: 0; margin: 0 auto 8px; line-height: 32px; max-width: 1400px; } @media (max-width:62em) { .convert__header__subtitle { font-size: 18px; line-height: 22px; } } @media (max-width:840px) { .convert__header__subtitle { font-size: 16px; line-height: 20px; } } @media (max-width:460px) { .convert__header__subtitle { font-size: 14px; line-height: 18px; color: #aaa; } } .office__convertwindow { text-align: center; height: 100%; padding: 34px 24px 24px; -webkit-box-sizing: border-box; box-sizing: border-box; -ms-flex: 1 1; flex: 1 1; background-color: #fff; overflow-y: auto; overflow-x: hidden; position: relative; } .office__convertwindow__rendered { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; padding: 20px; -ms-flex-wrap: wrap; flex-wrap: wrap; display: none; margin-bottom: 100px; } .tool__sidebar { display: none; background: #fff; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; -ms-flex: 0 0; flex: 0 0; position: relative; overflow-x: hidden; } .tool__sidebar__inactive { position: fixed; top: 0; right: 0; width: 440px; height: 100%; z-index: 1031; display: none; -ms-flex-align: center; align-items: center; color: #555; font-weight: 400; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; padding-bottom: 10%; } @media (max-width:1440px) { .tool__sidebar__inactive { -ms-flex-preferred-size: 380px; flex-basis: 380px; width: 380px; } .option__panel__title { -ms-flex-preferred-size: 380px; flex-basis: 380px; width: 380px; } } .tool__sidebar__inactive>* { margin: 12px; } .sidebar-active .tool { -ms-flex-align: stretch; align-items: stretch; } .sidebar-active .office__convertwindow .convert__header .convert__header__subtitle { display: none; } .option__panel__title { -ms-flex-preferred-size: 440px; flex-basis: 440px; width: 440px; } .sidebar-active .btn-icon path, .btn-icon svg, .uploader.box .uploader__btn path, .uploader.box .uploader__btn svg { fill: #555; } .sidebar-active .btn-icon:hover path, .btn-icon:hover svg, .uploader.box .uploader__btn:hover path, .uploader.box .uploader__btn:hover svg { fill: #4caf50; } .sidebar-active .tool__sidebar { -ms-flex-preferred-size: 440px; flex-basis: 440px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 0 120px; overflow-x: hidden; overflow-y: auto; position: relative; z-index: 1000; border-left: 1px solid rgba(100, 121, 143, 0.422); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); } @media (max-width:1440px) { .sidebar-active .tool__sidebar { -ms-flex-preferred-size: 380px; flex-basis: 380px; } .option__panel__title { -ms-flex-preferred-size: 380px; flex-basis: 380px; } .converttools { right: 380px !important; } } .sidebar-active .converttools { display: -ms-flexbox; display: none; height: 100%; right: 438px; padding: 30px 8px 0px 8px; border-left: 1px solid rgba(100, 121, 143, 0.422); -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); background-color: #fff; top: 68px; } @media (max-width:500px) { .sidebar-active .converttools { right: 8px; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .sidebar-active .converttools .uploader__extra { -ms-flex-direction: column; flex-direction: column; margin-top: 0; top: 0; } .sidebar-active .converttools .uploader__extra a { margin-top: 0; } } @media (max-width:840px) { .sidebar-active .converttools { right: 8px; -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .sidebar-active .converttools .uploader__extra { -ms-flex-direction: column; flex-direction: column; margin-top: 0; } .sidebar-active .tool__sidebar { position: absolute; right: 0; top: 0; z-index: 99; width: 300px; -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-transform: translateX(100%); -ms-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all .4s ease-in; -o-transition: all .4s ease-in; transition: all .4s ease-in; } .sidebar-active .tool__sidebar__inactive { width: 300px; } .option__panel__title { -ms-flex-preferred-size: 300px; flex-basis: 300px; width: 300px; } .converttools { right: 304px; width: 42px; } .option__panel__title { display: none !important; } } #settingsToogle { display: none; } @media (max-width:840px) { #settingsToogle { display: -ms-inline-flexbox; display: inline-flex; margin-bottom: 12px; } } @-webkit-keyframes pulsate{ from{ opacity:1; transform:scale(1) } to{ opacity:0; transform:scale(1.5) } } @keyframes pulsate{ from{ opacity:1; transform:scale(1) } to{ opacity:0; transform:scale(1.5) } } .bopulsate:before{ display: block; position: absolute; top: 0; left: 0; content: ''; margin: -2px auto auto -6px; -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; border-radius: 40px; background-color: inherit; opacity: 1; z-index: -1; pointer-events: none; -webkit-animation: pulsate 4s cubic-bezier(0.2,1,0.2,1) infinite; animation: pulsate 4s cubic-bezier(0.2,1,0.2,1) infinite; } #processTask, #processTaskWrapper { position: fixed; bottom: 10px; width: 376px; margin: 0; z-index: 1030; display: none; -webkit-transition: none; -o-transition: none; transition: none; } @media (max-width:840px) { #processTask, #processTaskWrapper { width: 270px; left: calc(50% - 135px); } } @media (max-width:768px) { #processTask, #processTaskWrapper { width: 200px; left: calc(50% - 100px); } } #processTask, #processTaskWrapper { min-height: 56px; font-size: 28px; line-height: 28px; font-weight: 700; } @media (max-width:1440px) { #processTask, #processTaskWrapper { font-size: 24px; min-height: 64px; } } @media (max-width:768px) { #processTask, #processTaskWrapper { font-size: 18px; min-height: 48px; padding: 4px 8px; } } #processTask span { height: 24px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 4px; position: relative; vertical-align: bottom; margin-left: 8px; } #processTask span svg { margin-top: 4px; } #processTask { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 3001; clear: both; max-width: 100%; background-color: #e84807; min-height: 80px; } #processTask:not([disabled]):hover { background-color: #e84807; } #processTask:disabled:hover { box-shadow: none; } #processTask svg { transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; transform: scale(1.1); -ms-transform: scale(1.1); /* IE 9 */ -moz-transform: scale(1.1); /* Firefox */ -webkit-transform: scale(1.1); /* Safari 和 Chrome */ -o-transform: scale(1.1); } .btn--process:disabled:hover { box-shadow: 0 .125rem .1875rem 0 rgb(191, 191, 191), -.625rem -.625rem rgb(222, 222, 222), -1.25rem -1.25rem rgb(238, 239, 239); } #processTask:hover svg { -webkit-transform: translateX(6px); transform: translateX(6px); } #processTask span { display: -ms-flexbox; display: flex; min-height: inherit; } #processTaskWrapper { z-index: 9999; -webkit-box-shadow: none; box-shadow: none; } #dropWindow { display: none; } #dropWindow { font-size: 24px; font-weight: 400; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #383e45; min-height: 100%; position: fixed; z-index: 9999; width: 100%; top: 0; left: 0; background-color: rgba(0, 0, 0, 0.78); text-align: center; color: #fff; padding: 200px; } @media (max-width:62em) { #dropWindow { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { #dropWindow { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { #dropWindow { font-size: 18px; line-height: 22px; } } .converttools { position: fixed; display: none; -ms-flex-direction: column; flex-direction: column; z-index: 99; -ms-flex-align: center; align-items: center; } @media (max-width:1440px) { .converttools { width: 42px; } .uploader.box .uploader__btn { width: 32px !important; height: 32px !important; margin: 3px !important; } .sidebar-active #pickfiles { background-size: 24px !important; } } .sidebar-active #pickfiles { margin-bottom: 8px; background-position: center; background-repeat: no-repeat; background-size: 30px; background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg); border-radius: 100%; position: relative; z-index: 1; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .2), 0 1px 10px 0 rgba(0, 0, 0, .01), 0 2px 4px -1px rgba(0, 0, 0, .02); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, .2), 0 1px 10px 0 rgba(0, 0, 0, .01), 0 2px 4px -1px rgba(0, 0, 0, .02); } .sidebar-active .uploader.box:hover .uploader__extra a { border-radius: 40px; } .converttools .order { display: -ms-flexbox; display: flex; } .converttools .uploader__btn.tooltip:after, .converttools .uploader__btn.tooltip:before { display: block; } .uploader { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: auto; margin-right: auto; text-align: center; position: relative; } .sidebar-active .uploader { margin-left: unset; margin-right: unset; } @media (min-width:500px) { .uploader { margin-bottom: 20px; display: table; border-radius: 3px; } .uploader__btn { background-color: #e84807; min-width: 290px; margin-right: 110px; } .uploader__btn span { text-transform: uppercase; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 200px; } } .uploader__btn { min-width: 290px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; min-height: 70px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px 60px 20px 0px; font-weight: 300; font-size: 22px; line-height: 30px; vertical-align: middle; color: #fff; text-decoration: none; -ms-flex-order: 1; order: 1; max-width: 60vw; border-top-left-radius: 3px; border-bottom-left-radius: 3px; height: 74px; } @media (max-width:499px) { .btn-icon path, .btn-icon svg, .uploader.box .uploader__btn path, .uploader.box .uploader__btn svg { fill: #38a052; } .officelang-title { font-size: 14px; } .convertbody .network { left: 0px; bottom: 0px; border-radius: 0px; border: 0px solid transparent !important; border-top: 2px solid #ea3d01 !important; padding: 35px 5px; } .convert-none #processTask, #processTaskWrapper { background-image: none; width: 56px; left: calc(100% - 66px) !important; min-height: 56px !important; right: 5px !important; bottom: 30px !important; min-width: 56px; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important; box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.2), 0 1px 10px 0 rgba(0, 0, 0, 0.04), 0 2px 4px -1px rgba(0, 0, 0, 0.02) !important; border-radius: 50% !important; } .bopulsate:before{ width: 56px !important; min-height: 56px !important; margin:auto !important; } .convert-none #processTask span { display: none; } .uploader__btn { background-color: #fff; color: #000; } .uploader__btn { width: 100%; max-width: inherit; } .uploader { padding: 0px 20px; } .office__convertwindow { padding: 20px 0px; } #dropbox_file_selector, #gdrive_file_selector { border-radius: 100%; width: 40px; } #gdrive_file_selector:hover, #dropbox_file_selector:hover { background-color: #38a052; } .office__convertwindow::after { background-position-x: 0px !important; background-size: 88px auto !important; width: 88px !important; border-radius: 3px; height: 2px !important; margin-left: 10px; margin-bottom: 0px; } } .uploader__btn svg { display: none; } .file_uploader { max-width: 1100px; margin: 0px auto 20px; padding: 0px; } .sidebar-active .file_uploader { display: none; } .uploader__btn.active { position: relative; z-index: 11; clear: both; max-width: 100%; min-height: 0px; background-color: #e84807; background-position-y: 76px; min-width: 290px; } @media (max-width:840px) { .uploader__btn { font-size: 22px; padding: 24px 20px 24px 0px; } } .uploader__extra__btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; color: #555; -webkit-transition: all .1s linear; -o-transition: all .1s linear; transition: all .1s linear; cursor: pointer; margin: 6px 6px 8px; } .uploader__extra__btn svg { opacity: 0.6; } .sidebar-active .uploader__btn.active:hover { background-color: #ffaf00; } .uploader__btn.tooltip:after, .uploader__btn.tooltip:before { display: none; } .uploader__extra { -ms-flex-order: 2; order: 2; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: row; flex-direction: row; position: relative; margin-left: 0; } @media (min-width:500px) { .uploader__extra #dropbox_file_selector { margin-left: 55px; height: 74px; border-top-right-radius: 3px; border-bottom-right-radius: 3px; } .uploader__extra a { height: 74px; } .uploader__btn.active { min-width: 290px; background: #e84807 url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/computer.svg) 240px center no-repeat; background-size: 24px; background-position: right; background-position-x: 240px; } .uploader__extra { border-top-right-radius: 3px; border-bottom-right-radius: 3px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-left: calc(100%); position: absolute; top: 0px; z-index: 11; right: 0px; background-color: #e84807; width: 110px; height: 74px; } .uploader__extra__btn { margin: 0 0 0px; position: absolute; } .uploader__extra__btn svg { vertical-align: middle; min-width: inherit; } .uploader__extra a:hover { background-color: #d03c00 !important; -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); will-change: box-shadow; } .uploader .uploader__btn.active:hover { background-color: #d03c00 !important; -webkit-transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1); transition: all .2s cubic-bezier(.4, 0, .2, 1), box-shadow .2s cubic-bezier(.4, 0, 1, 1), -webkit-box-shadow .2s cubic-bezier(.4, 0, 1, 1); will-change: box-shadow; } } .uploader__extra__btn:hover svg { opacity: 1; } .uploader__extra__btn.active:hover svg { opacity: 1; } .uploader__extra__btn svg { max-width: 18px; } @media (min-width:500px) { .uploader__extra:nth-child(3) { margin-left: calc(100% + 80px); } .uploader__extra:nth-child(4) { margin-left: calc(100% + 120px); } .uploader__extra:nth-child(5) { margin-left: calc(100% + 300px); } } .uploader__droptxt { -ms-flex: 0 0 100%; flex: 0 0 100%; color: #777; } .file_uploader__filetxt { -ms-flex: 0 0 100%; flex: 0 0 100%; color: #959595; font-weight: 300; margin-top: 10px; margin-bottom: 20px; } .file_uploader__filetxt a { border-bottom: 1px solid #e84807; padding: 0 6px; color: #e84807; } .file_uploader__filetxt:hover a { border-bottom: 1px solid #aa3303; padding: 0 6px; color: #aa3303; } #uploadDisk { display: none; } @media (max-width:499px) { .uploader__extra__btn { margin: 6px 0px 8px; } .uploader__extra:nth-child(3) { display: none; } .uploader__extra:nth-child(4) { display: none; } .uploader__extra:nth-child(5) { display: none; } .uploader .uploader__extra { right: 25px; top: 10px; position: absolute; z-index: 100; } .uploader__btn.active { min-width: 300px; background-color: #fff !important; background-size: 42px !important; background-image: url('/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg'); background-repeat: no-repeat; background-position: left; background-position-x: left; background-position-x: 40px; } .uploader__btn.active span { text-transform: uppercase; color: #000; font-weight: 400; border-bottom: 0px solid transparent !important; font-size: 18px; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; max-width: 130px; } .uploader__btn.active:hover { background-color: #fff; border: 1px solid #4caf50 !important; -webkit-box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.32); box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.32); } .uploader__btn.active:hover span { color: #16731a; } .uploader__btn.active:hover::before { content: ""; display: flex; top: 0; left: 0; width: 100%; height: 100%; position: absolute; border-radius: 60px; z-index: -1; background-size: 42px !important; background-image: url('/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg'); background-repeat: no-repeat; background-position: left; background-position-x: left; background-position-x: left; background-position-x: left; background-position-x: 40px; } .file_uploader { background: none; } .officefree { display: none; } .file_uploader__filetxt { -ms-flex: 0 0 100%; flex: 0 0 100%; color: #555; display: none; } .file_uploader__filetxt a { border-bottom: 1px solid #555; padding: 0 6px; color: #555; display: none; } .file_uploader::after { background: none; } .uploader__btn { border: 1px solid #ccc !important; border-radius: 60px !important; margin-left: 0px; -webkit-box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.12); box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.12); } } .uploader.box { -ms-flex-direction: column; flex-direction: column; margin-bottom: 4px; } .uploader.box .moxie-shim, .uploader.box .uploader__droptxt { display: none; } .uploader.box .uploader__btn { width: 38px; height: 38px; padding: 0; margin-bottom: 8px; min-height: inherit; } .uploader.box .uploader__btn svg { display: block; } .uploader.box .uploader__extra { position: relative; top: auto; -ms-flex-align: center; align-items: center; margin: -40px 0 0; padding-top: 46px; z-index: -1; } .uploader.box .uploader__extra .uploader__extra__btn { background: #ddd; opacity: 0; } .uploader.box #uploadDisk { display: -ms-flexbox; display: flex; } .uploader.box .uploader__extra a { margin-top: -46px; -webkit-transition: all .2s ease-in; -o-transition: all .2s ease-in; transition: all .2s ease-in; } .uploader.box:hover .uploader__extra { z-index: 0; background-color: #ddd; border-radius: 40px; } .uploader.box { display: -ms-flexbox; display: flex; } .uploader.box:hover .uploader__extra a { margin-top: 0; opacity: 1; } .uploader.box #filecount { background-color: #fff; color: #555; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; position: absolute; z-index: 2; border-radius: 100%; min-width: 26px; min-height: 20px; margin-top: -8px; margin-left: -8px; font-size: 11px; font-weight: 700; border: 3px solid #4caf50; } .sidebar-active .btn-icon:hover path { fill: #4caf50 } .sidebar-active .btn-icon--white:hover path { fill: #fff } .sidebar-active .btn-icon--white:hover { background-color: #4caf50; } .sidebar-active .uploader.box { width: 38px; } .sidebar-active .uploader.box:hover .uploader__extra { z-index: 0; background-color: rgba(76, 175, 80, .12); border-radius: 40px; width: 38px; } .sidebar-active .uploader.box .uploader__extra .uploader__extra__btn { background: transparent; } .sidebar-active .uploader__extra .btn-icon path { fill: #046208; } .sidebar-active .uploader__extra .btn-icon:hover path { fill: #024a30; } .moxie-shim { width: 100% !important; } .add { margin: auto auto 24px; } .add .adslot_1 { margin: auto; } .support_formatss { display: none; padding: 0px; line-height: 50px; text-transform: uppercase; box-shadow: 0 18px 100px 4px rgba(0, 0, 0, .15); } @media (max-width:500px) { .add .adslot_1 { max-width: 320px; height: 100px; } } @media (min-width:500px) { .add .adslot_1 { width: 468px; height: 100px; } } @media (min-width:840px) { .add .adslot_1 { width: 728px; height: 90px; } } @media (min-width:1000px) { .add .adslot_1 { width: 780px; height: 90px; } .support_formatss { display: black; } } @media (min-width:1281px) { .add .adslot_1 { width: 970px; height: 90px; } } .file { z-index: 1; background-color: #fff; margin: 12px 6px; width: 198px; height: 244px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-line-pack: distribute; align-content: space-around; -ms-flex-pack: center; justify-content: center; position: relative; border: 1px solid transparent !important; background-color: #fff; } .file:hover { background-color: #fff; -webkit-transition: all .4s linear; -o-transition: all .4s linear; transition: all .4s linear; border: 1px solid rgba(4, 98, 8, 0.24) !important; } .file:hover .file__actions { display: -ms-flexbox; display: flex; } .file:hover .file__canvas:after { opacity: 1; } .file__actions { top: -18px; right: 8px; position: absolute; display: none; z-index: 9; } .file__btn { padding: 3px; width: 32px; height: 32px; -ms-flex: 0 0 32px; flex: 0 0 32px; text-align: center; background: #fff; margin-left: 4px; z-index: 1030; border-radius: 100%; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; border: 1px solid rgba(0, 0, 0, 0); } .file__btn { -webkit-box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.12); box-shadow: 0 0 5px 2px rgba(83, 83, 83, 0.12); } .file__btn:hover { background: #4caf50; -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3); box-shadow: 0 1px 2px 0 rgba(0, 0, 0, .3); border: 1px solid #4caf50 !important; } .file__btn.rotate svg { padding-bottom: 1px; fill: #046208; } .file__btn.rotate:hover path, .file__btn.rotate:hover svg { fill: #fff; } .file__btn.remove polygon, .file__btn.remove svg { fill: #046208; } .file__btn.remove:hover { background: #4caf50; } .file__btn.remove:hover polygon, .file__btn.remove:hover path { fill: #fff; } .file__canvas { margin-bottom: 20px; border: 1px solid rgba(0, 0, 0, 0.3); display: -ms-flexbox; display: flex; position: relative; -ms-flex-align: center; align-items: center; z-index: 1; } .file__canvas:after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; z-index: 0; -webkit-box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35); box-shadow: 0 12px 20px -12px rgba(0, 0, 0, 0.35); } .file__canvas canvas { background-color: #fff; display: -ms-flexbox; display: flex; position: relative; z-index: 0; } .file__canvas>div.password, .file__canvas canvas.password { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/pass.svg) !important; } .file__info { position: absolute; height: 32px; width: 100%; bottom: 3px; left: 0; z-index: 1; } @media (max-width:1440px) { .file__info { height: 28px; } } .file__info__name { display: inline-block; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; font-size: 12px; line-height: 16px; padding: 6px 8px; z-index: 99; width: 130px; font-weight: 400; background-size: 20px !important; background-position-x: 0px !important; background: #fff url(/National_Library/oe_/https://pl.office-converter.com/2021/format/all/pdf.svg) 8px center no-repeat; padding-left: 25px !important; } @media (max-width:1440px) { .file__info__name { padding: 4px; } } .file__info:hover .file__info__name { background-color: rgba(255, 255, 255, 0.79); position: absolute; left: 50%; right: 0; cursor: default; white-space: pre-wrap; overflow: visible; -o-text-overflow: clip; text-overflow: clip; width: -webkit-max-content; width: -moz-max-content; width: max-content; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); } .file__info:hover .file__info__name { background-color: #fff !important; font-size: 13px; transition: font-size .3s linear; border-radius: 5px; min-width: calc(100% - 20px); cursor: text; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14); background-position-x: 3px !important; } #sidebar:after { content: ""; width: 435px; position: fixed; height: 140px; bottom: 0; background: #fff; background: -webkit-gradient(linear, left bottom, left top, from(#fff), color-stop(70%, #fff), color-stop(95%, hsla(0, 0%, 100%, .5)), to(hsla(0, 0%, 100%, 0))); background: -webkit-linear-gradient(bottom, #fff, #fff 70%, hsla(0, 0%, 100%, .5) 95%, hsla(0, 0%, 100%, 0)); background: -o-linear-gradient(bottom, #fff 0, #fff 70%, hsla(0, 0%, 100%, .5) 95%, hsla(0, 0%, 100%, 0) 100%); background: linear-gradient(0deg, #fff, #fff 70%, hsla(0, 0%, 100%, .5) 95%, hsla(0, 0%, 100%, 0)); z-index: 222; } @media (max-width:1440px) { #sidebar:after { width: 375px; } } @media (max-width:840px) { #sidebar:after { display: none; } } .file:focus { box-shadow: 0 0 0 4px rgba(76, 175, 80, 0.1); border: 1px solid #4caf50 !important; } .gobutton { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .5px; color: #626870; text-align: center; margin: 24px; display: -ms-flexbox; display: flex; display: none; -ms-flex-direction: column; flex-direction: column; height: 60px; position: relative; color: #7d7d7d; } .gobutton, .gobutton:after { -webkit-transition: all .4s ease-out; -o-transition: all .4s ease-out; transition: all .4s ease-out; } .gobutton:after { position: absolute; top: 15px; left: 0; right: 0; display: block; content: ""; background: url(https://web-archive.nli.org.il/National_Library/oe_/http://192.168.64.3/img/items/go_arrow.svg) no-repeat 50%; width: 12px; height: 8px; } .gobutton:hover { color: #161616; } .gobutton:hover:after { top: 19px; color: #e84807; } .uploading { text-align: center; display: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .uploading__status__title { font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #383e45; } @media (max-width:62em) { .uploading__status__title { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .uploading__status__title { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .uploading__status__title { font-size: 18px; line-height: 22px; } } .uploading__status__title img { width: 24px; margin-right: 12px; margin-top: -4px; } .uploading__status__title:after { content: ""; width: 138px; height: 3px; display: block; margin: 12px auto; border-radius: 3px; background: url("data:image/png;base64, iVBORw0KGgoAAAANSUhEUgAAAIoAAAAECAIAAADeXzCbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8%2BIDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExODFEOUEyMzFBOERFQzcyQyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDozQTlDNkVFOEVGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDozQTlDNkVFN0VGQzIxMUUxOUJDNkEyREUzQzEzOUJGNiIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M2IChNYWNpbnRvc2gpIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6NDZENjQwNjM2MzIwNjgxMTgwODM4RUVFOTdCQkFFREQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTgxRDlBMjMxQThERUM3MkMiLz4gPC9yZGY6RGVzY3JpcHRpb24%2BIDwvcmRmOlJERj4gPC94OnhtcG1ldGE%2BIDw/eHBhY2tldCBlbmQ9InIiPz6z2rdVAAAAMElEQVR42mJkaP/OQHvwb7Y1A10AY%2B85Oln0OYwOtjAxjIJBDEajZzR6RgG5ACDAAGNHBgAfwwAlAAAAAElFTkSuQmCC") no-repeat right bottom; clear: both; max-width: 138px; min-height: 4px; opacity: 0.6; } .uploading__status__file { font-size: 15px; font-weight: 400; color: #161616; letter-spacing: .3px; line-height: 24px; margin-bottom: 28px; } @media (max-width:62em) { .uploading__status__file { font-size: 14px; line-height: 22px; } } .uploading__status__percent { font-size: 22px; font-weight: 400; color: #383e45; letter-spacing: 0; margin-bottom: 8px; line-height: 32px; text-transform: uppercase; } @media (max-width:62em) { .uploading__status__percent { font-size: 18px; line-height: 22px; } } @media (max-width:840px) { .uploading__status__percent { font-size: 16px; line-height: 20px; } } @media (max-width:460px) { .uploading__status__percent { font-size: 14px; line-height: 18px; } } .uploading__status__percent__value { font-size: 32px; letter-spacing: 0; font-weight: 700; color: #383e45; margin-bottom: 8px; line-height: 40px; max-width: 800px; margin-left: auto; margin-right: auto; } @media (max-width:62em) { .uploading__status__percent__value { font-size: 30px; line-height: 40px; } } @media (max-width:840px) { .uploading__status__percent__value { font-size: 28px; line-height: 38px; } } @media (max-width:460px) { .uploading__status__percent__value { font-size: 26px; line-height: 32px; } } .uploading__status__info { font-size: 15px; font-weight: 400; color: #161616; letter-spacing: .3px; margin-bottom: 12px; line-height: 24px; font-weight: 700; } @media (max-width:62em) { .uploading__status__info { font-size: 14px; line-height: 22px; } } .uploading__status__info span { font-weight: 400; } .uploading__bar { margin: 16px; width: 800px; height: 24px; border: 0px solid #fff; border-radius: 30px; overflow: hidden; background-color: #d9d9d9; box-shadow: 0 1px 0 rgba(255, 255, 255, .8), inset 0 2px 3px rgba(0, 0, 0, .2); transition: box-shadow .2s cubic-bezier(.4, 0, .2, 1); background: rgb(196, 225, 127) linear-gradient(to right, rgb(196, 225, 127), rgb(196, 225, 127) 12.5%, rgb(247, 253, 202) 12.5%, rgb(247, 253, 202) 25%, rgb(254, 207, 113) 25%, rgb(254, 207, 113) 37.5%, rgb(240, 119, 108) 37.5%, rgb(240, 119, 108) 50%, rgb(219, 157, 190) 50%, rgb(219, 157, 190) 62.5%, rgb(196, 156, 222) 62.5%, rgb(196, 156, 222) 75%, rgb(102, 154, 225) 75%, rgb(102, 154, 225) 87.5%, rgb(98, 194, 228) 87.5%, rgb(98, 194, 228)) repeat scroll 0% 0%; } .uploading__bar__completed { background-image: linear-gradient(90deg, #e84807, #ca3c03); -webkit-transition: all .6s linear; -o-transition: all .6s linear; transition: all .6s linear; display: block; height: 100%; width: 0; border-radius: 40px; box-shadow: 0 1px 0 rgba(142, 142, 142, 0.8), inset 0 2px 3px rgba(225, 4, 4, 0.24); } .process { height: auto; text-align: center; display: none; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /*! CSS Used keyframes */ @-webkit-keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .6); box-shadow: 0 0 0 0 rgba(255, 106, 88, .6); } 30% { -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); } 40% { -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); } to { -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0); box-shadow: 0 0 0 0 rgba(255, 106, 88, 0); } } @keyframes pulse { 0% { -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, .6); box-shadow: 0 0 0 0 rgba(255, 106, 88, .6); } 30% { -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); } 40% { -webkit-box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); box-shadow: 0 0 0 60px rgba(255, 106, 88, 0); } to { -webkit-box-shadow: 0 0 0 0 rgba(255, 106, 88, 0); box-shadow: 0 0 0 0 rgba(255, 106, 88, 0); } } .tippy-iOS { cursor: pointer !important } .tippy-notransition { transition: none !important } .tippy-popper { -webkit-perspective: 700px; perspective: 700px; z-index: 9999; outline: 0; transition-timing-function: cubic-bezier(.165, .84, .44, 1); pointer-events: none; line-height: 1.4; max-width: calc(100% - 10px); position: absolute; -webkit-transition: .3s ease; -moz-transition: .3s ease; transition: .3s ease; } .tippy-popper[x-placement^=top] .tippy-backdrop { border-radius: 40% 40% 0 0 } .tippy-popper[x-placement^=top] .tippy-roundarrow { bottom: -8px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } .tippy-popper[x-placement^=top] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(180deg); transform: rotate(180deg) } .tippy-popper[x-placement^=top] .tippy-arrow { border-top: 8px solid #333; bottom: -7px; margin: 0 6px; -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } .tippy-popper[x-placement^=top] .tippy-backdrop { -webkit-transform-origin: 0 25%; transform-origin: 0 25% } .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=visible] { -webkit-transform: scale(1) translate(-50%, -55%); transform: scale(1) translate(-50%, -55%) } .tippy-popper[x-placement^=top] .tippy-backdrop[data-state=hidden] { -webkit-transform: scale(.2) translate(-50%, -45%); transform: scale(.2) translate(-50%, -45%); opacity: 0 } .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=visible] { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .tippy-popper[x-placement^=top] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -webkit-transform: translateY(-20px); transform: translateY(-20px) } .tippy-popper[x-placement^=top] [data-animation=perspective] { -webkit-transform-origin: bottom; transform-origin: bottom } .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=visible] { -webkit-transform: translateY(-10px) rotateX(0); transform: translateY(-10px) rotateX(0) } .tippy-popper[x-placement^=top] [data-animation=perspective][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0) rotateX(60deg); transform: translateY(0) rotateX(60deg) } .tippy-popper[x-placement^=top] [data-animation=fade][data-state=visible] { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .tippy-popper[x-placement^=top] [data-animation=fade][data-state=hidden] { opacity: 0; -webkit-transform: translateY(-10px); transform: translateY(-10px) } .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=visible] { -webkit-transform: translateY(-10px); transform: translateY(-10px) } .tippy-popper[x-placement^=top] [data-animation=shift-away][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } .tippy-popper[x-placement^=top] [data-animation=scale][data-state=visible] { -webkit-transform: translateY(-10px) scale(1); transform: translateY(-10px) scale(1) } .tippy-popper[x-placement^=top] [data-animation=scale][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0) scale(.5); transform: translateY(0) scale(.5) } .tippy-popper[x-placement^=bottom] .tippy-backdrop { border-radius: 0 0 30% 30% } .tippy-popper[x-placement^=bottom] .tippy-roundarrow { top: -8px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } .tippy-popper[x-placement^=bottom] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(0); transform: rotate(0) } .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom: 8px solid #333; top: -7px; margin: 0 6px; -webkit-transform-origin: 50% 100%; transform-origin: 50% 100% } .tippy-popper[x-placement^=bottom] .tippy-backdrop { -webkit-transform-origin: 0 -50%; transform-origin: 0 -50% } .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=visible] { -webkit-transform: scale(1) translate(-50%, -45%); transform: scale(1) translate(-50%, -45%) } .tippy-popper[x-placement^=bottom] .tippy-backdrop[data-state=hidden] { -webkit-transform: scale(.2) translate(-50%); transform: scale(.2) translate(-50%); opacity: 0 } .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=visible] { -webkit-transform: translateY(10px); transform: translateY(10px) } .tippy-popper[x-placement^=bottom] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -webkit-transform: translateY(20px); transform: translateY(20px) } .tippy-popper[x-placement^=bottom] [data-animation=perspective] { -webkit-transform-origin: top; transform-origin: top } .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=visible] { -webkit-transform: translateY(10px) rotateX(0); transform: translateY(10px) rotateX(0) } .tippy-popper[x-placement^=bottom] [data-animation=perspective][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0) rotateX(-60deg); transform: translateY(0) rotateX(-60deg) } .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=visible] { -webkit-transform: translateY(10px); transform: translateY(10px) } .tippy-popper[x-placement^=bottom] [data-animation=fade][data-state=hidden] { opacity: 0; -webkit-transform: translateY(10px); transform: translateY(10px) } .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=visible] { -webkit-transform: translateY(10px); transform: translateY(10px) } .tippy-popper[x-placement^=bottom] [data-animation=shift-away][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0); transform: translateY(0) } .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=visible] { -webkit-transform: translateY(10px) scale(1); transform: translateY(10px) scale(1) } .tippy-popper[x-placement^=bottom] [data-animation=scale][data-state=hidden] { opacity: 0; -webkit-transform: translateY(0) scale(.5); transform: translateY(0) scale(.5) } .tippy-popper[x-placement^=left] .tippy-backdrop { border-radius: 50% 0 0 50% } .tippy-popper[x-placement^=left] .tippy-roundarrow { right: -16px; -webkit-transform-origin: 33.33333333% 50%; transform-origin: 33.33333333% 50% } .tippy-popper[x-placement^=left] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(90deg); transform: rotate(90deg) } .tippy-popper[x-placement^=left] .tippy-arrow { border-left: 8px solid #333; right: -7px; margin: 3px 0; -webkit-transform-origin: 0 50%; transform-origin: 0 50% } .tippy-popper[x-placement^=left] .tippy-backdrop { -webkit-transform-origin: 50% 0; transform-origin: 50% 0 } .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=visible] { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%) } .tippy-popper[x-placement^=left] .tippy-backdrop[data-state=hidden] { -webkit-transform: scale(.2) translate(-75%, -50%); transform: scale(.2) translate(-75%, -50%); opacity: 0 } .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=visible] { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .tippy-popper[x-placement^=left] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -webkit-transform: translateX(-20px); transform: translateX(-20px) } .tippy-popper[x-placement^=left] [data-animation=perspective] { -webkit-transform-origin: right; transform-origin: right } .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=visible] { -webkit-transform: translateX(-10px) rotateY(0); transform: translateX(-10px) rotateY(0) } .tippy-popper[x-placement^=left] [data-animation=perspective][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0) rotateY(-60deg); transform: translateX(0) rotateY(-60deg) } .tippy-popper[x-placement^=left] [data-animation=fade][data-state=visible] { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .tippy-popper[x-placement^=left] [data-animation=fade][data-state=hidden] { opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px) } .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=visible] { -webkit-transform: translateX(-10px); transform: translateX(-10px) } .tippy-popper[x-placement^=left] [data-animation=shift-away][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } .tippy-popper[x-placement^=left] [data-animation=scale][data-state=visible] { -webkit-transform: translateX(-10px) scale(1); transform: translateX(-10px) scale(1) } .tippy-popper[x-placement^=left] [data-animation=scale][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0) scale(.5); transform: translateX(0) scale(.5) } .tippy-popper[x-placement^=right] .tippy-backdrop { border-radius: 0 50% 50% 0 } .tippy-popper[x-placement^=right] .tippy-roundarrow { left: -16px; -webkit-transform-origin: 66.66666666% 50%; transform-origin: 66.66666666% 50% } .tippy-popper[x-placement^=right] .tippy-roundarrow svg { position: absolute; left: 0; -webkit-transform: rotate(-90deg); transform: rotate(-90deg) } .tippy-popper[x-placement^=right] .tippy-arrow { border-right: 8px solid #333; left: -7px; margin: 3px 0; -webkit-transform-origin: 100% 50%; transform-origin: 100% 50% } .tippy-popper[x-placement^=right] .tippy-backdrop { -webkit-transform-origin: -50% 0; transform-origin: -50% 0 } .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=visible] { -webkit-transform: scale(1) translate(-50%, -50%); transform: scale(1) translate(-50%, -50%) } .tippy-popper[x-placement^=right] .tippy-backdrop[data-state=hidden] { -webkit-transform: scale(.2) translate(-25%, -50%); transform: scale(.2) translate(-25%, -50%); opacity: 0 } .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=visible] { -webkit-transform: translateX(10px); transform: translateX(10px) } .tippy-popper[x-placement^=right] [data-animation=shift-toward][data-state=hidden] { opacity: 0; -webkit-transform: translateX(20px); transform: translateX(20px) } .tippy-popper[x-placement^=right] [data-animation=perspective] { -webkit-transform-origin: left; transform-origin: left } .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=visible] { -webkit-transform: translateX(10px) rotateY(0); transform: translateX(10px) rotateY(0) } .tippy-popper[x-placement^=right] [data-animation=perspective][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0) rotateY(60deg); transform: translateX(0) rotateY(60deg) } .tippy-popper[x-placement^=right] [data-animation=fade][data-state=visible] { -webkit-transform: translateX(10px); transform: translateX(10px) } .tippy-popper[x-placement^=right] [data-animation=fade][data-state=hidden] { opacity: 0; -webkit-transform: translateX(10px); transform: translateX(10px) } .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=visible] { -webkit-transform: translateX(10px); transform: translateX(10px) } .tippy-popper[x-placement^=right] [data-animation=shift-away][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0); transform: translateX(0) } .tippy-popper[x-placement^=right] [data-animation=scale][data-state=visible] { -webkit-transform: translateX(10px) scale(1); transform: translateX(10px) scale(1) } .tippy-popper[x-placement^=right] [data-animation=scale][data-state=hidden] { opacity: 0; -webkit-transform: translateX(0) scale(.5); transform: translateX(0) scale(.5) } .tippy-tooltip { position: relative; border-radius: 3px; font-size: .9rem; padding: .3rem .6rem; max-width: 350px; text-align: center; will-change: transform; background-color: #08530b } .tippy-tooltip[data-size=small] { padding: .2rem .4rem; font-size: .75rem } .tippy-tooltip[data-size=large] { padding: .4rem .8rem; font-size: 1rem } .tippy-tooltip[data-animatefill] { overflow: hidden; background-color: rgba(0, 0, 0, 0) } .tippy-tooltip[data-interactive], .tippy-tooltip[data-interactive] path { pointer-events: auto } .tippy-tooltip[data-inertia][data-state=visible] { transition-timing-function: cubic-bezier(.54, 1.5, .38, 1.11) } .tippy-tooltip[data-inertia][data-state=hidden] { transition-timing-function: ease } .tippy-arrow, .tippy-roundarrow { position: absolute; width: 0; height: 0 } .tippy-roundarrow { width: 24px; height: 8px; fill: #333; pointer-events: none } .tippy-backdrop { position: absolute; will-change: transform; background-color: #333; border-radius: 50%; width: calc(110% + 2rem); left: 50%; top: 50%; z-index: -1; transition: all cubic-bezier(.46, .1, .52, .98); -webkit-backface-visibility: hidden; backface-visibility: hidden } .tippy-backdrop:after { content: ""; float: left; padding-top: 100% } .tippy-backdrop+.tippy-content { transition-property: opacity; will-change: opacity } .tippy-backdrop+.tippy-content[data-state=visible] { opacity: 1 } .tippy-backdrop+.tippy-content[data-state=hidden] { opacity: 0 } .tippy-tooltip { color: #fff; font-size: 14px; background: #e84807; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-weight: 700; padding: 6px 12px; -webkit-box-shadow: 0 .155rem .1875rem 0 rgba(0, 0, 0, .21); background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(232, 72, 7) 100%); box-shadow: 0 2px 5px 0 rgba(251, 66, 97, .51); } .tippy-popper[x-placement^=left] .tippy-arrow { border-left: 8px solid #e84807; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0) } .tippy-popper[x-placement^=right] .tippy-arrow { border-right: 8px solid #fb5d5f; border-top: 8px solid rgba(0, 0, 0, 0); border-bottom: 8px solid rgba(0, 0, 0, 0) } .tippy-popper[x-placement^=top] .tippy-arrow { border-top: 8px solid #e84807; border-right: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid rgba(0, 0, 0, 0) } .tippy-popper[x-placement^=bottom] .tippy-arrow { border-bottom: 8px solid #e84807; border-right: 8px solid rgba(0, 0, 0, 0); border-left: 8px solid rgba(0, 0, 0, 0) } .tippy-content hr { border-top: 0; border-color: #7d7d7d } .dropimg { width: 280px; padding: 10px 20px; margin-bottom: 30px; } .input, button, input, select { font: inherit; margin: 0; } .input, input, select { color: inherit; } button { overflow: visible; } [type=button], [type=submit], button { cursor: pointer; -webkit-appearance: button; } .input::-moz-focus-inner, button::-moz-focus-inner, input::-moz-focus-inner, select::-moz-focus-inner { border: 0; padding: 0; } .input, input, select { line-height: normal; } input[type=checkbox] { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; } .checkmark__circle { stroke-dasharray: 166; stroke-dashoffset: 166; stroke-width: 2; stroke-miterlimit: 10; stroke: #7ac142; fill: none; -webkit-animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards; animation: stroke .6s cubic-bezier(.65, 0, .45, 1) forwards; } .checkmark { width: 56px; height: 56px; border-radius: 50%; display: block; stroke-width: 2; stroke: #fff; stroke-miterlimit: 10; margin: 32px auto; -webkit-box-shadow: inset 0 0 0 #7ac142; box-shadow: inset 0 0 0 #7ac142; -webkit-animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; animation: fill .4s ease-in-out .4s forwards, scale .3s ease-in-out .9s both; } .checkmark__check { -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; stroke-dasharray: 48; stroke-dashoffset: 48; -webkit-animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards; animation: stroke .3s cubic-bezier(.65, 0, .45, 1) .8s forwards; } .mb-2 { margin-bottom: 6px !important; } .modal { position: fixed; top: 0; left: 0; z-index: 3998; display: none; width: 100%; height: 100%; overflow: hidden; outline: 0; } .modal-open .modal { overflow-x: hidden; overflow-y: auto; z-index: 3998; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; background-color: transparent; } .modal-open #limitModal.modal { z-index: 4000; background-color: transparent; } .modal-dialog { position: relative; width: auto; margin: .5rem; pointer-events: none; } .modal.fade .modal-dialog { -webkit-transition: -webkit-transform .3s ease-out; transition: -webkit-transform .3s ease-out; -o-transition: transform .3s ease-out; transition: transform .3s ease-out; transition: transform .3s ease-out, -webkit-transform .3s ease-out; -webkit-transform: translateY(-50px); -ms-transform: translateY(-50px); transform: translateY(-50px); } @media (prefers-reduced-motion:reduce) { .modal.fade .modal-dialog { -webkit-transition: none; -o-transition: none; transition: none; } } .modal.show .modal-dialog { -webkit-transform: none; -ms-transform: none; transform: none; } .modal-content { z-index: 40000; position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; width: 100%; pointer-events: auto; background-clip: padding-box; border: 1px solid hsla(0, 0%, 9%, .2); border-radius: .3rem; outline: 0; } .modal-header { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; padding: 1rem; border-bottom: 1px solid #dee2e6; } .modal-header .close { padding: 1rem; margin: -1rem -1rem -1rem auto; } .modal-title { margin-bottom: 0; line-height: 1.5; } .modal-body { position: relative; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 1rem; color: #fff; } @media (min-width:576px) { .modal-dialog { max-width: 500px; margin: 1.75rem auto; } } @media (min-width:992px) { .modal-lg { max-width: 800px; } } @media (max-width:999px) { .modal-side { display: none; } } .card { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; min-width: 0; word-wrap: break-word; background-clip: border-box; border: 1px solid hsla(0, 0%, 9%, .125); border-radius: .25rem; } .card-title { margin-bottom: .75rem; } .card-subtitle { margin-top: -.375rem; } .card-subtitle { margin-bottom: 0; } .card-header { padding: .75rem 1.25rem; margin-bottom: 0; background-color: hsla(0, 0%, 9%, .03); border-bottom: 1px solid hsla(0, 0%, 9%, .125); } .card-header:first-child { border-radius: calc(.25rem - 1px) calc(.25rem - 1px) 0 0; } i { font-style: italic; } a { color: #e84807; } a, a:hover { text-decoration: none; } p { letter-spacing: .3px; font-size: 15px; line-height: 24px; margin-bottom: 12px; } p:last-child { margin-bottom: 0; } p a { font-weight: 700; } p a:hover { text-decoration: underline; } .title1 { font-size: 32px; letter-spacing: 0; font-weight: 700; color: #383e45; margin-bottom: 8px; line-height: 40px; max-width: 800px; margin-left: auto; margin-right: auto; } @media (max-width:62em) { .title1 { font-size: 30px; line-height: 40px; } .uploading__bar { width: 700px; } } @media (max-width:840px) { .title1 { font-size: 28px; line-height: 38px; } .uploading__bar { width: 540px; } } @media (max-width:460px) { .title1 { font-size: 26px; line-height: 32px; } .uploading__bar { width: 300px; } } .form__title { font-family: inherit; font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #626870; } @media (max-width:62em) { .form__title { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .form__title { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .form__title { font-size: 18px; line-height: 22px; } } small { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .5px; color: #626870; } strong { font-weight: 700; } .legalLink, .termsLink { color: #e84807; text-decoration: none; cursor: pointer; } .legalLink:hover, .termsLink:hover { text-decoration: none; } .hidden { display: none; } .input, input, select { background-color: #fff; border: 1px solid #b4b4b4; border-radius: 4px; font-size: 15px; font-weight: 400; color: #333; -webkit-transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out, -webkit-box-shadow .15s ease-in-out; height: 42px; padding: 4px 12px 8px; line-height: 1.33;} .input:focus, input:focus, select:focus { border-color: #626870; } [type=password], [type=text] { padding: 2px 12px 6px; } label { font-size: 15px; font-weight: 400; letter-spacing: .3px; margin-bottom: 12px; line-height: 24px; } label, label a:hover { color: #161616; } @media (max-width:62em) { label { font-size: 14px; line-height: 22px; } } .input { display: block; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; vertical-align: middle; margin-bottom: 8px; } .input.valid { border-color: #4acd86; } .input.valid:before { color: #4acd86; } label:hover:before { border: 1px solid #626870 !important; } .form__title { margin-bottom: 25px; text-align: center; } button[type=submit] { margin-top: 24px; } .form-group+.form-actions { margin-top: 32px; } select { border-radius: 4px; } select { border-radius: 4px; background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/select.svg); background-repeat: no-repeat; background-position: right 10px center; padding: 2px 44px 6px 12px; } select, select.simple { -webkit-appearance: none; -webkit-box-shadow: none; box-shadow: none; } select.simple { border: 0; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/select-simple.svg); background-repeat: no-repeat; background-position: right 10px center; padding: 2px 28px 2px 2px; } .btn:active, button:active { -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); } .btn i, button i { margin: auto 6px auto 0; } button svg { display: inline-block; vertical-align: bottom; margin-right: 8px; margin-top: 4px; } .btn>:last-child, button>:last-child { margin-right: 0; } .btn:active, button:active { background-color: #161616; } .btn:disabled, button:disabled { background: #dadce0 !important } .btn--orange { min-width: 200px; padding: 10px 24px 14px; text-shadow: none; border: none; text-decoration: none; border-radius: 4px; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; text-align: center; -webkit-transition: all .2s linear; -o-transition: all .2s linear; transition: all .2s linear; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14); font-size: 18px; font-weight: 400; line-height: 18px; letter-spacing: 0; color: #161616 !important; background-color: #ffb400; } .btn--orange:hover { -webkit-box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2); box-shadow: 0 2px 8px 2px rgba(0, 0, 0, .2); text-decoration: none; } .btn--orange:active { -webkit-box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 1px 6px 0 rgba(0, 0, 0, .14); } .btn--orange:hover { color: #161616; background-color: #ffe096; } .btn--orange:active { color: #fff; background-color: #ff7202; } .btn--orange:disabled { background: #e1e1e1 !important; } .card { margin-bottom: 16px; border: 0; border-radius: 2px; -webkit-box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08); box-shadow: 0 1px 15px 1px rgba(69, 65, 78, .08); background-color: #fff; } .card-header { background: #fff; border: 0; padding: 12px 24px; } .card-block { padding: 24px; border-top: 1px dashed #ebedf2; } .card-title { font-size: 20px; font-weight: 700; line-height: 30px; letter-spacing: 0; color: #626870; margin-top: 0; } @media (max-width:62em) { .card-title { font-size: 18px; line-height: 26px; } } @media (max-width:840px) { .card-title { font-size: 16px; line-height: 24px; } } @media (max-width:460px) { .card-title { font-size: 18px; line-height: 22px; } } .card .pricing__price__code, .card .pricing__price__numbers { color: #161616; } .modal .card { -webkit-box-shadow: none !important; box-shadow: none !important; } .card .auth-icon { margin: 0 12px 0 0; background-position: 50%; width: 24px; height: 24px; background-size: contain; border-radius: 0; } .card .auth-clients li { margin: 0; } @media (min-width:992px) { .modal-lg { max-width: 1000px; } } .modal-content { border: none; border-radius: 0; } .modal-body { padding: 12px 26px 24px; } .modal-header { padding: 0px; border-bottom: none; } .modal-header .close { z-index: 1; padding: 0; width: 40px; height: 40px; border-radius: 100%; min-width: 24px; position: absolute; top: 80px; right: 80px; background: transparent; -webkit-box-shadow: none; box-shadow: none; color: #626870; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; border: 2px solid #fff !important; } .modal-header .close polygon, .modal-header .close svg { fill: #fff; margin: 0; } .modal-header .close:hover { color: #fff; -webkit-box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14); box-shadow: 0 1px 26px 0 rgba(0, 0, 0, .14); background: #fff; } .modal-header .close:hover polygon, .modal-header .close:hover svg { fill: #e7352c; } .modal-header .modal-title { font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #e84807; text-align: left; } @media (max-width:62em) { .modal-header .modal-title { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .modal-header .modal-title { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .modal-header .modal-title { font-size: 18px; line-height: 22px; } } .modal .card-block, .modal .card-header { padding-left: 0; padding-right: 0; } .modal.show .modal-dialog {} .modal.fade .modal-dialog {} .modal-side { background-size: 105%; } ul ::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, .3); background-color: #f5f5f5; } ul ::-webkit-scrollbar { width: 4px; background-color: #e84807; } ul ::-webkit-scrollbar-thumb { background-color: #ff6a58; border: 1px solid #ff6a58; border-radius: 8px; } .checklist { margin-bottom: 12px; } .checklist__ok:before { content: ""; width: 12px; height: 12px; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/ok_sm.svg) no-repeat 50%; margin-right: 8px; } .checklist--small { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .5px; color: #626870; } .limit-modal .modal-header { text-align: center; -ms-flex-pack: center; justify-content: center; } .limit-modal .modal-header .modal-title { font-size: 22px; letter-spacing: 0; font-weight: 300; color: #e84807; margin-bottom: 8px; line-height: 40px; max-width: 800px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 8px; } @media (max-width:62em) { .limit-modal .modal-header .modal-title { font-size: 30px; line-height: 40px; } } @media (max-width:840px) { .limit-modal .modal-header .modal-title { font-size: 28px; line-height: 38px; } } @media (max-width:460px) { .limit-modal .modal-header .modal-title { font-size: 26px; line-height: 32px; } } .limit-modal #modalLeft { -ms-flex: 0 0 55%; flex: 0 0 55%; min-height: 60vh; max-height: 80vh; padding: 12px 52px; overflow: auto; } .limit-modal #modalLeft .card { margin-bottom: 0; } .limit-modal #modalLeft .card--payment { height: auto !important; } .limit-modal .auth__box { width: inherit; padding: 0; text-align: center; min-width: 444px; margin: auto; } .limit-modal .auth__box form button { margin-top: 8px; } .limit-modal #modalRight { -ms-flex: 0 0 50%; flex: 0 0 50%; text-align: center; } .limit-modal #modalRight .title2 { text-align: center; font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #fff; } @media (max-width:62em) { .limit-modal #modalRight .title2 { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .limit-modal #modalRight .title2 { font-size: 20px; line-height: 26px; } } @media (max-width:460px) { .limit-modal #modalRight .title2 { font-size: 18px; line-height: 22px; } } .limit-modal #modalRight .auth__box { max-width: 354px; padding: 38px 24px; } .limit-modal .auth__info__more { color: #fff; } .limit-modal .card { text-align: center; } .limit-modal .pricing__price__numbers { color: #161616; } .pricing__account__body { padding: 0 24px 24px; } .pricing__price__numbers { font-size: 32px; letter-spacing: 0; font-weight: 700; color: #fff; margin-bottom: 8px; line-height: 40px; max-width: 800px; margin-left: auto; margin-right: auto; } @media (max-width:62em) { .pricing__price__numbers { font-size: 30px; line-height: 40px; } } @media (max-width:840px) { .pricing__price__numbers { font-size: 28px; line-height: 38px; } } @media (max-width:460px) { .pricing__price__numbers { font-size: 26px; line-height: 32px; } } .pricing__price__code { font-size: 24px; font-weight: 700; line-height: 34px; margin-bottom: 12px; letter-spacing: 0; color: #383e45; margin-left: 4px; text-transform: uppercase; color: #fff; } @media (max-width:62em) { .pricing__price__code { font-size: 22px; line-height: 30px; } } @media (max-width:840px) { .pricing__price__code { font-size: 20px; line-height: 26px; } .modal-header .close { top:30px !important; right: 30px !important; } } @media (max-width:460px) { .pricing__price__code { font-size: 18px; line-height: 22px; } } .pricing__list__item { -ms-flex-align: center; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; padding: 6px 0; } .pricing__list__item, .pricing__list__item__icon { display: -ms-flexbox; display: flex; align-items: center; } .pricing__list__item__icon { -ms-flex: 0 0 42px; flex: 0 0 42px; height: 25px; -ms-flex-align: center; } .pricing__list__item>span { -ms-flex-positive: 0; flex-grow: 0; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: calc(100% - 42px); flex-basis: calc(100% - 42px); padding-right: 24px; } .pricing__list__item ul { width: 100%; display: none; -ms-flex-direction: column; flex-direction: column; margin-top: 24px; -ms-flex-pack: center; justify-content: center; } .pricing__list__item ul.listcheck { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; } .pricing__list__item ul li { width: 100%; border-bottom: none; padding: 2px 46px; display: -ms-flexbox; display: flex; } .pricing__list__item ul li:nth-child(odd) { background-color: hsla(0, 0%, 47%, .1); } .pricing__list__item ul li span:last-child { margin-left: auto; } .pricing__list__item ul li.listcheck__item { background-color: rgba(0, 0, 0, 0); font-size: 10px; padding: 2px; margin-bottom: 0; } .pricing__list__item ul li.listcheck__item:before { left: -18px; top: 7px; } .pricing__list__item.item-convertmenu { cursor: pointer; position: relative; } .pricing__list__item.item-convertmenu:before { content: ""; width: 16px; height: 15px; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/down.svg) no-repeat 50%; position: absolute; right: 0; top: 18px; float: right; } .auth__box--signup-txt .item-common strong { color: #ffe407; } .auth__box--premium-txt .item-common strong { color: #ffb400; } .auth__box--premium-txt .item-convertmenu:before { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/downw.svg); } .pricejpy .pricing__price__code { font-size: 18px; } .pricejpy .payment__interval__item__price, .pricejpy .price__resume__total, .pricejpy .pricing__price__numbers { font-size: 24px; } .auth__box .item-convertmenu:before { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/downw.svg); } .price__resume { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding-bottom: 12px; } .price__resume__total { font-size: 32px; letter-spacing: 0; font-weight: 700; color: #383e45; line-height: 40px; max-width: 800px; margin: 0 12px 0 0; } @media (max-width:62em) { .price__resume__total { font-size: 30px; line-height: 40px; } } @media (max-width:840px) { .price__resume__total { font-size: 28px; line-height: 38px; } } @media (max-width:460px) { .price__resume__total { font-size: 26px; line-height: 32px; } } .price__resume__info { text-align: left; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-left: 12px; } .price__resume__info__period { font-size: 22px; font-weight: 400; color: #383e45; letter-spacing: 0; margin-bottom: 8px; line-height: 32px; margin-bottom: 0 !important; } @media (max-width:62em) { .price__resume__info__period { font-size: 18px; line-height: 22px; } } @media (max-width:840px) { .price__resume__info__period { font-size: 16px; line-height: 20px; } } @media (max-width:460px) { .price__resume__info__period { font-size: 14px; line-height: 18px; } } .price__resume__info__user { margin-top: auto; } .price__resume__change, .price__resume__info__user { font-size: 12px; line-height: 16px; font-weight: 400; letter-spacing: .5px; color: #626870; } .price__resume__change { cursor: pointer; } .price__resume__change:hover { color: #ffb400; } .wait { display: none; } .auth__box .auth-clients { -ms-flex-pack: center; justify-content: center; margin-bottom: 22px; } .auth__box form { text-align: center; } .auth__box form .checkbox { display: -ms-flexbox; display: flex; -ms-flex-pack: left; justify-content: left; margin-top: 12px; margin-bottom: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .auth__box form button { margin-bottom: 12px; } .auth__info__more { text-align: right; margin-left: auto; padding: 24px; } .auth__info__more a { color: #ffb400; } .auth__box { width: 354px; padding: 32px 0; } .auth__box .pricing__list__item__icon svg, .auth__box .pricing__list__item__icon svg g, .auth__box .pricing__list__item__icon svg path { fill: #e1e1e1; } .auth__box label { display: block; margin-bottom: 4px; } .social-auth { text-align: center; } .auth-clients { display: -ms-flexbox; display: flex; margin: 0 0 1em; list-style: none; overflow: auto; } .auth-clients li { display: block; margin: 0 1em 0 0; text-align: center; } .payment__interval { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-bottom: 12px; } .payment__interval__item { -ms-flex-positive: 1; flex-grow: 1; -ms-flex-preferred-size: 0; flex-basis: 0; max-width: 300px; margin: 4px; background: #e1e1e1; padding: 32px 12px 12px; border-radius: 8px; text-align: center; position: relative; cursor: pointer; } .payment__interval__item .payment__interval__item__price, .payment__interval__item .pricing__price__code, .payment__interval__item .pricing__price__numbers { color: #161616; } .payment__interval__item__name { font-size: 22px; font-weight: 400; color: #383e45; letter-spacing: 0; margin-bottom: 8px; line-height: 32px; text-align: center; } @media (max-width:62em) { .payment__interval__item__name { font-size: 18px; line-height: 22px; } } @media (max-width:840px) { .payment__interval__item__name { font-size: 16px; line-height: 20px; } } @media (max-width:460px) { .payment__interval__item__name { font-size: 14px; line-height: 18px; } } .payment__interval__item__price { font-size: 32px; line-height: 40px; position: relative; font-weight: 400; margin: 8px auto 14px; } .payment__interval__item__price span { display: inline-block; } .payment__interval__item__description { font-size: 12px; line-height: 14px; font-weight: 400; } .payment__interval__item__description .pricing__price__code, .payment__interval__item__description .pricing__price__numbers { font-size: 16px; color: #161616; } .payment__interval__item__description span { line-height: 15px; } .payment__interval__item__save { position: absolute; top: 12px; background: #6fe21c; font-size: 12px; font-weight: 400; line-height: 12px; right: 12px; color: #383e45; padding: 4px; border-radius: 8px; } .payment__interval__item:hover { background: #383e45; } .payment__interval__item--active, .payment__interval__item--active:hover { background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/payment-active.svg) no-repeat 50%; background-size: cover; } .payment__interval__item--active:before, .payment__interval__item--active:hover:before { position: absolute; top: 12px; left: 12px; content: ""; background: #4acd86 url(/National_Library/oe_/https://pl.office-converter.com/2021/img/check_w.svg) no-repeat 50%; background-size: 80%; border: 1px solid #1d9d58; width: 18px; height: 18px; border-radius: 100%; overflow: hidden; } .payment__interval__item--active, .payment__interval__item--active .payment__interval__item__name, .payment__interval__item:hover, .payment__interval__item:hover .payment__interval__item__name { color: #fff; } .payment__interval__item--active .payment__interval__item__price, .payment__interval__item--active .pricing__price__code, .payment__interval__item--active .pricing__price__numbers, .payment__interval__item:hover .payment__interval__item__price, .payment__interval__item:hover .pricing__price__code, .payment__interval__item:hover .pricing__price__numbers { color: #ffb400; } .payment__interval__item:hover .payment__interval__item__description--price, .payment__interval__item:hover .payment__interval__item__description--price .pricing__price__code { font-size: 12px; color: #ffb400; } .payment__option__or { text-align: center; margin: 12px; } .payment__option__or:after, .payment__option__or:before { width: 42px; height: 1px; background: #e1e1e1; content: ""; display: inline-block; margin: 0 8px; vertical-align: middle; } .payment__option__credit-cards { display: block; width: 125px; height: 35px; margin: auto; vertical-align: bottom; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/credit-cards.svg) no-repeat 50%; } #paymentPaypal, #paymentStripe { height: 35px; line-height: 12px; margin: 0 auto; } .modal button { width: auto; } .modal-side { min-width: 323px; color: #fff; padding: 0; background-image: linear-gradient(45deg, rgb(43, 132, 46), rgb(76, 175, 80)); } .modal .card { border: none; } .modal .card, .modal .card-header { background: none; } .limit-modal .auth-clients { -ms-flex-pack: center; justify-content: center; } .limit-modal .card-block { padding: 4px; border-top: 0; } .limit-modal .auth__box .title1 { color: #fff; } .wait { display: none; position: absolute; color: #fff; z-index: 6999; top: 0; left: 0; width: 100%; height: 100%; min-width: 150px; min-height: 150px; background: rgba(0, 0, 0, .8); padding-bottom: 180px; } .wait { font-size: 16px; font-weight: 400; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; background-size: 100px; background: rgba(0, 0, 0, .1) url(/National_Library/oe_/https://pl.office-converter.com/2021/img/wait.svg) no-repeat 50%; background-size: 120px; } /*! CSS Used from: Embedded */ #zoid-paypal-button-829ad8f310 { font-size: 0; width: 100%; overflow: hidden; min-width: 75px; } #zoid-paypal-button-829ad8f310>.zoid-outlet { display: inline-block; min-width: 75px; max-width: 750px; position: relative; } #zoid-paypal-button-829ad8f310>.zoid-outlet { width: 250px; height: 35px; } #zoid-paypal-button-829ad8f310>.zoid-outlet>iframe { min-width: 100%; max-width: 100%; width: 75px; height: 100%; position: absolute; top: 0; left: 0; } #zoid-paypal-button-829ad8f310>.zoid-outlet>iframe.zoid-component-frame { z-index: 100; } #zoid-paypal-button-829ad8f310>.zoid-outlet>iframe.zoid-visible { opacity: 1; } /*! CSS Used keyframes */ @-webkit-keyframes stroke { to { stroke-dashoffset: 0; } } @keyframes stroke { to { stroke-dashoffset: 0; } } @-webkit-keyframes fill { to { -webkit-box-shadow: inset 0 0 0 30px #7ac142; box-shadow: inset 0 0 0 30px #7ac142; } } @keyframes fill { to { -webkit-box-shadow: inset 0 0 0 30px #7ac142; box-shadow: inset 0 0 0 30px #7ac142; } } @-webkit-keyframes scale { 0%, to { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } @keyframes scale { 0%, to { -webkit-transform: none; transform: none; } 50% { -webkit-transform: scale3d(1.1, 1.1, 1); transform: scale3d(1.1, 1.1, 1); } } .modal-backdrop { position: fixed; top: 0; left: 0; z-index: 1040; width: 100vw; height: 100vh; background-color: rgba(30, 30, 30, 0.96); } .modal-backdrop.fade { opacity: 0; } .modal-backdrop.show { opacity: 1; z-index: 3997; } .sidebar-active .footer { display: none; }  .toast-title { font-weight: 400; } .toast-message span { font-weight: 400; border-bottom: 1px solid #fff !important; } #toast-container { position: fixed; z-index: 999999; bottom: 20px; left: 20px; min-width: 320px; } #toast-container * { -webkit-box-sizing: border-box; box-sizing: border-box } #toast-container>div { position: relative; overflow: hidden; margin: 0 0 6px; padding: 15px 15px 15px 50px; max-width: 500px; border-radius: 3px 3px 3px 3px; background-position: 15px; background-repeat: no-repeat; -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999; color: #fff; opacity: .8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80) } #toast-container>div:hover { -webkit-box-shadow: 0 0 12px #000; box-shadow: 0 0 12px #000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer } #toast-container>.toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important } #toast-container>.toast-error { background-image: url("data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB0PSIxNTczMDM0MzcxNjkyIiBjbGFzcz0iaWNvbiIgdmlld0JveD0iMCAwIDEwMjQgMTAyNCIgdmVyc2lvbj0iMS4xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHAtaWQ9IjEzMTkiIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjIwMCI+PGRlZnM+PHN0eWxlIHR5cGU9InRleHQvY3NzIj48L3N0eWxlPjwvZGVmcz48cGF0aCBkPSJNNTExLjY3NTEyNyAwQzIyOS4wODQ5MTQgMCAwIDIyOS4wODQ5MTQgMCA1MTEuNjc1MTI3UzIyOS4wODQ5MTQgMTAyMy4zNTAyNTQgNTExLjY3NTEyNyAxMDIzLjM1MDI1NCAxMDIzLjM1MDI1NCA3OTQuMjY1MzQgMTAyMy4zNTAyNTQgNTExLjY3NTEyN0MxMDIzLjA0MzU3NCAyMjkuMjEyMjY0IDc5NC4xMzc5OSAwLjMwNjY4IDUxMS42NzUxMjcgMHogbTAgOTExLjk5NTQ1MmMtMjIxLjA5MDQzNyAwLTQwMC4zMjAzMjUtMTc5LjIyOTg4OC00MDAuMzIwMzI1LTQwMC4zMjAzMjUgMC0yMjEuMDkwNDM3IDE3OS4yMjk4ODgtNDAwLjMyMDMyNSA0MDAuMzIwMzI1LTQwMC4zMjAzMjUgMjIxLjA5MDQzNyAwIDQwMC4zMjAzMjUgMTc5LjIyOTg4OCA0MDAuMzIwMzI1IDQwMC4zMjAzMjUtMC4zMDY2OCAyMjAuOTYzMDg2LTE3OS4zNTU5MzkgNDAwLjAxMzY0NS00MDAuMzIwMzI1IDQwMC4zMjAzMjV6IG0wLTY5Mi43MDYxMTJjLTQwLjIwMzY5NSAwLTczLjA5NjQ0NyAzMi44OTQwNTEtNzMuMDk2NDQ3IDczLjA5NjQ0N3YyMTkuMjg5MzRjMCA0MC4yMDM2OTUgMzIuODk0MDUxIDczLjA5NjQ0NyA3My4wOTY0NDcgNzMuMDk2NDQ3IDQwLjIwMzY5NSAwIDczLjA5NjQ0Ny0zMi44OTQwNTEgNzMuMDk2NDQ3LTczLjA5NjQ0N1YyOTIuMzg1Nzg3YzAtNDAuMjAzNjk1LTMyLjg5NDA1MS03My4wOTY0NDctNzMuMDk2NDQ3LTczLjA5NjQ0N3ogbTAgNDM4LjU3ODY4Yy00MC4yMDM2OTUgMC03My4wOTY0NDcgMzIuODk0MDUxLTczLjA5NjQ0NyA3My4wOTY0NDcgMCA0MC4yMDM2OTUgMzIuODk0MDUxIDczLjA5NjQ0NyA3My4wOTY0NDcgNzMuMDk2NDQ3IDQwLjIwMzY5NSAwIDczLjA5NjQ0Ny0zMi44OTQwNTEgNzMuMDk2NDQ3LTczLjA5NjQ0NyAwLTQwLjIwMzY5NS0zMi44OTQwNTEtNzMuMDk2NDQ3LTczLjA5NjQ0Ny03My4wOTY0NDd6IiBmaWxsPSIjZmZmZmZmIiBwLWlkPSIxMzIwIj48L3BhdGg+PC9zdmc+") !important; background-size: 24px; } #toast-container>.toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important } #toast-container>.toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important } #toast-container.toast-bottom-center>div, #toast-container.toast-top-center>div { width: 300px; margin-left: auto; margin-right: auto } #toast-container.toast-bottom-full-width>div, #toast-container.toast-top-full-width>div { width: 96%; margin-left: auto; margin-right: auto } .toast { background-color: #030303 } .toast-success { background-color: #51a351 } .toast-error { background-color: #8e0b05 } .toast-info { background-color: #2f96b4 } .toast-warning { background-color: #f89406 } .linecss { width: 206.8px; background: rgb(196, 225, 127) linear-gradient(to right, rgb(196, 225, 127), rgb(196, 225, 127) 12.5%, rgb(247, 253, 202) 12.5%, rgb(247, 253, 202) 25%, rgb(254, 207, 113) 25%, rgb(254, 207, 113) 37.5%, rgb(240, 119, 108) 37.5%, rgb(240, 119, 108) 50%, rgb(219, 157, 190) 50%, rgb(219, 157, 190) 62.5%, rgb(196, 156, 222) 62.5%, rgb(196, 156, 222) 75%, rgb(102, 154, 225) 75%, rgb(102, 154, 225) 87.5%, rgb(98, 194, 228) 87.5%, rgb(98, 194, 228)) repeat scroll 0% 0%; height: 3px; margin-left: -32px; border-radius: 10px; } .modal-header .regcss { padding: 0px 5px; } .portal { text-align: center; padding-top: 30px; height: 50px; } .userlogin { background-color: #4caf50; padding: 15px 60px; border-radius: 50px; color: #fff; font-weight: 400; } .userreg { background: #ff6f00; background: linear-gradient(to right, #ff6f00, #ff9f16); padding: 15px 60px; border-radius: 50px; color: #fff; font-weight: 400; } .userlogin:hover, .userreg:hover { background: #161616; } @media (max-width:240px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 11em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media (min-width:241px) and (max-width:480px) { #toast-container>div { padding: 8px 8px 8px 50px; width: 18em } #toast-container .toast-close-button { right: -.2em; top: -.2em } } @media (min-width:481px) and (max-width:768px) { #toast-container>div { padding: 15px 15px 15px 50px; width: 25em } } #toast-container.toast-bottom-left { bottom: 49px } #toast-container.toast-bottom-left>.toast-info { background-image: none; background-color: #fff; padding: 24px; width: 350px } #toast-container.toast-bottom-left>.toast-info a { color: #161616 !important } #toast-container.toast-bottom-left>.toast-info .langtoas { font-size: 12px; padding: 8px 12px; line-height: 12px; margin-right: 8px; background-color: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; display: inline-block; font-weight: 700; text-transform: uppercase; letter-spacing: .25px } #toast-container.toast-bottom-left>.toast-info .langtoas:hover { background-color: #b4b4b4 } #toast-container.toast-bottom-left>.toast-info .langtoas--big { padding: 8px 16px; float: right; color: #ffe !important; background-color: #4d90fe; border-radius: 5px; -webkit-box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14); box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .14) } #toast-container.toast-bottom-left>.toast-info .langtoas--big:hover { background-color: #161616 } #toast-container.toast-bottom-left>.toast-info .btn { font-size: 12px; padding: 8px 12px; line-height: 12px; margin-right: 8px; background-color: #e1e1e1; -webkit-box-shadow: none; box-shadow: none; -webkit-transition: none; -o-transition: none; transition: none; letter-spacing: .25px } #toast-container.toast-bottom-left>.toast-info .btn:hover { background-color: #b4b4b4 } #toast-container>div { opacity: .9 } #toast-container>div:hover { -webkit-box-shadow: 0 0 12px #999; box-shadow: 0 0 12px #999 } .file:hover .file__info__name { color: #003103; } .file:hover .file__info__names { color: #003103; } .file:hover:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; background: rgba(4, 98, 8, 0.02); height: 100%; z-index: 0; } .option__panel__title:after { content: ""; position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; height: 100%; z-index: 0; border-bottom: 1px solid #fff !important; } .file:hover .file__btn { border: 1px solid #4caf50; } .convertbody .option__panel__title { display: none; } .convertbody.sidebar-active .option__panel__title { display: block; } .convert-parameter.sidebar-active .header .qrcode a span { display: none; } .sidebar-active .header .qrcode a svg { display: block; } .sidebar-active .office-menu .convert__item--red a { background-color: #fff; color: #555; } .main-menu .convert-nav li.convertmenu-all { position: inherit; border-left: 1px solid transparent; border-right: 1px solid transparent; height: 65px; } .office--main::after { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-transition: opacity .3s ease-in-out; -o-transition: opacity .3s ease-in-out; transition: opacity .3s ease-in-out; height: 100%; z-index: 0; border-bottom: 1px solid #fff !important; } .nofile { background-image: url('/National_Library/oe_/https://pl.office-converter.com/2021/img/ok5.svg'); height: 167px; opacity: 1; width: 260px; background-size: 260px; background-repeat: no-repeat; background-position: center; } .option__panel__title:before { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; z-index: 0; } .option__panel__title::after { content: ''; position: absolute; left: 0; bottom: 0px; width: 100%; height: 100%; z-index: -1; border-left: 1px solid rgba(100, 121, 143, 0.222); } .index-line { margin: 20px 0px; width: 206.8px; background: rgb(196, 225, 127) linear-gradient(to right, rgb(196, 225, 127), rgb(196, 225, 127) 12.5%, rgb(247, 253, 202) 12.5%, rgb(247, 253, 202) 25%, rgb(254, 207, 113) 25%, rgb(254, 207, 113) 37.5%, rgb(240, 119, 108) 37.5%, rgb(240, 119, 108) 50%, rgb(219, 157, 190) 50%, rgb(219, 157, 190) 62.5%, rgb(196, 156, 222) 62.5%, rgb(196, 156, 222) 75%, rgb(102, 154, 225) 75%, rgb(102, 154, 225) 87.5%, rgb(98, 194, 228) 87.5%, rgb(98, 194, 228)) repeat scroll 0% 0%; height: 10px; border-radius: 8px; opacity: 0.8; } .office-line { margin: 8px auto; ; width: 22px; background: #ddd; height: 1px; border-radius: 8px; opacity: 0.8; } .sidebar-active .qrcode { -ms-flex-order: 3 !important; order: 3 !important; -ms-flex: 0 0 auto; flex: 0 0 auto; } .sidebar-active .desktop.office-menu { -ms-flex-order: 0 !important; order: 0 !important; -ms-flex: 0 0 auto; flex: 0 0 auto; margin-top: -1px; } .lineml0 { margin-left: 0px; } .showbuyb,.closec { display: none !important; } .convert-switcher .divtool a svg { width: 28px; height: 28px; } .convert-none #processTask, #processTaskWrapper { left: calc(50% - 200px + 215px); min-height: 80px; padding: 0px; border-radius: 60px; } .bopulsate:before{ width: 376px; min-height: 80px; } @media (max-width:840px) { .sidebar-active .showshare { display: none; } .showbuyb { display: block !important; margin-top: 10px; } .sidebar-active .convert-switcher { z-index: 100; width: 44px; position: fixed !important; right: 16px !important; margin-bottom: 0px !important; bottom: 140px !important; } .sidebar-active .convert-switcher .divtool { padding: 2px !important; } .sidebar-active .convert-switcher .BuyProduct { top: -12px !important; } .sidebar-active .convert-switcher .divtool a { margin: 0px !important; } .sidebar-active .convert-switcher .showbuyb a { margin: 0px !important; } .sidebar-active .office-menu { -ms-flex-order: 3 !important; order: 3 !important; flex: 0 0 20%; } .sidebar-active .converttools { border-left: 0px solid rgba(100, 121, 143, 0.222); background-color: transparent; left: 15px !important; right: auto !important; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0), 0 1px 10px 0 rgba(0, 0, 0, 0), 0 2px 4px -1px rgba(0, 0, 0, 0); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0), 0 1px 10px 0 rgba(0, 0, 0, 0), 0 2px 4px -1px rgba(0, 0, 0, 0); top: auto; } .convert-switcher .divtool a svg { width: 22px; height: 22px; } .sidebar-active .office__convertwindow__rendered { margin-bottom: 100px !important; } .uploader__btn { min-width: 300px; } .convert-none #processTask { bottom: 10px; box-shadow: none; min-height: 60px; -webkit-box-shadow: none; left: calc(50% - 150px); border-radius: 50px; } .bopulsate:before{ width: 300px; min-height: 60px; } .onlinefooter { display: none; } body.sidebar-active { background: #fff; } .addfiles { height: 60px; display: block !important; width: 300px; background-position-x: 20px !important; border-radius: 60px; margin-bottom: 30px; border: 1px solid transparent !important; background-size: 32px !important; background-image: url('/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg'); background-repeat: no-repeat; background-position: left; -webkit-box-shadow: 0px 0px 10px -5px rgb(123, 123, 123); -moz-box-shadow: 0px 0px 10px -5px rgb(123, 123, 123); box-shadow: 0px 0px 10px -5px rgb(123, 123, 123); } .addfiles:focus { background: #f1f9f1 url('/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg') no-repeat left; } .add { margin: 10px; } .addw { width: 100%; } .googledrive.rotate:hover path, .dropboxfile.remove:hover path { fill: #023704; } .addfiles .file__canvas { display: none; } .addfiles .file__info { margin-top: 21px; margin-left: 60px; bottom: auto; text-align: left; } .addfiles .file__info .file__info__names { font-weight: 400; } .addfiles .file__actions { display: flex; top: 0px; } .addfiles .file__actions .file__btn { -webkit-box-shadow: none; box-shadow: none; height: 60px; border-radius: 0px; background: transparent; border: 1px solid transparent !important; } .file.addfiles:hover::after { background: transparent; } #processTask { width: 300px; left: calc(50% - 150px); border-radius: 60px; -webkit-box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .11), -.625rem -.625rem #dedede, -1.25rem -1.25rem hsla(0, 0%, 93%, .6); box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .11), -.625rem -.625rem #dedede, -1.25rem -1.25rem hsla(0, 0%, 93%, .6); } } .cd-popup-trigger { display: block; width: 170px; height: 50px; line-height: 50px; margin: 1px auto; text-align: center; color: #FFF; font-size: 14px; font-size: 0.875rem; font-weight: bold; text-transform: uppercase; border-radius: 50em; background: #35a785; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); } @media only screen and (min-width: 1170px) { .cd-popup-trigger { margin: 6em auto; } } .reg_line { margin-bottom: 20px; margin-top: 20px; display: block; } .reg_line span { display: inline-block; width: 80px; height: 3px; background-color: #f6b400; border-radius: 4px; } .cd-popup { position: fixed; left: 0; top: 0; height: 100%; width: 100%; background-color: rgba(8, 25, 43, 0.95); opacity: 0; visibility: hidden; -webkit-transition: opacity 0.3s 0s, visibility 0s 0.3s; -moz-transition: opacity 0.3s 0s, visibility 0s 0.3s; transition: opacity 0.3s 0s, visibility 0s 0.3s; z-index: 10001; display: none; } .cd-popup-container { position: relative; width: 100%; max-width: 400px; margin: 10em auto 0px; border-radius: .25em .25em .4em .4em; text-align: center; -webkit-transform: translateY(-40px); -moz-transform: translateY(-40px); -ms-transform: translateY(-40px); -o-transform: translateY(-40px); transform: translateY(-40px); -webkit-backface-visibility: hidden; -webkit-transition-property: -webkit-transform; -moz-transition-property: -moz-transform; transition-property: transform; -webkit-transition-duration: 0.3s; -moz-transition-duration: 0.3s; transition-duration: 0.3s; margin: 0 auto; top: 20%; } .cd-popup-container p { padding: 3em 1em; } .cd-popup-container .cd-buttons:after { content: ""; display: table; clear: both; } .cd-popup-container .cd-buttons li { float: left; width: 50%; } .cd-popup-container .cd-buttons a { display: block; height: 60px; line-height: 60px; text-transform: uppercase; color: #FFF; -webkit-transition: background-color 0.2s; -moz-transition: background-color 0.2s; transition: background-color 0.2s; } .cd-popup-container .cd-buttons li:first-child a { background: #fc7169; border-radius: 0 0 0 .25em; } .no-touch .cd-popup-container .cd-buttons li:first-child a:hover { background-color: #fc8982; } .cd-popup-container .cd-buttons li:last-child a { background: #b6bece; border-radius: 0 0 .25em 0; } .no-touch .cd-popup-container .cd-buttons li:last-child a:hover { background-color: #c5ccd8; } .cd-popup-container .cd-popup-close { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; border: 2px solid #fff !important; border-radius: 100%; } .cd-popup-container .cd-popup-close:hover { border: 2px solid #fff !important; background-color: #fff; } .cd-popup-container .cd-popup-close::before, .cd-popup-container .cd-popup-close::after { content: ''; position: absolute; top: 17px; width: 24px; height: 2px; background-color: #fff; } .cd-popup-container .cd-popup-close:hover::before, .cd-popup-container .cd-popup-close:hover::after { background-color: #e7352c; } .cd-popup-container .cd-popup-close::before { -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); -ms-transform: rotate(45deg); -o-transform: rotate(45deg); transform: rotate(45deg); left: 6px; } .cd-popup-container .cd-popup-close::after { -webkit-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -ms-transform: rotate(-45deg); -o-transform: rotate(-45deg); transform: rotate(-45deg); right: 6px; } .is-visible .cd-popup-container { -webkit-transform: translateY(0); -moz-transform: translateY(0); -ms-transform: translateY(0); -o-transform: translateY(0); transform: translateY(0); } .moretool { text-align: left; width: 38px; margin: 2px; } .moretool a { background-color: transparent; height: 38px; width: 38px; margin-top: 10px; } .moretool a:hover { background-color: rgba(76, 175, 80, 0.12); width: 38px; height: 38px; border-radius: 100%; } .addfiles { cursor: pointer; } .addfiles .file__canvas { border: 1px solid rgba(0, 0, 0, 0); transition: -webkit-transform .3s ease; transition: transform .3s ease; transition: transform .3s ease, -webkit-transform .3s ease; background-position: center; background-repeat: no-repeat; background-size: 70px; background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/add.svg); cursor: pointer !important; } .addfiles:hover .file__canvas { transform: scale(1.1); -ms-transform: scale(1.1); -moz-transform: scale(1.1); -webkit-transform: scale(1.1); -o-transform: scale(1.1); } .addfiles .file__canvas canvas { background-color: transparent; } .addfiles:hover .file__canvas::after, .addfiles .file__canvas::after { opacity: 0; } body.process-run { background: #fff; } body.process-run .office--main { -ms-flex-pack: center; justify-content: center; background: none; border-bottom: none; box-shadow: none; } body.process-run .office--main .office-menu { display: none } body.process-run .office--main .header__nav { display: none } body.process-run .office--main .desktop { display: none } body.process-run .office--main .option__panel__title { display: none } body.process-run .header .brand { -ms-flex: 0 1 180px; flex: 0 1 180px; box-shadow: none; border-right: none; } body.process-run .header { border-bottom: 1px solid rgba(100, 121, 143, 0); background-color: #fff; box-shadow: none; } body.process-run .main .tool .office__convertwindow .converttools, body.process-run .main .tool .office__convertwindow .convert__header, body.process-run .main .tool .office__convertwindow__rendered, body.process-run .main .tool .tool__sidebar, body.process-run .main .tool #processTask { display: none !important; } body.process-run .main { margin-top: 88px; } body.process-run .main .tool { height: auto; } .convert-parameter #processTask { right: 10px; } .file__info__names { font-size: 14px; font-weight: 400; text-transform: capitalize; } .convert-none .tool__sidebar { display: none !important; } .convert-none .option__panel__title { display: none !important; } .title-badge { background: #dc3c00; color: #fff; font-size: .75rem; line-height: 34px; font-weight: 400; background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%); box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); } .title-badge { left: -8px; padding: 1px 18px; position: absolute; top: 0px; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); margin-left: 8px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .buy-badge { background: #dc3c00; color: #fff; font-size: .75rem; line-height: 26px; font-weight: 400; } .buy-badge::after { content: " "; bottom: -8px; height: 0; position: absolute; width: 0; } .buy-badge { left: -8px; padding: 1px 18px; position: absolute; top: 64px; -webkit-transform: translate(0, -100%); transform: translate(0, -100%); margin-left: 8px; border-top-right-radius: 24px; border-bottom-right-radius: 24px; } .buy-badge::after { border: 4px solid #000; border-bottom: 4px solid transparent; border-left: 4px solid transparent; left: 0; } .doc-title { -webkit-animation: fadeInDown .5s linear both; -moz-animation: fadeInDown .5s linear both; animation: fadeInDown .5s linear both; } .sortable-ghost { border: 1px dashed #dc3c00 !important; background-color: #fff; } .sortable-ghost>* { display: none } .tool-merge .file__canvas { cursor: move; } .neterror { position: fixed; width: 32px; height: 32px; margin-top: -7px; vertical-align: -0.22em; fill: currentColor; } .document .file__canvas canvas { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/document.svg); } .document .file__canvas::after { padding-top: 97px; font-weight: 300; color: #fff; text-shadow: 1px 1px rgba(0, 0, 0, .3); font-size: 16px; } .archive .file__canvas canvas { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/archive.svg); } .archive .file__canvas::after { padding-top: 91px; font-weight: 700; color: #2e485f; text-shadow: 1px 1px rgba(255, 255, 255, .8); font-size: 18px; } .audio .file__canvas canvas { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/audio.svg); } .audio .file__canvas::after { content: attr(data-exp); padding-top: 100px; font-weight: 400; color: #000; text-shadow: 1px 1px rgba(255, 255, 255, .8); font-size: 14px; } .video .file__canvas canvas { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/video.svg); } .video .file__canvas::after { content: attr(data-exp); padding-top: 104px; padding-left: 40px; font-weight: 700; color: #000; text-shadow: 1px 1px rgba(255, 255, 255, .8); font-size: 18px; } .image .file__canvas canvas { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/svg/image.svg); } .image .file__canvas::after { content: attr(data-exp); padding-top: 104px; padding-left: 40px; font-weight: 700; color: #000; text-shadow: 1px 1px rgba(255, 255, 255, .8); font-size: 18px; } .ipdf::after{ content: "" !important; } .convert-switcher { text-align: center; margin-bottom: 50px; display: none; } .convert-switcher .divtool { background-color: #fff; display: inline-block; position: relative; padding: 4px; border-radius: 50em; -webkit-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.02), 0 1px 3px 1px rgba(60, 64, 67, 0.16); -moz-box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.02), 0 1px 3px 1px rgba(60, 64, 67, 0.16); box-shadow: 0 1px 2px 0 rgba(60, 64, 67, 0.02), 0 1px 3px 1px rgba(60, 64, 67, 0.16); } .convert-switcher .divtool a { margin: 2px 10px; width: 40px; min-width: 0; padding: 0; height: 40px; border-radius: 100%; color: #555; text-decoration: none; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; } .convert-switcher .divtool a:hover { background-color: rgba(76, 175, 80, 0.12); width: 40px; height: 40px; border-radius: 100%; } .convert-switcher .divtool a:hover svg { fill: #4caf50; } .sidebar-active .convert-switcher { display: block; } .BuyProducts { height: 22px; line-height: 22px; width: auto; background: #FC2C3C; background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%); box-shadow: 0 2px 5px 0 rgba(251, 66, 97, .51); position: absolute; border-radius: 30px 30px 0; padding-left: 8px; padding-right: 8px; z-index: 12; top: 0px; left: 4px; font-size: 11px; text-align: center; opacity: 1; color: #FFF; font-weight: 400; } .BuyProduct::before { content: ' '; position: absolute; left: 10px; top: 10px; 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; } .BuyProduct-ani::before { -webkit-animation-name: ripple; -webkit-animation-duration: .8s; -webkit-animation-timing-function: ease; -webkit-animation-delay: 0s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; } @keyframes ripple { 0% { left: 10px; top: 10px; opacity: .95; width: 0; height: 0 } 99% { left: -29px; top: -29px; opacity: .1; width: 80px; height: 80px } 100% { opacity: 0 } } @media screen, projection { .form-btn, a.form-btn { color: #fff; } .form-btn { display: inline-block; padding: 10px 15px 11px; font-size: 13px; font-weight: 400; line-height: 17px; letter-spacing: .02em; vertical-align: middle; cursor: pointer; border: none; text-decoration: none; background: #ea4c89; border-radius: 4px; -webkit-appearance: none; -moz-appearance: none; appearance: none; position: relative; } .form-btn.outlined { color: #757575; background-color: transparent; -webkit-box-shadow: 0px 0px 0px 1px #bbb inset; box-shadow: 0px 0px 0px 1px #bbb inset; } .form-btn.outlined:hover, .form-btn.outlined:focus { color: #444; background-color: transparent; -webkit-box-shadow: 0px 0px 0px 1px #757575 inset; box-shadow: 0px 0px 0px 1px #757575 inset; } .form-btn.outlined:active { color: #444; background-color: transparent; -webkit-box-shadow: 0px 0px 0px 1px #444 inset; box-shadow: 0px 0px 0px 1px #444 inset; } .form-btn.auth-twitter { background-color: #37a152; } .form-btn.auth-twitter:hover, .form-btn.auth-twitter:focus { background-color: #37a152; } .form-btn.auth-twitter:active { background-color: #0d8cda; } .form-btn.auth-facebook { background-color: #37a152; } .form-btn.auth-facebook:hover, .form-btn.auth-facebook:focus { background-color: #37a152; } .form-btn.auth-facebook:active { background-color: #30487b; } .form-btn.auth-google { background-color: #37a152; } .form-btn.auth-google:hover, .form-btn.auth-google:focus { background-color: #1e8738; } .form-btn.auth-google:active { background-color: #1e8738; } .form-btn svg { fill: currentColor; height: 13px; width: 13px; vertical-align: middle; margin-top: -3px; margin-right: 2px; } .form-btn { background: rgba(0, 0, 0, 0.3); } .form-btn:hover, .form-btn:focus { background-color: rgba(0, 0, 0, 0.4); } .form-btn:active { background-color: rgba(0, 0, 0, 0.5); } } .signup-social-buttons { display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -8px; } .signup-social-buttons .form-btn { font-size: 14px; padding: 16px; -webkit-box-sizing: border-box; box-sizing: border-box; margin: 8px; text-align: center; -ms-flex: 1; flex: 1; white-space: nowrap; } @media only screen and (max-width: 800px) { .signup-social-buttons .form-btn { margin: 4px; padding: 8px; font-size: 13px; } } .signup-social-buttons .form-btn.auth-google { padding-left: 56px; } .signup-social-buttons .form-btn.auth-google svg { border-radius: 100%; height: 24px; width: 24px; background: #fff url(/National_Library/oe_/https://pl.office-converter.com/2021/favicon/officeicon.svg) center center no-repeat; background-size: 16px 16px; position: absolute; left: 16px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin: 0; } .signup-social-buttons .form-btn.auth-google svg path { fill: transparent !important; } @media only screen and (max-width: 800px) { .signup-social-buttons .form-btn.auth-google { padding-left: 32px; } .signup-social-buttons .form-btn.auth-google svg { height: 20px; width: 20px; background-size: 14px 14px; left: 8px; } } .signup-social-buttons .form-btn.auth-twitter, .signup-social-buttons .form-btn.auth-facebook { width: 48px; -ms-flex: 0 0 48px; flex: 0 0 48px; background-color: transparent; } .signup-social-buttons .form-btn.auth-twitter svg, .signup-social-buttons .form-btn.auth-facebook svg { height: 16px; width: 16px; } @media only screen and (max-width: 800px) { .signup-social-buttons .form-btn.auth-twitter, .signup-social-buttons .form-btn.auth-facebook { width: 38px; -ms-flex: 0 0 38px; flex: 0 0 38px; padding: 8px; } } .signup-social-buttons .form-btn.auth-twitter:hover { -webkit-box-shadow: none; box-shadow: none; background-color: #37a152; } .signup-social-buttons .form-btn.auth-twitter:hover svg path { fill: white !important; } .signup-social-buttons .form-btn.auth-facebook:hover { -webkit-box-shadow: none; box-shadow: none; background-color: #37a152; } .signup-social-buttons .form-btn.auth-facebook:hover svg path { fill: white !important; } .limit-modal #modalLeft .card--login, .limit-modal #modalLeft .card--payment, .limit-modal #modalLeft .card--ready, .limit-modal #modalLeft .card--register { height: auto !important; } .limit-modal #modalLeft .card--form { display: none; } .signup-social-buttons .form-btn.auth-twitter:hover svg { color: #fff; } .cont_titulo_menu { position: relative; float: left; width: 100%; height: 60px; overflow: hidden; background-color: #237d27; box-shadow: 0px 7px 30px -12px rgba(0, 0, 0, 0.5); margin-top: 0px; border-radius: 3px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .cont_icon_menu { position: relative; float: right; margin-right: 20px; top: 14px; } .cont_icon_menu>img { width: 32px; z-index: 2; position: relative; background-color: #fff; border-radius: 100%; padding: 7px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); } .cont_titulo { position: relative; float: left; margin-top: 8px; margin-left: 20px; color: #fff; } .cont_circle_1 { position: absolute; top: -16px; left: -16px; width: 64px; height: 64px; background-color: #fff; opacity: 0.3; z-index: 0; border-radius: 50%; animation: animation_circle_1 3s infinite; animation-direction: alternate; transform: scale(0); } .cont_circle_2 { position: absolute; top: -46px; left: -46px; width: 128px; height: 128px; background-color: #fff; opacity: 0.2; z-index: 0; border-radius: 50%; animation: animation_circle_1 3s infinite; animation-direction: alternate; animation-delay: 0.5s; transform: scale(0); } .cont_circle_3 { position: absolute; top: -80px; left: -80px; width: 192px; height: 192px; background-color: #fff; opacity: 0.1; z-index: 0; border-radius: 50%; animation: animation_circle_1 3s infinite; animation-direction: alternate; animation-delay: 1s; transform: scale(0); } .cont_circle_4 { position: absolute; top: -115px; left: -116px; width: 256px; height: 256px; background-color: #fff; opacity: 0.1; z-index: 0; border-radius: 50%; animation: animation_circle_1 3s infinite; animation-direction: alternate; animation-delay: 1.5s; transform: scale(0); } .cont_titulo h4 { color: #fff; } /*! CSS Used keyframes */ @-webkit-keyframes animation_circle_1 { from { transform: scale(0); } to { transform: scale(1); } } @-o-keyframes animation_circle_1 { from { transform: scale(0); } to { transform: scale(1); } } @-moz-keyframes animation_circle_1 { from { transform: scale(0); } to { transform: scale(1); } } @keyframes animation_circle_1 { from { transform: scale(0); } to { transform: scale(1); } } .ory-cell-inner { height: 100vh; } .Icon-module--icon--1Y2Wh { display: inline-block; } .Button-module--button--35zNU { outline: none; position: relative; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; font-size: 12px; border-radius: 1px; background-color: #fff; color: #818181; text-align: center; text-decoration: none; word-spacing: normal; -webkit-transition: all .1s ease-out; transition: all .1s ease-out; border: none; } .Button-module--button--35zNU:hover { color: #686868; border: 1px solid #b9b9b9; } .Button-module--button--35zNU:disabled { cursor: default; opacity: .3; pointer-events: none; } .Button-module--button--35zNU span { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 12px; font-weight: 700; text-align: center; text-transform: uppercase; } .Button-module--button--35zNU span { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .Button-module--primary--2Onvk { background-color: #006d5c; border: 1px solid #006d5c; color: #fff; } .Button-module--primary--2Onvk:hover { color: #fff; background-color: #005446; border-color: #005446; } .Button-module--transparent--1r6BY { color: #006d5c; border: 1px solid rgba(0, 0, 0, .15); background-color: transparent; font-weight: 700; } .Button-module--transparent--1r6BY:hover { -webkit-transition: all .15s ease-in; transition: all .15s ease-in; color: #686868; border: 1px solid #b9b9b9; } .Button-module--size_md--33Ndt { padding: 0 15px; height: 40px; } .Button-module--size_lg--3Qt_Q { padding: 15px 20px; } .Button-module--isStretch--1SFBJ { width: 100%; } .Button-module--iconButton--3B6aQ { border: none; background: transparent; cursor: pointer; position: relative; outline: none; } .Button-module--iconButton--3B6aQ { height: 48px; width: 48px; } .DropdownButton-module--dropDownButton--ndAHn { border: none; background: transparent; cursor: pointer; outline: none; color: #535353; font-size: 14px; font-weight: 300; padding: 10px; } .DropdownButton-module--dropDownButton--ndAHn svg { -webkit-transition: fill .15s ease-in-out; transition: fill .15s ease-in-out; fill: #535353; } .DropdownButton-module--dropDownButton--ndAHn span { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .DropdownButton-module--dropDownButton--ndAHn span>*+* { margin-left: 4px; } .DropdownButton-module--dropDownButton--ndAHn:hover { color: #444; } .DropdownButton-module--dropDownButton--ndAHn:hover svg { fill: #444; } .MyKasperskyMenu-module--utilityNavItem--2wMio { display: none; position: relative; } @media only screen and (min-width:769px) { .MyKasperskyMenu-module--utilityNavItem--2wMio { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } .MyKasperskyMenu-module--withoutLeftPadding--112R3 { padding-left: 0; } .Link-module--green--1g4Av { color: #006d5c; text-decoration: none; cursor: pointer; } .Link-module--green--1g4Av:hover { color: #005446; } .BusinessSide-module--business-col--2OUDk { position: relative; height: 100vh; -webkit-box-flex: 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; background: no-repeat 100%/cover; -webkit-transition: -webkit-box-flex 1s ease, -webkit-flex 1s ease; transition: -webkit-box-flex 1s ease, -webkit-flex 1s ease; transition: flex 1s ease; transition: flex 1s ease, -webkit-box-flex 1s ease, -webkit-flex 1s ease, -ms-flex 1s ease; background-blend-mode: multiply, multiply, normal, normal; background-color: #fff; background-image: linear-gradient(to bottom right, rgba(119, 41, 83, 0.16) 0%, rgba(119, 41, 83, 0.16) 49.9%, rgba(119, 41, 83, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to bottom left, rgba(228, 228, 228, 0.5) 0, rgba(228, 228, 228, 0.5) 49.8%, transparent 50%), linear-gradient(to top left, #fff 0%, #fff 49.5%, transparent 50%), linear-gradient(251deg, #E95422 0%, #772953 49.5%, #2C001E 100%); background-position: top left, top right, center 67%, left top; background-repeat: no-repeat; background-size: 100% 97%, 100% 52%, 105% 30%, 100% 76.5%; color: #f7f7f7; padding-bottom: 10rem; padding-top: 6rem; } @media only screen and (min-width:769px) and (max-width:1024px) { .BusinessSide-module--business-col--2OUDk:hover { -webkit-box-flex: 0.001; -webkit-flex: 0.001 0.001 50%; -ms-flex: 0.001 0.001 50%; flex: 0.001 0.001 50%; } } .BusinessSide-module--overlay--TnWfn { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; visibility: hidden; } .BusinessSide-module--overlay--TnWfn.BusinessSide-module--gray--3k6Ff { background-color: #333; z-index: 1; } .BottomBox-module--side-cta-box--17cGc { opacity: 1; visibility: inherit; position: absolute; bottom: 0; -webkit-transition: bottom 1s; transition: bottom 1s; text-align: center; } .BottomBox-module--side-cta-box--17cGc span { display: block; margin: 0 auto 25px; font-weight: 900; line-height: 1.46; color: #fff; text-transform: uppercase; border: 1px solid hsla(0, 0%, 100%, .4); border-radius: 1px; text-shadow: 0 2px 1px rgba(0, 0, 0, .4); letter-spacing: -.6px; } @media only screen and (min-width:769px) { .BottomBox-module--side-cta-box--17cGc span { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; padding: 12px 5px 11px; max-width: 200px; font-size: 20px; outline: 0; } } @media only screen and (min-width:1025px) { .BottomBox-module--side-cta-box--17cGc span { padding: 20px 5px 22px; max-width: 363px; font-size: 32px; } } .BottomBox-module--side-cta-box--17cGc p { margin-bottom: 40px; font-weight: 300; font-style: italic; font-size: 18px; line-height: 1.4; color: #fff; text-shadow: 0 2px 1px rgba(0, 0, 0, .4); letter-spacing: -.8px; } @media only screen and (min-width:769px) { .BottomBox-module--side-cta-box--17cGc { min-width: 300px; } } @media only screen and (min-width:1025px) { .BottomBox-module--side-cta-box--17cGc { min-width: 483px; } } .BottomBox-module--side-cta-box--17cGc.BottomBox-module--home--xXvTX { left: 0; right: auto; } @media only screen and (min-width:769px) { .BottomBox-module--side-cta-box--17cGc.BottomBox-module--home--xXvTX { left: 40px; right: auto; } } .BottomBox-module--side-cta-box--17cGc.BottomBox-module--business--2tj3G { right: 0; left: auto; } @media only screen and (min-width:769px) { .BottomBox-module--side-cta-box--17cGc.BottomBox-module--business--2tj3G { right: 40px; left: auto; } } .ProductPanel-module--icon--3GB_Y { font-family: font-icons; } .ProductPanel-module--icon--3GB_Y:before { font-size: 28px; position: relative; display: inline-block; text-align: center; width: 100%; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--small--2oMg0:before { font-size: 18px; content: "\E919"; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--medium--30ETe:before { font-size: 22px; content: "\E918"; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--enterprise--1qRVq:before { content: "\E916"; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--home-pc--3Otwz:before { content: "\E932"; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--home-mac--1rHGM:before { content: "\E930"; } .ProductPanel-module--icon--3GB_Y.ProductPanel-module--home-mobile--3LTa8:before { content: "\E931"; } .ProductPanel-module--side-screen--3XSQu { opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; position: absolute; text-align: center; } .ProductPanel-module--side-screen--3XSQu h2 { text-shadow: 0 1px 2px rgba(0, 0, 0, .3); margin: 0 auto; padding: 0; font-weight: 400; font-size: 32px; line-height: 1.2; color: #fff; text-transform: uppercase; letter-spacing: -.8px; width: 400px; padding: 6px 0px; border-bottom: 1px solid #fff !important; text-align: center; } .ProductPanel-module--side-screen--3XSQu h3 { font-weight: 300; font-style: italic; font-size: 18px; line-height: 1.8; color: #fff; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); letter-spacing: -.9px; margin-bottom: 39px; } .ProductPanel-module--side-screen--3XSQu ul.ProductPanel-module--cta-list--2w786 { width: 420px; margin: 0 auto 90px; } .ProductPanel-module--side-screen--3XSQu li { display: block; width: 420px; height: 63px; margin: 0 auto 40px 0px; } .ProductPanel-module--side-screen--3XSQu li a { opacity: .9; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; border: 1px solid transparent; border-radius: 0px; } .ProductPanel-module--side-screen--3XSQu li a:hover { color: #888; opacity: 1; -webkit-transition: opacity .2s ease-in; transition: opacity .2s ease-in; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .2); } .ProductPanel-module--side-screen--3XSQu.ProductPanel-module--business--3cIYN { right: 0; left: auto; top: calc(50% - 350px); } .ProductPanel-module--side-screen--3XSQu.ProductPanel-module--home--5fG7Z { left: 0; right: auto; top: calc(50% - 350px); } @media only screen and (min-width:769px) { .ProductPanel-module--side-screen--3XSQu { width: 483px; top: 152px; bottom: 0; } } @media only screen and (min-width:769px) { .ProductPanel-module--cta-list--2w786 { -webkit-transform: matrix(1, 0, 0, 1, 0, 0); transform: matrix(1, 0, 0, 1, 0, 0); -webkit-transition: -webkit-transform .2s ease-in; transition: -webkit-transform .2s ease-in; transition: transform .2s ease-in; transition: transform .2s ease-in, -webkit-transform .2s ease-in; } } .HomeSide-module--home-col--1I379 .ProductPanel-module--cta--NNfdd:hover>span { color: #fff !important; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .1), 0 5px 4px -3px rgba(0, 0, 0, .1); border: 1px solid #018290; border-radius: 20px; background-color: #018290; } .ProductPanel-module--cta--NNfdd { position: relative; height: 62px; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .BusinessSide-module--business-col--2OUDk .ProductPanel-module--cta--NNfdd:hover>span { color: #fff !important; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .1), 0 5px 4px -3px rgba(0, 0, 0, .1); border: 1px solid #d93c00; border-radius: 20px; background-color: #d93c00; } @media only screen and (max-width:768px) { .ProductPanel-module--cta--NNfdd { width: 280px; opacity: 1; } } .ProductPanel-module--cta--NNfdd>i { font-size: 18px; display: block; color: #070707; width: 64px; font-style: normal; } .ProductPanel-module--cta--NNfdd>span { -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 34px; font-weight: 300; font-size: 15px; color: #006d5c; text-transform: uppercase; border: 1px solid #ddd; margin-right: 4px; border-radius: 20px; } .ProductPanel-module--cta--NNfdd>span, .ProductPanel-module--cta-title--c-Xae { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; } .ProductPanel-module--cta-title--c-Xae { width: 220px; max-width: 220px; height: 56px; text-align: left; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; padding-right: 5px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; display: inline-block; } @media only screen and (max-width:768px) { .ProductPanel-module--cta-title--c-Xae.ProductPanel-module--home--5fG7Z { left: 45px; } } .ProductPanel-module--cta-title--c-Xae>b { margin-top: 8px; display: block; font-weight: 400; font-size: 18px; line-height: 1; color: #373737; letter-spacing: -.3px; width: 100%; } .ProductPanel-module--cta-title--c-Xae>span { text-align: center; min-width: 32px; padding: 2px 10px; font-size: 14px; display: inline-block; font-weight: 300; line-height: 1; color: #b72f28; margin-top: 6px; text-transform: uppercase; letter-spacing: -.2px; } .ProductPanel-module--bottom-copy--3cmJL { font-weight: 300; font-style: italic; font-size: 12px; line-height: 1.66; color: #333; letter-spacing: -.2px; margin: 0; padding: 1px 0 0; text-align: center; } .ProductPanel-module--all-products-button--203P3 { color: #fff; border: 1px solid hsla(0, 0%, 100%, .45); border-radius: 1px; display: block; height: auto; padding: 15px 5px; max-width: 179px; margin: 10px auto 30px; } .ProductPanel-module--all-products-button--203P3:hover { color: #fff; border-color: hsla(0, 0%, 100%, .9); } @media only screen and (max-width:768px) { .ProductPanel-module--all-products-button--203P3 { font-weight: 700; font-size: 11px; letter-spacing: -.1px; text-transform: uppercase; border: 1px solid #c7c9cb; display: block; max-width: 179px; margin: -10px auto 11px; text-align: center; } } .ProductPanel-module--container--1J1Hl { width: 90%; max-width: 1030px; margin-left: auto; margin-right: auto; position: relative; opacity: 0; -webkit-transform: matrix(1, 0, 0, 1, 15, 0); transform: matrix(1, 0, 0, 1, 15, 0); -webkit-transition: opacity 1s ease, -webkit-transform .5s ease; transition: opacity 1s ease, -webkit-transform .5s ease; transition: opacity 1s ease, transform .5s ease; transition: opacity 1s ease, transform .5s ease, -webkit-transform .5s ease; } .ProductPanel-module--container--1J1Hl h2 { font-weight: 700; font-size: 28px; text-align: center; margin-bottom: 4px; color: #fff; text-transform: uppercase; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); letter-spacing: -.8px; } .ProductPanel-module--container--1J1Hl h3 { font-weight: 300; font-style: italic; letter-spacing: -.6px; font-size: 16px; color: #fff; margin-bottom: 19px; text-shadow: 0 1px 1px rgba(0, 0, 0, .4); text-align: center; } .ProductPanel-module--container--1J1Hl ul { width: 280px; margin: 0 auto 27px; } .MiddleSide-module--middleCol--3ZNvY { position: relative; background-color: #fff; -webkit-box-flex: 0; -webkit-flex: 0 0; -ms-flex: 0 0; flex: 0 0; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; min-width: 280px; } @media (max-width: 1025px) { .MiddleSide-module--middleCol--3ZNvY { min-width: 280px; } } @media (min-width:1026px) and (max-width: 1324px) { .MiddleSide-module--middleCol--3ZNvY { min-width: 350px; } } @media (min-width:1325px) and (max-width: 1999px) { .MiddleSide-module--middleCol--3ZNvY { min-width: 420px; } } @media (min-width: 2000px) { .MiddleSide-module--middleCol--3ZNvY { min-width: 520px; } } .modal-description { position: relative; top: 0%; margin-top: 0px; height: 100vh; } .MiddleSide-module--borderLeft--1DurQ { border-left: 1px solid rgba(0, 0, 0, 0.17); -webkit-transform: skewX(4.2deg); transform: skewX(4.2deg); -webkit-transform-origin: top right 1px; transform-origin: top right 1px; right: auto; left: -70px; } .MiddleSide-module--borderLeft--1DurQ, .MiddleSide-module--borderRight--11vRK { will-change: transform; position: absolute; top: 0; bottom: 0; width: 70px; height: auto; background: #fff; z-index: 51; } .MiddleSide-module--borderRight--11vRK { border-right: 1px solid rgba(0, 0, 0, 0.17); -webkit-transform-origin: top left 1px; transform-origin: top left 1px; -webkit-transform: skewX(-4.2deg); transform: skewX(-4.2deg); right: -70px; left: auto; } .MiddleSide-module--top-nav--snzkS li, .MiddleSide-module--top-nav--snzkS ul { list-style: none; margin: 0; } @media only screen and (min-width:769px) { .MiddleSide-module--top-nav--snzkS { position: relative; top: 31px; left: 50%; margin-left: -175px; width: 350px; height: 30px; z-index: 56; } } .MiddleSide-module--animation--3_X-v { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; top: 0; right: 0; left: 50px; overflow: visible; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .MiddleSide-module--appearAnimation--WR1hu { -webkit-animation: MiddleSide-module--appear--2w5cL .4s linear; animation: MiddleSide-module--appear--2w5cL .4s linear; opacity: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .MiddleSide-module--top-nav-hideonsearch--1AtN_ { height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .MiddleSide-module--top-nav-hideonsearch--1AtN_>li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; margin-left: 20px; } .MiddleSide-module--top-nav-hideonsearch--1AtN_>li:first-child { margin-left: 0; } .MiddleSide-module--top-nav-hideonsearch--1AtN_>li>a { -webkit-transition: color .2s ease-in; transition: color .2s ease-in; display: block; font-weight: 300; font-size: 14px; line-height: 1.2; color: #afafaf; white-space: nowrap; } @media only screen and (min-width:1025px) { .MiddleSide-module--top-nav-hideonsearch--1AtN_>li>a:hover { color: #006d5c; } } .MiddleSide-module--mid-screen-wrap--pvs38 { position: absolute; top: calc(50% - 350px); right: 0; bottom: 0; left: 0; z-index: 55; } .MiddleSide-module--logo--1zzU6 { max-width: 242px; height: 100%; max-height: 50px; display: block; margin: 0 auto 44px; } .MiddleSide-module--focus-img--1judg { display: block; height: auto; margin: 0 auto 30px; max-width: 242px; } .MiddleSide-module--subtitle--3mDrN { color: #006d5c; margin-bottom: 20px; } .MiddleSide-module--desc--13XH1, .MiddleSide-module--subtitle--3mDrN { font-weight: 300; font-size: 16px; line-height: 1.57; } .MiddleSide-module--desc--13XH1 { color: #888; letter-spacing: -.2px; margin: 0 auto 5px; } .MiddleSide-module--mid-screen--2Dad9 { top: 0; opacity: 0; } .MiddleSide-module--mid-screen--2Dad9, .MiddleSide-module--mid-screen--2Dad9.MiddleSide-module--mid-screen-intro--KI0l- { text-align: center; right: 0; bottom: auto; left: 0; -webkit-transition: transform, opacity .2s ease; transition: transform, opacity .2s ease; } .MiddleSide-module--mid-screen--2Dad9.MiddleSide-module--mid-screen-intro--KI0l- { top: 44px; opacity: 1; } .MiddleSide-module--mid-screen--2Dad9>h2 { text-align: center; font-weight: 300; font-size: 28px; line-height: 1.21; color: #000; } .showerror>h2 { text-align: center; font-weight: 300; font-size: 28px; line-height: 1.21; color: #fff; } .MiddleSide-module--mid-screen--2Dad9>h2>div>small { font-size: .75em; } .MiddleSide-module--myKasperskyMenu--1SPC1>button { color: #afafaf; -webkit-transition: color .2s ease-in; transition: color .2s ease-in; } .MiddleSide-module--myKasperskyMenu--1SPC1>button span { line-height: 1.2; } .MiddleSide-module--myKasperskyMenu--1SPC1>button span span { white-space: nowrap; } .MiddleSide-module--myKasperskyMenu--1SPC1>button svg { fill: #afafaf; } .MiddleSide-module--myKasperskyMenu--1SPC1>button:hover { color: #006d5c; } .MiddleSide-module--myKasperskyMenu--1SPC1>button:hover svg { fill: #006d5c; } .MiddleSide-module--mid-small-logo--2ozBa { position: relative; opacity: 1; } .MiddleSide-module--mid-small-logo--2ozBa>span { display: block; width: 100px; margin: 26px auto; height: 1px; background-color: #e6e6e6; } .MiddleSide-module--mid-small-logo--2ozBa>img { max-width: 162px; display: block; margin: 0 auto; height: 100%; max-height: 33px; } .MiddleSide-module--left--3G0xm, .MiddleSide-module--right--1phn8 { display: block; position: absolute; top: 4px; width: 40px; height: 1px; background-color: #e3e3e3; z-index: 111; } .MiddleSide-module--left--3G0xm { left: 50px; } .MiddleSide-module--right--1phn8 { right: 50px; } .MiddleSide-module--select-product-type--3PYbG { position: absolute; right: 0; bottom: 66px; left: 0; color: #bbb; overflow: hidden; opacity: 1; -webkit-transition: opacity .5s linear; transition: opacity .5s linear; } .MiddleSide-module--select-product-type--3PYbG p { font-weight: 300; font-size: 11px; line-height: 1; color: inherit; text-align: center; letter-spacing: -.4px; margin: 0; } @media only screen and (min-width:1025px) { .MiddleSide-module--select-product-type--3PYbG p { font-weight: 300; font-size: 17px; line-height: 18px; color: inherit; text-align: center; letter-spacing: 0px; margin: 0; } } .HomeSearch-module--search--3NZBj { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #fff; } .HomeSearch-module--searchBtn--3Msgn { padding: 0; height: 28px; width: 24px; min-width: 24px; } .HomeSearch-module--searchBtn--3Msgn:hover svg { fill: #006d5c; } .HomeSearch-module--disappearAnimation--8Wb_k { -webkit-animation: HomeSearch-module--disappear--1xZOh .4s linear; animation: HomeSearch-module--disappear--1xZOh .4s linear; opacity: 0; overflow: hidden; width: 0; margin-left: 10px; } .HomeSearch-module--formInput--SmiNU { height: 22px; margin-bottom: 2px; border: none; outline: none; color: #afafaf; font-weight: 300; font-size: 14px; width: 100%; } .HomeSearch-module--searchContainer--UAPbv { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; border-bottom: none; } .HomeSide-module--home-col--1I379 { position: relative; height: 100vh; -webkit-box-flex: 1; -webkit-flex: 1 1; -ms-flex: 1 1; flex: 1 1; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; background-repeat: no-repeat; background-size: cover; -webkit-transition: -webkit-box-flex 1s ease, -webkit-flex 1s ease; transition: -webkit-box-flex 1s ease, -webkit-flex 1s ease; transition: flex 1s ease; transition: flex 1s ease, -webkit-box-flex 1s ease, -webkit-flex 1s ease, -ms-flex 1s ease; color: #00a88e; background-blend-mode: multiply, multiply, normal, normal; background-color: #fff; background-image: linear-gradient(to bottom left, rgba(24, 137, 172, 0.16) 0%, rgba(41, 79, 119, 0.16) 49.9%, rgba(22, 105, 138, 0) 50%, rgba(119, 41, 83, 0) 100%), linear-gradient(to bottom right, rgba(228, 228, 228, 0.5) 0, rgba(228, 228, 228, 0.5) 49.8%, transparent 50%), linear-gradient(to top right, #fff 0%, #fff 49.5%, transparent 50%), linear-gradient(251deg, #004B57 0%, #01d3dd 49.5%, #1393A8 100%); background-position: top left, top right, center 67%, left top; background-repeat: no-repeat; background-size: 100% 97%, 100% 52%, 105% 30%, 100% 76.5%; color: #f7f7f7; padding-bottom: 10rem; padding-top: 6rem; } @media only screen and (min-width:769px) and (max-width:1024px) { .HomeSide-module--home-col--1I379:hover { -webkit-box-flex: 0.001; -webkit-flex: 0.001 0.001 50%; -ms-flex: 0.001 0.001 50%; flex: 0.001 0.001 50%; } } .HomeSide-module--overlay--3nUFo { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; -webkit-transition: opacity .4s ease-in-out, visibility .4s ease-in-out; transition: opacity .4s ease-in-out, visibility .4s ease-in-out; visibility: hidden; } .HomeSide-module--overlay--3nUFo.HomeSide-module--green--1pq6k { background-color: #555; } .HomeSide-module--overlay--3nUFo.HomeSide-module--gray--33UmM { background-color: #333; z-index: 1; } .HomePageBanner-module--header--27TpC { display: block; position: relative; overflow: hidden; height: 100vh; } @media only screen and (max-width:1240px) { .HomePageBanner-module--header--27TpC { display: none; } } .HomePageBanner-module--header--27TpC .HomePageBanner-module--hero-header-inner--1NZuM { height: 100vh; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-flow: row nowrap; -ms-flex-flow: row nowrap; flex-flow: row nowrap; } .MobileOnly-module--homepage-hero-header-mobile--msUQc { display: none; } @media only screen and (max-width:1240px) { .ory-cell-inner { height: auto; } .modal-description { height: auto; } .MobileOnly-module--homepage-hero-header-mobile--msUQc { display: block; position: relative; min-height: 485px; } .MobileOnly-module--homepage-hero-header-mobile--msUQc small { color: #fff; } .modal-open .modal { background-color: rgba(0, 0, 0, 0.4); } .modal-header .close { position: fixed !important; } .ory-cell-inner { -webkit-box-shadow: none; box-shadow: none; } } .MobileOnly-module--container--Am0S_ { width: 90%; max-width: 1030px; margin-left: auto; margin-right: auto; opacity: 0; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; position: relative; } .MobileOnly-module--container--Am0S_.MobileOnly-module--show--2xQaR { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; } .MobileOnly-module--screen--3CFBP { top: 0; right: 0; bottom: 0; left: 0; background-repeat: no-repeat; background-position: 50%; background-size: cover; padding-top: 25px; opacity: 0; visibility: hidden; -webkit-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 { opacity: 1; visibility: visible; -webkit-transition: opacity .3s ease, visibility .3s ease; transition: opacity .3s ease, visibility .3s ease; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 h2 { font-weight: 300; font-size: 28px; line-height: 1.21; letter-spacing: -1.2px; color: #fff; margin-bottom: 8px; text-align: center; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 li { display: block; margin-bottom: 14px; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 span { font-weight: 700; font-size: 14px; line-height: 1.2; z-index: 11; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 .MobileOnly-module--cta--2uO2_ { border-radius: 5px; margin: 0 auto; max-width: 280px; display: block; text-align: center; letter-spacing: -.2px; text-transform: uppercase; } .MobileOnly-module--screen--3CFBP.MobileOnly-module--screen-intro--1NWH3 .MobileOnly-module--solutions-for--jQNYQ { display: block; font-size: 11px; letter-spacing: -.3px; color: #fff; text-transform: uppercase; margin-bottom: 29px; text-align: center; } .MobileOnly-module--back-btn--2LtGM { position: absolute; width: 21px; height: 21px; background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACoAAAAqCAYAAADFw8lbAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTQ2MzY3Q0JEMzI3MTFFNUFGRDNDNUIwMkY0NjkxRkMiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTQ2MzY3Q0NEMzI3MTFFNUFGRDNDNUIwMkY0NjkxRkMiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NDYzNjdDOUQzMjcxMUU1QUZEM0M1QjAyRjQ2OTFGQyIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NDYzNjdDQUQzMjcxMUU1QUZEM0M1QjAyRjQ2OTFGQyIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PkhHKdgAAAiOSURBVHjatFlZTFNZGG5LsaWlLZuIMIA6wy5SVNw6DoKDOjNkYmL0RR4cncQHl7hE45NGY9Tog8b45uiYqHFiYmJmMDojigGRQXAAAUEQFVBZZN+kSHvn++u55nq4LbcuJ7npcs75z9d//f5TtSAIqo8Zagy8+OLRKdxix/NW4A58J2biof0IgD54MQQFBWkuXLgQlpSUFBkQEDBFp9MF+vr6+mOewKuA5y3GoN1u7+nt7W2vqalpycnJacO8E9PDmHd4c67WC4AEQH/48GHzunXrrCEhIfFardbk6QcBvB5PiNlsjomKilK1t7cPdHZ21p07d64C8/1YNkJaVnS+EtNDqGnz5s2Gffv2LQoODp7JtPrRg7TZ1dVVvX///nunTp0axlcDnwSUadGvvLw8Ljk5OdPHx8dP9RmHw+F4U1VVlZ+amlqHj288adctUIDUT58+XX///v1MmHmW6gsOuMPDefPm3X727NkIcwdlQAlkVlaW8cqVK9kmk2m6BxM6X79+/eLp06cvofWO/Pz8/tLSUopuVVpami4jI8MMbYXOmDEjYvLkyV9BrsadrIGBgWerVq3KvXnz5pAc2HFAydzTpk0zVlZW/owgmCEndGxsbLS2trZq7969NVevXiXBYyz90KuTLdOwYKX0pV25cqXxwIEDSQkJCckIwklycvv7+5+mpKT8+fz58yHeDeSAmqGlLJg7WU7Yq1evGrdv3150+fLlARYEIjiBaVmQ5FnXWwlo05o1a0zHjx+3hYeHf+3GDaqg/ZuE2y1QAgkTxlut1h9lzCwUFxcX2Wy2KnwcYs7vFBRWDAacAFNAGouKipIXLlxoU8tkfFjzOjDUSsFqpCbfuHGjAdGdIQfy2rVreQBZiY9dBJRSjOBFWRPeDQf7kV0ki2TKyZg5c2bGli1bjKzyfahR0iYSclZoaOg4kyPyi+bPn1+Otz3eaFGBdgNhpdQFCxbY+DXAUh0WFvaPqFUN26g9dOiQBb6RxG9obW1tBMgKvO11BxL7dXiofOqUapf5dS/MX0Fn8GugsETCJFZP0fQG1OEUPn0gIdt3795dyMzlkCEUWrLEnTt3vkGkzisoKIihz2oFTIPJcrnCzp07C+ksTraGMBE2MSLVIBWWjo6OX4lUSBfX1dWVIZ3cI5PLgSQh0MZ3MNFc8Xsk7QLkzTIs7/fCDQJBWhYlJibOlc4RqYFmfwOp6SMNTjpz5sxUHiQlc+S9h5SC3IFEqkqXgqQB8jGXKUBxnNEZBw8efMgzKsJE2AgjAdXNmjUrit8N0vDi0qVLgyxPyoKcOnXqHH4f+ICBKcobsGN0Fp3JTwBbJGEkoGpwy1B+QUtLSzPvlxOBlP4ePBRcJplHLuhc/trU1NTCCwK2KSSPDlb7+fkF8gtQIjtYWZT6khKQqvr6+jTwUKc7ftDY2NgKcS9ZZRMVYUdMtM+Z86Fohs0FlHzBwAsEOejmzG568uTJnIlA0oiJiVnkaT46OloFIuMKOkn1GcvLy+tZu3ativNTg5ie1PArX14YSpxdQjBcSgVZmf+5qB2CLo0LOic7k/d5wuaedsE0gsQsYhVzfi6gkKXmgArsTNmhYYl9HLNOT0/XSbkAjerq6vLPBRR5k5elYWfyXcDb980dEuswOKJeumD58uUBp0+f7mTVw8VtQYLLHz9+7B8bG5viCQQCsdLd3Ojo6NiDBw9ebtiwoZnrlbR0Jr+esIlABbDrXkRXkHRBfHw8pYVmSeST2Qfi4uLuAqzKE1hUmGLOv6VpSMUo4htuzSScGSrD/IljCGRaAWT1Nb8gIiIiSmp6lk9HKUoJLFJQpQelvmV0kH+6RZooQ3A07EyeSHeIQO0wxbhEa7FYIjdt2mSQtsZKwKJNEQm1w83jZNxUCtKHzsKZ44CWlZVRtbK7eCEauCC0H78gSRuli8CIStCJFvEEgyV/6nvMSNLfAvR7N0CHUDx79uwS7OlVSEroxQwyY+PTn91uHwL1/B3m79YwH3U0NzfX80IiIyOtO3bsMPIlT6pZ+NXdixcv5sIqJefPn/8LIB8ouVCQDB2xeTqLnyBMhM2VuuhMAJm0devWiBMnTuTwtyA9PT31qLe5bliUyNQNTMMEflhpF8D2m7q7u7MDAwNj+duUbdu2XTh58iSV2lERqIsTwtRLUd6SZGp3PsxbLscxuW7zg05UAVAzMkgqMkiGjDYfAUsea39cwSQKHoaZSxAM45p/CEovLS2NJcFumjbBTZB4BEkySbZMQI6gJf+XWUfgmzuXVm/dupWYmZn5vYxsZ0NDwx0Ipv7Jjn32j2zsyN91sJIV5GUJX/1o5Ofn3wKGGlGbKpk82bt06dI68MJauXILwZnw2Z927doVyLiljxcAfWgP7SUZJEsOJJ0NkLWsmRTcXUCQVnVIEwElJSU/oF+JljvU6XTa0Sv9d/To0XI4+xsmcJSVW+mVjg8LMjWC1Q+NYipo4myNRiPbraJva0LHex2x0sfunwRPVzoE1mi1Wi3ghyuCg4MjPV2SDQ4ONiEHP4cp29CN9uXm5hJwVXZ2tt+SJUsscJUw5MJp/v7+0Z4uySCjedmyZX9XVFT0scolKLnNc4ENDw83gSN+Bw0nfMlrR2iw1mazFaB7GJADOdH9KIElRmW6ceNGHHzXxjOsTx0U3bdv374H1lTHisSIHEiVnDNzwUUbu1asWFG7evXqP+iXe/sngburcZJFMgHyESMqbkEqusNnmlWLt3Dr16+3IHKTwAFieG4w4f83qN2o6Q3Hjh2rOXv2bJ/kVlDwBFLxnw1cuaQo9jcYDNojR45MWbx4cURYWFgIgsWi1+uNYv9FzHxkZGQIwdbX1tbWWVhY+HLPnj3tw8PD1DAOsizhnAig10BlAGvYbbKepSG1zA2JqCkHM63YMDolF76Kzv1fgAEAkOiV9FyFznkAAAAASUVORK5CYII=); background-repeat: no-repeat; background-position: 50%; background-size: 21px 21px; top: 18px; left: 20px; cursor: pointer; } img { height: auto; } /*! CSS Used keyframes */ @-webkit-keyframes MiddleSide-module--appear--2w5cL { 0%, 49% { opacity: 0; width: 0; left: 60px; } 50% { width: auto; display: -webkit-box; display: -webkit-flex; display: flex; opacity: 0; left: 60px; } to { opacity: 1; display: -webkit-box; display: -webkit-flex; display: flex; left: 50px; } } @keyframes MiddleSide-module--appear--2w5cL { 0%, 49% { opacity: 0; width: 0; left: 60px; } 50% { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; opacity: 0; left: 60px; } to { opacity: 1; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; left: 50px; } } @-webkit-keyframes HomeSearch-module--disappear--1xZOh { 0% { width: auto; opacity: 1; margin-left: 20px; } 50% { opacity: 0; margin-left: 10px; width: auto; } 51%, to { opacity: 0; width: 0; } } @keyframes HomeSearch-module--disappear--1xZOh { 0% { width: auto; opacity: 1; margin-left: 20px; } 50% { opacity: 0; margin-left: 10px; width: auto; } 51%, to { opacity: 0; width: 0; } } .HomeSide-module--visible--1EsGv { visibility: visible; opacity: .7; } .BusinessSide-module--green--SZ9Ks { background-color: #555; } @media only screen and (min-width:1699px) { .ProductPanel-module--side-screen--3XSQu { width: 583px; top: 152px; bottom: 0; } } .yearcss li:hover a { -webkit-transition: box-shadow .2s ease-in; transition: box-shadow .2s ease-in; box-shadow: 0 0 0 20px rgba(251, 251, 251, 0.1); border: 1px solid #fff !important; } .moncss li:hover a { -webkit-transition: box-shadow .2s ease-in; transition: box-shadow .2s ease-in; box-shadow: 0 0 0 20px rgba(251, 251, 251, 0.1); border: 1px solid #fff !important; } #convertlimit { background-color: #fff; } #selectdiv { background-color: #fff; margin-top: 44px; } .price-save { top: -13px; padding: 0px; padding-top: 0px; font-size: 18px; line-height: 44px; height: 44px; margin-bottom: 10px !important; width: 180px; margin: 0 auto; color: #000 !important; } .price-save::after { content: ""; display: block; margin-top: -22px; width: 100%; height: 1px; background-color: #e7352c; } .reg_button { color: #fff; background-color: #e43b32; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .2), 0 5px 11px -3px rgba(0, 0, 0, .2); min-width: 240px; margin: 0 auto; height: 50px; font-weight: 400; } .reg_button span { min-width: 80px; margin-left: 10px; background-color: #fff; border-radius: 20px; padding: 0px 10px; color: #e43b32; text-align: center; } .reg_button:hover span { color: #006d5c; } .selbuy { box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .2), 0 5px 11px -3px rgba(0, 0, 0, .2); } #savestring { margin: 50px auto 40px auto; min-height: 120px; } .iconcar-count { z-index: 10; min-width: 14px; text-align: center; line-height: 14px; display: inline-block; position: absolute; right: 0; background: #fff; color: #e43b32; border-radius: 20px; padding: 10px 14px; font-size: 18px; transform: scale(.7); margin-top: 10px; border: 2px solid #e43b32 !important; font-weight: 400; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .2), 0 5px 11px -3px rgba(0, 0, 0, .2); } .reg_button:hover { background-color: #00a245; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .3), 0 5px 11px -3px rgba(0, 0, 0, .3); } .pricing__list { min-width: 240px; } .buybadge { background: #dc3c00; color: #fff; font-size: .75rem; line-height: 26px; font-weight: 400; padding: 1px 18px; display: flex; position: absolute; top: 84px; z-index: 2; } .off30 { right: 80px; margin-top: 0; background: transparent; top: -35px; -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, .5); box-shadow: 0 0 5px 0 rgba(0, 0, 0, .3); color: #fff; border: 2px solid #fff !important; text-transform: uppercase; font-weight: 700; } .adfree { margin-top: 0px !important; fill: #b72f28 !important; text-decoration: line-through; } .adfree:hover { margin-top: 0px !important; fill: #fff !important; } .addspan { background-color: #b72f28; padding: 2px 4px; border-radius: 20px; color: #fff !important; text-shadow: 0px 1px rgba(0, 0, 0, .2) !important; } .showerror { position: revert; } .showerror h5 { display: none; } .showerror p { font-size: 14px; } .showerror h2 { border-radius: 4px; padding: 16px 6px; background-color: #e74001; 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; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .2), 0 12px 21px -3px rgba(0, 0, 0, .2); } .showerror strong { font-weight: 400; color: #fff; } .showling { position: absolute; z-index: 1; top: 34px; right: -11px; font-size: 11px !important; line-height: 15px !important; font-weight: 400 !important; text-transform: uppercase; color: #fff; background: #32be5b; padding: 3px 12px 4px 10px; } .showling::before { content: ""; position: absolute; height: 0; width: 0; border-style: solid; border-width: 0; border-width: 11px 11px 11px 0; border-color: transparent #32be5b transparent transparent; left: -9px; top: 0; -webkit-transform: scaleX(.65); transform: scaleX(.65); } .mobileonly { margin: 20px 0px; font-size: 14px; letter-spacing: .2px; border-radius: 4px; padding: 12px 6px; background-color: #e74001; 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; box-shadow: inset 0 -0px 0 0 rgba(0, 0, 0, .2), 0 12px 21px -3px rgba(0, 0, 0, .2); } .mobileonly small { font-size: 14px; font-weight: 100; } .leaderboard h1 { text-align: center; text-shadow: 0 1px 2px rgba(0, 0, 0, .3); margin: 0 auto; padding: 0; font-weight: 400; font-size: 28px; line-height: 1.2; color: #fff; text-transform: uppercase; letter-spacing: -.8px; padding-bottom: 15px; } .leaderboard h1 svg { width: 25px; height: 26px; position: relative; top: 3px; margin-right: 6px; vertical-align: baseline; } .leaderboard ol { counter-reset: leaderboard; padding: 0px; } .leaderboard ol li { background: rgba(17, 17, 17, 0.36); border-radius: 4px; position: relative; z-index: 1; font-size: 14px; counter-increment: leaderboard; padding: 18px 10px 18px 50px; cursor: pointer; -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-transform: translateZ(0) scale(1, 1); transform: translateZ(0) scale(1, 1); } .leaderboard ol li::before { content: " "; position: absolute; z-index: 2; top: 13px; left: 15px; width: 24px; height: 32px; line-height: 20px; color: #c24448; text-align: center; background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMzIiIHZpZXdCb3g9IjAgMCAyNCAzMiIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJ4TWluWU1pbiBtZWV0Ij4KICAgIDxwYXRoIGZpbGw9IiNmZmZmZmYiIG9wYWNpdHk9IjAuNyIgZD0iTSAyMC43MDIgOS40NDYgQyAyMC45ODIgNy4zNDcgMjAuNzAyIDUuOTQ3IDE5LjU3OCA0LjU0OCBDIDE4LjM2MSAzLjE0OCAxNi4yMDggMi41NDggMTMuNDkzIDIuNTQ4IEwgNS41MzYgMi41NDggQyA0Ljk3NCAyLjU0OCA0LjUwNiAyLjk0OCA0LjQxMiAzLjU0OCBMIDEuMTM2IDI1Ljc0IEMgMS4wNDIgMjYuMjM5IDEuMzIzIDI2LjYzOSAxLjc5MSAyNi42MzkgTCA2Ljc1MyAyNi42MzkgTCA2LjM3OCAyOC45MzggQyA2LjI4NSAyOS4yMzggNi42NTkgMjkuNjM4IDYuOTQgMjkuNjM4IEwgMTEuMTUzIDI5LjYzOCBDIDExLjYyMSAyOS42MzggMTEuOTk1IDI5LjIzOCAxMi4wODkgMjguNzM5IEwgMTIuMTgyIDI4LjUzOSBMIDEyLjkzMSAyMy4zNDEgTCAxMy4wMjUgMjMuMDQxIEMgMTMuMTE5IDIyLjQ0MSAxMy40OTMgMjIuMTQxIDEzLjk2MSAyMi4xNDEgTCAxNC42MTYgMjIuMTQxIEMgMTguNjQyIDIyLjE0MSAyMS43MzEgMjAuMzQyIDIyLjY2OCAxNS40NDMgQyAyMy4wNDIgMTMuMzQ0IDIyLjg1NSAxMS41NDUgMjEuODI1IDEwLjM0NSBDIDIxLjQ1MSAxMC4wNDYgMjEuMDc2IDkuNjQ2IDIwLjcwMiA5LjQ0NiBMIDIwLjcwMiA5LjQ0NiI+PC9wYXRoPgogICAgPHBhdGggZmlsbD0iI2ZmZmZmZiIgb3BhY2l0eT0iMC43IiBkPSJNIDIwLjcwMiA5LjQ0NiBDIDIwLjk4MiA3LjM0NyAyMC43MDIgNS45NDcgMTkuNTc4IDQuNTQ4IEMgMTguMzYxIDMuMTQ4IDE2LjIwOCAyLjU0OCAxMy40OTMgMi41NDggTCA1LjUzNiAyLjU0OCBDIDQuOTc0IDIuNTQ4IDQuNTA2IDIuOTQ4IDQuNDEyIDMuNTQ4IEwgMS4xMzYgMjUuNzQgQyAxLjA0MiAyNi4yMzkgMS4zMjMgMjYuNjM5IDEuNzkxIDI2LjYzOSBMIDYuNzUzIDI2LjYzOSBMIDcuOTcgMTguMzQyIEwgNy44NzYgMTguNjQyIEMgOC4wNjMgMTguMDQzIDguNDM4IDE3LjY0MyA5LjA5MyAxNy42NDMgTCAxMS40MzMgMTcuNjQzIEMgMTYuMDIxIDE3LjY0MyAxOS41NzggMTUuNjQzIDIwLjYwOCA5Ljk0NiBDIDIwLjYwOCA5Ljc0NiAyMC42MDggOS41NDYgMjAuNzAyIDkuNDQ2Ij48L3BhdGg+CiAgICA8cGF0aCBmaWxsPSIjZmZmZmZmIiBkPSJNIDkuMjggOS40NDYgQyA5LjI4IDkuMTQ2IDkuNDY4IDguODQ2IDkuODQyIDguNjQ2IEMgOS45MzYgOC42NDYgMTAuMTIzIDguNTQ2IDEwLjIxNiA4LjU0NiBMIDE2LjQ4OSA4LjU0NiBDIDE3LjIzOCA4LjU0NiAxNy44OTMgOC42NDYgMTguNTQ4IDguNzQ2IEMgMTguNzM2IDguNzQ2IDE4LjgyOSA4Ljc0NiAxOS4xMSA4Ljg0NiBDIDE5LjIwNCA4Ljk0NiAxOS4zOTEgOC45NDYgMTkuNTc4IDkuMDQ2IEMgMTkuNjcyIDkuMDQ2IDE5LjY3MiA5LjA0NiAxOS44NTkgOS4xNDYgQyAyMC4xNCA5LjI0NiAyMC40MjEgOS4zNDYgMjAuNzAyIDkuNDQ2IEMgMjAuOTgyIDcuMzQ3IDIwLjcwMiA1Ljk0NyAxOS41NzggNC42NDggQyAxOC4zNjEgMy4yNDggMTYuMjA4IDIuNTQ4IDEzLjQ5MyAyLjU0OCBMIDUuNTM2IDIuNTQ4IEMgNC45NzQgMi41NDggNC41MDYgMy4wNDggNC40MTIgMy41NDggTCAxLjEzNiAyNS43NCBDIDEuMDQyIDI2LjIzOSAxLjMyMyAyNi42MzkgMS43OTEgMjYuNjM5IEwgNi43NTMgMjYuNjM5IEwgNy45NyAxOC4zNDIgTCA5LjI4IDkuNDQ2IFoiPjwvcGF0aD4KICAgIDxnIHRyYW5zZm9ybT0ibWF0cml4KDAuNDk3NzM3LCAwLCAwLCAwLjUyNjEyLCAxLjEwMTQ0LCAwLjYzODY1NCkiIG9wYWNpdHk9IjAuMiI+CiAgICAgICAgPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTM5LjMgMTYuN2MwLjkgMC41IDEuNyAxLjEgMi4zIDEuOCAxIDEuMSAxLjYgMi41IDEuOSA0LjEgMC4zLTMuMi0wLjItNS44LTEuOS03LjgtMC42LTAuNy0xLjMtMS4yLTIuMS0xLjdDMzkuNSAxNC4yIDM5LjUgMTUuNCAzOS4zIDE2Ljd6Ij48L3BhdGg+CiAgICAgICAgPHBhdGggZmlsbD0iIzIzMWYyMCIgZD0iTTAuNCA0NS4yTDYuNyA1LjZDNi44IDQuNSA3LjggMy43IDguOSAzLjdoMTZjNS41IDAgOS44IDEuMiAxMi4yIDMuOSAxLjIgMS40IDEuOSAzIDIuMiA0LjggMC40LTMuNi0wLjItNi4xLTIuMi04LjRDMzQuNyAxLjIgMzAuNCAwIDI0LjkgMEg4LjljLTEuMSAwLTIuMSAwLjgtMi4zIDEuOUwwIDQ0LjFDMCA0NC41IDAuMSA0NC45IDAuNCA0NS4yeiI+PC9wYXRoPgogICAgICAgIDxwYXRoIGZpbGw9IiMyMzFmMjAiIGQ9Ik0xMC43IDQ5LjRsLTAuMSAwLjZjLTAuMSAwLjQgMC4xIDAuOCAwLjQgMS4xbDAuMy0xLjdIMTAuN3oiPjwvcGF0aD4KICAgIDwvZz4KPC9zdmc+Cg==); background-size: 20px; background-repeat: no-repeat; } .leaderboard ol li mark { text-align: left; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; padding: 18px 10px 18px 50px; margin: 0; background: none; color: #fff; font-weight: 400; } .leaderboard ol li:hover mark::before, .leaderboard ol li mark::after { content: ''; position: absolute; z-index: -1; top: 0; left: 0; height: 100%; width: 100%; } .leaderboard ol li mark::after { left: auto; right: 0px; border-left: none; border: 1px solid transparent; border-radius: 4px; z-index: -1; } .leaderboard ol li:hover mark::after { left: auto; right: 0px; border-left: none; border: 1px solid rgba(255, 255, 255, 0.82); border-radius: 4px; z-index: -1; } .leaderboard ol li small { position: relative; z-index: 2; display: block; text-align: right; } .leaderboard ol li:hover { z-index: 2; overflow: visible; } .leaderboard ol li:hover::after { opacity: 1; -webkit-transform: scaleX(1.06) scaleY(1.03); transform: scaleX(1.06) scaleY(1.03); } .leaderboard ol li:hover mark::before, .leaderboard ol li:hover mark::after { opacity: 1; -webkit-transition: all .35s ease-in-out; transition: all .35s ease-in-out; } .leaderboard .off30 { right: 0px; } .leaderboard h3 { font-style: italic; color: #ddd; font-weight: 100; font-size: 14px; margin: 10px; line-height: 1.3; text-align: center; } .leaderboard h4 { text-align: center; color: #009cde; font-weight: 400; font-size: 14px; border: 1px solid #009cde !important; max-width: 300px; margin: 0 auto; padding: 5px; border-radius: 20px; } .okselect { -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; } .radio-switcher-container div, .radio-switcher-container span, .radio-switcher-container label { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } .radio-switcher-container input[type="radio"] { display: none; } .radio-switcher-container .switcher-container { margin: 0 auto; position: relative; display: table; background: rgba(255, 255, 255, .14); height: 40px; border-radius: 20px; } .radio-switcher-container .switcher-container>label { position: relative; display: table-cell; width: 50%; text-align: center; vertical-align: middle; padding: 0 30px; z-index: 111; cursor: pointer; color: #fff; transition: color .3s ease; } .radio-switcher-container .switcher-container .switcher { position: absolute; width: 50%; height: 100%; background-color: #009cde; border-radius: 20px; top: 0; left: 0; transition: left .3s ease; display: none; } .radio-switcher-container input#left:checked~.switcher-container label[for=left] { color: white; } .radio-switcher-container input#left:checked~.switcher-container .switcher { display: block; left: 0; background-color: #009cde; } .radio-switcher-container input#right:checked~.switcher-container label[for=right] { color: white; } .radio-switcher-container input#right:checked~.switcher-container .switcher { display: block; left: 50%; background-color: #00a245; } .radio-switcher-container label { text-transform: uppercase; letter-spacing: .05em; font-weight: bold; } .yearselect { display: none; } .yearselect, .moneyselect { margin-top: 30px; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; } .HOTPDF { background-image: linear-gradient(135deg, rgb(251, 93, 95) 0%, rgb(244, 2, 6) 100%); box-shadow: 0 2px 5px 0 rgba(251, 66, 97, .51); position: absolute; display: inline-block; color: #fff; background-color: #dc3c00; font-size: 9px !important; padding: 3px 6px !important; height: auto; top: -16px; right: -10px; box-shadow: 0 2px 3px 0 rgba(0, 0, 0, .15); line-height: 10px; opacity: 1 !important; border-radius: 3px; } .HOTPDF::after { content: ''; display: inline-block; width: 0; height: 0; position: absolute; left: 0; bottom: -6px; border-left: 3px solid transparent; border-right: 3px solid transparent; border-top: 10px solid #fa4a4d; -webkit-transform: rotate3d(0, 0, 1, 45deg); -ms-transform: rotate3d(0, 0, 1, 45deg); transform: rotate3d(0, 0, 1, 45deg); } .leaderboard .yearselect h4 { color: #00a245; border: 1px solid #00a245 !important; } .leaderboard .yearselect ol li { background: rgba(17, 17, 17, 0.14); } .pricesave { right: 60px; text-align: center; color: #fff !important; font-weight: 300 !important; right: 100px; position: absolute; top: -8px; padding: 0px; font-size: 18px; line-height: 44px !important; height: 44px; width: 70px; padding-top: 16px; } .pricesave::after { content: ""; display: block; margin-top: -22px; width: 100%; height: 1px; background-color: #b72f28; } .cd-popup-container h3 { color: #ddd; font-weight: 100; font-size: 14px; margin: 10px 10px 20px; } .cd-popup-container header h1 { font-size: 28px; color: #fff; text-align: center; } .cd-popup-container header p { color: #fff; } .menumore, .menudonate { opacity: 0; } .sliding-menu { display: none; overflow: hidden; position: relative; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; } .sliding-menu ul { float: left; margin: 0; } .sliding-menu li { list-style: none; margin: 12px 5px; background: rgba(249, 249, 249, 0.04); margin-bottom: 10px; border-radius: 8px; -webkit-box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .11); box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, .11); font-weight: 400; } .sliding-menu a { display: block; padding: 1.2em 1.5em; color: #fff; text-align: left; border: 1px solid #d0cbcb4d; border-radius: 8px; } .sliding-menu a:hover { background: rgba(0, 162, 69, 0.73); color: #FFF; border-radius: 6px; } .sliding-menu a.nav:before { content: '\3009'; float: right; margin-left: 1em; } .sliding-menu a.back { margin: 12px 5px; background: rgba(0, 0, 0, 0.48); color: #FFF; margin-bottom: 10px; border-radius: 6px; border: 1px solid transparent; font-weight: 400; -webkit-box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, 0.2); box-shadow: 0 .125rem .1875rem 0 rgba(0, 0, 0, 0.2); } .sliding-menu a.back:hover { background: #067334; color: #FFF; margin-bottom: 10px; border-radius: 6px; } .sliding-menu a.back:before { content: '\3008'; float: left; margin-right: 1em; } .addmoreinfo { width: 90%; max-width: 700px; } @media screen and (max-width:500px) { .cd-popup-container { top: 10%; } .cd-popup img{width:200px;} .cd-popup img.addjsing{max-width: 120px;} .modal-dialog .modal-body p { text-align: left !important; font-size: 24px !important; } .modal-dialog .modal-body p span { border-radius: 4px !important; padding: 4px 0px !important; background-color: transparent !important; -webkit-box-shadow: none !important; box-shadow: none !important; } .modal-dialog .modal-body p span .icon36 { width: 24px; height: 24px; } } .onlinefooter { position: fixed; bottom: 0; right: 12px; font-size: 12px; padding-top: 14px; } .onlinefooter .legalFooter { text-align: center; padding: 4px; background-color: #fff; } .sidebar-active .onlinefooter .legalFooter { background-color: transparent; } .onlinefooter .legalFooter a, .onlinefooter .legalFooter a:link, .onlinefooter .legalFooter a:visited, .onlinefooter .legalFooter a:hover { color: #666; white-space: nowrap; } .onlinefooterGroup { list-style-type: none; text-align: center; } .onlinefooterGroup li { display: inline-block; margin: 0 10px 0 0; } .onlinefooterGroup li a, .onlinefooterGroup li a:link, .onlinefooterGroup li a:visited, .onlinefooterGroup li a:hover { color: #666; white-space: nowrap; } .onlinefooterGroup li:last-child { margin: 0; } .onlinefooterGroupWithSiblings { float: left; padding: 0; background: 0 0; } .onlinefooterCopyright { margin: 0; text-align: right; color: #505050; font-size: 14px; font-weight: 300; margin: auto 10px 0px auto; } .onlinefooterDisclaimer { margin: 0; padding: 7px 0 0; clear: both; color: #9e9e9e; text-align: left; } .sidebar-active .onlinefooterCopyright { background-color: transparent; } .sidebar-active .onlinefooter { display: none; } .modal-dialog .modal-content { padding: 4px; display: block; } .modal-dialog header p { padding: 1em 0px; } .modal-dialog .modal-body { padding: 0px; } .modal-dialog .modal-body p { padding: 1em 0px; color: #fff; font-size: 30px; } .modal-dialog .modal-body input { -webkit-box-shadow: none; box-shadow: none; color: #fff; height: 56px; padding: 0 40px; width: 100%; background-color: #333; border: 1px solid #4d4c4c; } .modal-dialog .modal-footer button { width: 100%; padding: 1.5em; background-color: #09833d; padding: 27px 0px; } .modal-dialog .modal-footer button:hover { background-color: #035b29; box-shadow: none; } .modal-dialog .modal-body input:focus { outline: 0; box-shadow: 0 0 0 4px rgba(0, 112, 186, 0.1); background-color: #333; border: 1px solid #035b29; } .cdccclose:hover { background-color: #035b29; } .modal-dialog .modal-body p span { background-color: #333; border-radius: 30px; padding: 4px 20px; -webkit-box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.1), 0 1px 10px 0 rgba(0, 0, 0, 0.01), 0 2px 4px -1px rgba(0, 0, 0, 0.02); } .textInput { position: relative; margin: 0 0 10px; } .textInput .userpass:before { content: ""; display: block; position: absolute; top: 0; width: 40px; height: 52px; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/inputpass.svg) no-repeat 50%; background-position-x: 50%; background-position-y: center; background-size: auto; background-size: 22px; background-position: left; background-position-x: left; opacity: 0.6; background-position-x: 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; } .textInput .fieldLabel { position: absolute; color: #6c7378; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); padding: 0; border: 0; height: 1px; width: 1px; overflow: hidden; } .textInput input { height: 44px; width: 100%; border: 1px solid #9da3a6; background: #fff; text-overflow: ellipsis; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 4px; -moz-border-radius: 4px; -khtml-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; color: #000; font-size: 1em; font-weight: 400; direction: ltr; } .textInput input:focus { outline: 0; box-shadow: 0 0 0 4px rgba(0, 112, 186, 0.1); background-color: #fff; border: 1px solid #0070ba; } .textInput input:not([type=submit]):not([type=radio]):not([type=checkbox]) { -webkit-background-clip: padding-box; -moz-background-clip: padding-box; background-clip: padding-box; -webkit-transition: border .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: border .2s ease-in-out, background-color .2s ease-in-out; -o-transition: border .2s ease-in-out, background-color .2s ease-in-out; transition: border .2s ease-in-out, background-color .2s ease-in-out; } input::-ms-clear, input::-ms-reveal { display: none; width: 0; height: 0; } .splitEmail .textInput { margin-bottom: 20px; } .tool-error { max-width: 400px; margin: auto; } .tool-error .title2 { color: #dc4335; text-align: center; } .tool-error .tool-error__content { margin-bottom: 30px; background-color: #fff; padding: 20px 1px; font-weight: 400; border-top: 1px solid #87898d; } .tool-error .tool-error__action .btn { background-color: #fff; border-radius: 40px; border: 1px solid #e7362c; color: #e7362c; font-weight: 400; padding: 10px 20px; margin-bottom: 10px; } .tool-error .tool-error__action .btn:hover { background-color: #e7362c; color: #fff; } .sidebar-active .convert__header { display: none; } .sidebar-active .header { background-color: #fff; box-shadow: none; border-bottom: none; } .process-run .spop-container { display: none; } .process-run .addtools { display: none !important; } @media(pointer: fine) { * { scrollbar-color: #dedede transparent } ::-webkit-scrollbar { background-color: transparent; height: 8px; width: 8px } ::-webkit-scrollbar-thumb { background-color: #50505042; min-height: 48px; min-width: 48px } ::-webkit-scrollbar-button { width: 0; height: 0 } } .likedivdiv #menu { min-height: 200px !important; height: auto !important; display: none; } .likedivdiv #menu .menu-panel li { color: #fff; text-align: left; padding: 40px 20px; line-height: 30px; } .process-run .convert-switcher { display: none !important; } .MiddleSide-module--mid-small-logo--2ozBa .reg_button { border-radius: 40px; } .searchic { display: inline-block !important; } .task-list-button { display: none; } .hidetool { -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; z-index: 3001; clear: both; width: 36px; height: 36px; position: fixed; bottom: 30px; left: calc(395px - 62px); border-radius: 30px; display: none; cursor: pointer; } .officecom-0 #maia-signature { margin: 8px 0px; background-position: left; min-height: 4px; max-width: 138px; border-radius: 4px; } .sidebar-active .hidetool { display: flex; } .sidebar-active .hidetool svg { margin-left: 0px; margin-right: 0px; } .sidebar-active .hidetool:hover svg { color: #00a245; } .process-run .hidetool { display: none !important; } .hidetoolleft { left: 10px; -webkit-transform: rotate(180deg); transform: rotate(180deg); } @-webkit-keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } @keyframes wobble-hor-top { 0%, 100% { -webkit-transform: translateX(0%); transform: translateX(0%); -webkit-transform-origin: 50% 50%; transform-origin: 50% 50%; } 15% { -webkit-transform: translateX(-30px) rotate(6deg); transform: translateX(-30px) rotate(6deg); } 30% { -webkit-transform: translateX(15px) rotate(-6deg); transform: translateX(15px) rotate(-6deg); } 45% { -webkit-transform: translateX(-15px) rotate(3.6deg); transform: translateX(-15px) rotate(3.6deg); } 60% { -webkit-transform: translateX(9px) rotate(-2.4deg); transform: translateX(9px) rotate(-2.4deg); } 75% { -webkit-transform: translateX(-6px) rotate(1.2deg); transform: translateX(-6px) rotate(1.2deg); } } .reg_css{ margin: 20px auto;width: 100%;background-color: #e74001;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;max-width: 1000px;color: #fff;padding: 10px;box-shadow: 0 2px 5px 0 rgba(251,66,97,.51); } .reg_regb{font-size: 14px;font-family: inherit;line-height: inherit;margin: 0;outline: 0;will-change: transform,opacity;opacity: 1 !important;float: left;color: #fff;border: 1px solid #fff !important;border-radius: 0;background-color: transparent;padding: 6px 8px !important;font-weight: 400 !important;display: block;min-width: 80px;} .reg_h3{line-height: 32px;display: block;width: 100%;margin: 32px 0 16px;font-family: officefont,sans-serif;font-size: 28px;font-weight: 300;} .reg_h5{line-height: 28px;margin: 0px;font-family: officefont,sans-serif;font-size: 20px;font-weight: 300;} .reg_a{display: block;position: relative;color: rgba(0,0,0,.87);text-decoration: none;outline: 0;margin: 40px 0px 10px;} .reg_bn{ -webkit-animation: wobble-hor-top 0.8s linear 5s 5 both; animation: wobble-hor-top 0.8s linear 5s 5 both; border-radius: 0px !important;padding: 0 60px !important;border: 2px solid #fff !important;color: #fff !important;height: 40px !important;font-size: 18px !important;font-weight: 400 !important;border: 2px solid #fff !important;min-width: 200px;background-color: transparent; } .reg_bn:hover{border: 2px solid #00a245 !important;box-shadow: 1px 5px 8px 0 rgba(0, 0, 0, 0.12);background-image: linear-gradient(135deg, rgb(0, 162, 69) 0%, rgb(3, 130, 62) 100%);} @media screen and (max-width:840px) { .task-list-button { width: 100px; height: 105px; min-width: 100px; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/more.png) right center no-repeat; background-size: auto; background-size: contain; position: fixed; cursor: pointer; border: 0; outline: 0; transition: ease-in 500ms; right: 0px; top: auto; z-index: 1003; display: block; bottom: 20px; } .reg_h3{font-size:20px;} .reg_h5{font-size:16px;} .reg_regb{display: none;} .sidebar-active .task-list-button { display: none; } .process-run .task-list-button { display: none !important; } .receive-awards-bubble { height: 22px; line-height: 22px; border-radius: 7px 7px 0; position: absolute; z-index: 30; top: 40%; right: 26px; font-size: 13px; text-align: center; opacity: 1; color: #8E4A0C; cursor: pointer; font-weight: 900; } .earn-points-exchange-gifts-bubble { width: 93px; height: 60px; background: url(/National_Library/oe_/https://pl.office-converter.com/2021/img/myfiles.png) center center no-repeat; background-size: auto; background-size: contain; position: absolute; z-index: 2; top: 23%; right: 6px; cursor: pointer; } .cd-popup::before { background-blend-mode: multiply, multiply, normal, normal; background-color: #111; background-image: linear-gradient(to bottom left, rgba(216, 216, 216, 0.54) 0, rgba(216, 216, 216, 0.54) 49.9%, transparent 50%), linear-gradient(to bottom right, rgba(228, 228, 228, 0.54) 0, rgba(228, 228, 228, 0.54) 49.9%, transparent 50%), linear-gradient(to top left, rgb(38, 38, 38) 0%, #313131 49.3%, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0) 100%), linear-gradient(201deg, #4e4e4e 0%, #333 46%, #2f2f2f 90%); color: #fff; background-position: top right, top left, right bottom -120px, left top; background-repeat: no-repeat; background-size: 74% 99.83%, 68% 91%, 103.8% 20.26%, 100% 99.8%; } .searchic { position: absolute !important; top: -4px; left: 44px; padding: 12px 2px 2px 2px; border-bottom-right-radius: 50%; border-bottom-left-radius: 50%; } .searchic .searchico { background-color: transparent; border: 1px solid transparent; padding: 0px 2px !important; } } .file__actions .googledrive, .file__actions .dropboxfile { display: flex !important; } .ProductPanel-module--side-screen--3XSQu li a::before { background: #fff; opacity: .9; content: ""; width: 100%; height: 100%; position: absolute; z-index: -1; } .ProductPanel-module--side-screen--3XSQu li a:hover::before { opacity: 1; } .autocompleter-hint { top: -46px !important; } .search-wrapper input { min-height: 48px !important; } .search-m input { min-height: 42px !important; } .search-m .autostring { top: 15px !important; } .cd-popup.findconvertdiv { background-color: transparent !important; } .search-m img { display: none !important; } .addfiles:focus { box-shadow: none; border: 1px solid transparent !important; } .VfPpkd-LgbsSe { -webkit-font-smoothing: antialiased; font-size: .875rem; font-size: var(--mdc-typography-button-font-size, 0.875rem); line-height: 2.25rem; line-height: var(--mdc-typography-button-line-height, 2.25rem); font-weight: 400; font-weight: var(--mdc-typography-button-font-weight, 500); letter-spacing: .0892857143em; letter-spacing: var(--mdc-typography-button-letter-spacing, 0.0892857143em); text-decoration: none; text-decoration: var(--mdc-typography-button-text-decoration, none); text-transform: uppercase; text-transform: var(--mdc-typography-button-text-transform, uppercase); padding: 0 8px 0 8px; position: relative; display: -webkit-inline-box; display: inline-flex; align-items: center; justify-content: center; box-sizing: border-box; min-width: 64px; border: none; outline: none; line-height: inherit; -webkit-user-select: none; -webkit-appearance: none; overflow: visible; vertical-align: middle; border-radius: 4px; } .VfPpkd-LgbsSe::-moz-focus-inner { padding: 0; border: 0; } .VfPpkd-LgbsSe:active { outline: none; } .VfPpkd-LgbsSe:hover { cursor: pointer; } .VfPpkd-LgbsSe:disabled { cursor: default; pointer-events: none; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc { border-radius: 4px; } .VfPpkd-LgbsSe:disabled { background-color: transparent; } .VfPpkd-LgbsSe:disabled { color: rgba(0, 0, 0, 0.38); } .VfPpkd-LgbsSe { --mdc-ripple-fg-size: 0; --mdc-ripple-left: 0; --mdc-ripple-top: 0; --mdc-ripple-fg-scale: 1; --mdc-ripple-fg-translate-end: 0; --mdc-ripple-fg-translate-start: 0; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); will-change: transform, opacity; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before, .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after { position: absolute; border-radius: 50%; opacity: 0; pointer-events: none; content: ""; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before { transition: opacity 15ms linear, background-color 15ms linear; z-index: 1; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before, .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after { top: calc(50% - 100%); left: calc(50% - 100%); width: 200%; height: 200%; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::before, .VfPpkd-LgbsSe .VfPpkd-Jh9lGc::after { background-color: #6200ee; background-color: var(--mdc-theme-primary, #6200ee); } .VfPpkd-LgbsSe:hover .VfPpkd-Jh9lGc::before { opacity: .04; } .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition-duration: 75ms; opacity: .12; } .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opacity 150ms linear; } .VfPpkd-LgbsSe:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transition-duration: 75ms; opacity: .12; } .VfPpkd-LgbsSe .VfPpkd-Jh9lGc { position: absolute; box-sizing: content-box; width: 100%; height: 100%; overflow: hidden; } .VfPpkd-LgbsSe:not(.VfPpkd-LgbsSe-OWXEXe-INsAgc) .VfPpkd-Jh9lGc { top: 0; left: 0; } .VfPpkd-LgbsSe { height: 36px; } .ksBjEc { font-size: .875rem; font-weight: 300; letter-spacing: .0107142857em; text-transform: none; background-color: #fff; color: #3c4043; } .ksBjEc .VfPpkd-Jh9lGc { height: 100%; position: absolute; overflow: hidden; width: 100%; z-index: 0; } .ksBjEc .VfPpkd-vQzf8d.yeslang { position: relative; font-weight: 400; } .ksBjEc:disabled { color: rgba(60, 64, 67, 0.38); color: var(--gm-colortextbutton-disabled-ink-color, rgba(60, 64, 67, 0.38)); } .ksBjEc .VfPpkd-Jh9lGc::before, .ksBjEc .VfPpkd-Jh9lGc::after { background-color: #1a73e8; background-color: var(--gm-colortextbutton-state-color, #1a73e8); } .ksBjEc:hover .VfPpkd-Jh9lGc::before { opacity: .04; } .ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d):focus .VfPpkd-Jh9lGc::before { transition-duration: 75ms; opacity: .12; } .ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d) .VfPpkd-Jh9lGc::after { transition: opacity 150ms linear; } .ksBjEc:not(.VfPpkd-ksKsZd-mWPk3d):active .VfPpkd-Jh9lGc::after { transition-duration: 75ms; opacity: .12; } .KG4Qee { background-color: #fff; border-radius: 8px; box-shadow: 0 8px 10px -5px rgba(0, 0, 0, 0.2), 0 16px 24px 2px rgba(0, 0, 0, 0.14), 0 6px 30px 5px rgba(0, 0, 0, 0.12); display: flex; position: relative; -webkit-box-align: center; box-align: center; align-items: center; padding: 12px 24px 12px 0px; } .RODueb { background-color: #fff; background-repeat: no-repeat; background-size: 70px; background-position: center; border-radius: 8px 0 0 8px; bottom: 0; position: absolute; top: 0; } .lsJU7b { box-flex: 1; flex-grow: 1; padding: 24px 0px 2px; } .R5XrWc { color: #202124; font-size: 18px; font-weight: 400; letter-spacing: 0; line-height: 1.75rem; } .yERkJe { color: #3c4043; margin: 12px 0 24px 0; letter-spacing: .01428571em; font-size: .875rem; font-weight: 300; line-height: 1.25rem; } .dU8cvd { display: flex; box-pack: end; -webkit-box-pack: end; justify-content: flex-end; padding: 18px 24px 4px; } .uxrPFe { margin-right: 16px; } .mGD6id .RODueb { background-image: url(/National_Library/oe_/https://pl.office-converter.com/2021/svg/chrome.svg); width: 120px; } .mGD6id .lsJU7b { box-sizing: border-box; display: flex; flex-direction: column; height: 100%; margin-left: 120px; } .mGD6id .yERkJe { flex: 2; } .gsckL { position: fixed; transition: transform .1s cubic-bezier(0.4, 0.0, 0.2, 1); overflow: visible; bottom: 0; left: 0; right: 0; z-index: 500; -webkit-transition: opacity 0.3s 0s, visibility 0s 0s; -moz-transition: opacity 0.3s 0s, visibility 0s 0s; transition: opacity 0.3s 0s, visibility 0s 0s; -webkit-animation-duration: .5s; animation-duration: .5s; -webkit-animation-fill-mode: both; animation-fill-mode: both; -webkit-animation-name: zoomIn; animation-name: zoomIn; } .TUXL9e { position: static; display: block; width: 100%; padding: 0; transform: translateZ(0); transition: transform .2s cubic-bezier(0.4, 0.0, 0.2, 1); } @media screen and (min-width:481px) { .gsckL { min-width: 288px; max-width: 568px; right: auto; } .TUXL9e { max-width: calc(100vw - 2*24px); padding: 0 24px 44px; } .zPNfib { border-radius: 8px; } } .modal-open .gsckL { display: none; } @media (min-width:241px) and (max-width:480px) { #officelang-container>div { padding: 0px; width: 100%; } .mGD6id .RODueb { width: 100px; background-size: 70px; } .dU8cvd{ padding: 4px 24px 4px; } .mGD6id .lsJU7b { margin-left: 100px; } .yERkJe { margin: 6px 0 12px 0; font-size: 14px; font-weight: 300; } .R5XrWc { font-size: 16px; } .KG4Qee { border-radius: 0px; } } .sidebar-active .gsckL{display: none;} 
.ask-community-card{box-shadow: none; border: 1px solid #9999993b;}
@media screen and (max-width:840px) {
    .sidebar-active .office__convertwindow #content{margin-top:125px !important;}
    .sidebar-active .office__convertwindow.mobileshow .adsshow{margin-top:125px !important;} 
    .sidebar-active .office__convertwindow.mobileshow .conshow{margin-top:0px !important;}
    .sidebar-active .office__convertwindow.mobileshow #content{margin-top:0px !important;}
    .sidebar-active .office__convertwindow.mobileclose .hidden-phone{margin-top:125px !important;}
    .sidebar-active .office__convertwindow.mobileclose .conshow{margin-top:0px !important;}
    .sidebar-active .office__convertwindow.mobileclose #content{margin-top:0px !important;}

    
}