1<!DOCTYPE html> 2<html lang="en" dir="ltr"> 3 <head> 4 <meta charset="utf-8"> 5 <!-- Global site tag (gtag.js) - Google Analytics -->
vendor: 68 bytes, lines 5-6
5 6 <script defer src="https://www.googletagmanager.com/gtag/js?id=
6UA-2458138-50
vendor: 16 bytes, lines 6-7
6"></script> 7
7<script> 8
vendor: 152 bytes, lines 8-12
8window.dataLayer = window.dataLayer || []; 9 function gtag(){dataLayer.push(arguments);} 10 gtag('js', new Date()); 11 12 gtag('config', '
12UA-2458138-50
vendor: 8 bytes, lines 12-13
12'); 13
13</script>
13 14 15 <meta http-equiv="x-ua-compatible" content="ie=edge"> 16 <meta name="viewport" content="width=device-width, minimum-scale=1.0, maximum-scale=1.0, initial-scale=1"> 17 <!-- favicon --> 18 <link href="https://tinywow.com/v2/img/favicon.png" type="image/png" rel="icon"> 19 20 <!-- CSRF Token --> 21 <meta name="csrf-token" content="1cajA5MeHlIbTiRYmR6hl6RfZk91y8fi1u0HxZnj"> 22 23 24 <title> 25 Free AI Writing, PDF, Image, and other Online Tools - TinyWow 26 </title> 27 28 <link rel="canonical" href="https://tinywow.com"> 29 30 <meta property="og:title" content="Free AI Writing, PDF, Image, and other Online Tools - TinyWow" /> 31 <meta property="og:description" content="Free AI Writing, PDF, Image, and other Online Tools - TinyWow" /> 32 <meta property="og:type" content="article" /> 33 <meta property="og:site_name" content="TinyWow" /> 34 <meta property="og:url" content="https://tinywow.com" /> 35 36 <link rel="dns-prefetch" href="https://fonts.googleapis.com"> 37 <link rel="dns-prefetch" href="https://fonts.gstatic.com"> 38 <link rel="preconnect" href="https://fonts.googleapis.com"> 39 <link rel="preconnect" href="https://fonts.gstatic.com"> 40 <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap"> 41 <link rel="stylesheet" id="onload_link" href="https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap" media="all"> 42 <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-regular-400.woff2" as="font" type="font/woff2" crossorigin> 43 <link rel="preload" href="https://tinywow.com/v2/webfonts/fa-brands-400.woff2" as="font" type="font/woff2" crossorigin> 44 45 <!-- all css here --> 46 <style nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 47 /*! 48 * Bootstrap v4.6.0 (https://getbootstrap.com/) 49 * Copyright 2011-2021 The Bootstrap Authors 50 * Copyright 2011-2021 Twitter, Inc. 51 * Licensed under MIT (https://github.com/twbs/bootstrap/blob/main/LICENSE) 52 */:root{--blue:#007bff;--indigo:#6610f2;--purple:#6f42c1;--pink:#e83e8c;--red:#dc3545;--orange:#fd7e14;--yellow:#ffc107;--green:#28a745;--teal:#20c997;--cyan:#17a2b8;--white:#fff;--gray:#6c757d;--gray-dark:#343a40;--primary:#007bff;--secondary:#6c757d;--success:#28a745;--info:#17a2b8;--warning:#ffc107;--danger:#dc3545;--light:#f8f9fa;--dark:#343a40;--breakpoint-xs:0;--breakpoint-sm:576px;--breakpoint-md:768px;--breakpoint-lg:992px;--breakpoint-xl:1200px;--font-family-sans-serif:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-family-monospace:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace}*,::after,::before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}article,aside,figcaption,figure,footer,header,hgroup,main,nav,section{display:block}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-size:1rem;font-weight:400;line-height:1.5;color:#212529;text-align:left;background-color:#fff}[tabindex="-1"]:focus:not(:focus-visible){outline:0!important}hr{box-sizing:content-box;height:0;overflow:visible}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:.5rem}p{margin-top:0;margin-bottom:1rem}abbr[data-original-title],abbr[title]{text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;cursor:help;border-bottom:0;-webkit-text-decoration-skip-ink:none;text-decoration-skip-ink:none}address{margin-bottom:1rem;font-style:normal;line-height:inherit}dl,ol,ul{margin-top:0;margin-bottom:1rem}ol ol,ol ul,ul ol,ul ul{margin-bottom:0}dt{font-weight:700}dd{margin-bottom:.5rem;margin-left:0}blockquote{margin:0 0 1rem}b,strong{font-weight:bolder}small{font-size:80%}sub,sup{position:relative;font-size:75%;line-height:0;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}a{color:#007bff;text-decoration:none;background-color:transparent}a:hover{color:#0056b3;text-decoration:underline}a:not([href]):not([class]){color:inherit;text-decoration:none}a:not([href]):not([class]):hover{color:inherit;text-decoration:none}
52code,kbd,pre,samp{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;font-size:1em}pre{margin-top:0;margin-bottom:1rem;overflow:auto;-ms-overflow-style:scrollbar}figure{margin:0 0 1rem}img{vertical-align:middle;border-style:none}svg{overflow:hidden;vertical-align:middle}table{border-collapse:collapse}caption{padding-top:.75rem;padding-bottom:.75rem;color:#6c757d;text-align:left;caption-side:bottom}th{text-align:inherit;text-align:-webkit-match-parent}label{display:inline-block;margin-bottom:.5rem}button{border-radius:0}button:focus:not(:focus-visible){outline:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[role=button]{cursor:pointer}select{word-wrap:normal}[type=button],[type=reset],[type=submit],button{-webkit-appearance:button}[type=button]:not(:disabled),[type=reset]:not(:disabled),[type=submit]:not(:disabled),button:not(:disabled){cursor:pointer}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{padding:0;border-style:none}input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}textarea{overflow:auto;resize:vertical}fieldset{min-width:0;padding:0;margin:0;border:0}legend{display:block;width:100%;max-width:100%;padding:0;margin-bottom:.5rem;font-size:1.5rem;line-height:inherit;color:inherit;white-space:normal}progress{vertical-align:baseline}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px;-webkit-appearance:none}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{font:inherit;-webkit-appearance:button}output{display:inline-block}summary{display:list-item;cursor:pointer}template{display:none}[hidden]{display:none!important}.h1,.h2,.h3,.h4,.h5,.h6,h1,h2,h3,h4,h5,h6{margin-bottom:.5rem;font-weight:500;line-height:1.2}.h1,h1{font-size:2.5rem}.h2,h2{font-size:2rem}.h3,h3{font-size:1.75rem}.h4,h4{font-size:1.5rem}.h5,h5{font-size:1.25rem}.h6,h6{font-size:1rem}.lead{font-size:1.25rem;font-weight:300}.display-1{font-size:6rem;font-weight:300;line-height:1.2}.display-2{font-size:5.5rem;font-weight:300;line-height:1.2}.display-3{font-size:4.5rem;font-weight:300;line-height:1.2}.display-4{font-size:3.5rem;font-weight:300;line-height:1.2}hr{margin-top:1rem;margin-bottom:1rem;border:0;border-top:1px solid rgba(0,0,0,.1)}.small,small{font-size:80%;font-weight:400}.mark,mark{padding:.2em;background-color:#fcf8e3}.list-unstyled{padding-left:0;list-style:none}.list-inline{padding-left:0;list-style:none}.list-inline-item{display:inline-block}.list-inline-item:not(:last-child){margin-right:.5rem}.initialism{font-size:90%;text-transform:uppercase}.blockquote{margin-bottom:1rem;font-size:1.25rem}.blockquote-footer{display:block;font-size:80%;color:#6c757d}.blockquote-footer::before{content:"\2014\00A0"}.img-fluid{max-width:100%;height:auto}.img-thumbnail{padding:.25rem;background-color:#fff;border:1px solid #dee2e6;border-radius:.25rem;max-width:100%;height:auto}.figure{display:inline-block}.figure-img{margin-bottom:.5rem;line-height:1}.figure-caption{font-size:90%;color:#6c757d}code{font-size:87.5%;color:#e83e8c;word-wrap:break-word}a>code{color:inherit}kbd{padding:.2rem .4rem;font-size:87.5%;color:#fff;background-color:#212529;border-radius:.2rem}kbd kbd{padding:0;font-size:100%;font-weight:700}pre{display:block;font-size:87.5%;color:#212529}pre code{font-size:inherit;color:inherit;word-break:normal}.pre-scrollable{max-height:340px;overflow-y:scroll}.container,.container-fluid,.container-lg,.container-md,.container-sm,.container-xl{width:100%;padding-right:15px;padding-left:15px;margin-right:auto;margin-left:auto}@media (min-width:576px){.container,.container-sm{max-width:540px}}@media (min-width:768px){.container,.container-md,.container-sm{max-width:720px}}@media (min-width:992px){.container,.container-lg,.container-md,.container-sm{max-width:960px}}@media (min-width:1200px){.container,.container-lg,.container-md,.container-sm,.container-xl{max-width:1140px}}.row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-15px;margin-left:-15px}.no-gutters{margin-right:0;margin-left:0}.no-gutters>.col,.no-gutters>[class*=col-]{padding-right:0;padding-left:0}.col,.col-1,.col-10,.col-11,.col-12,.col-2,.col-3,.col-4,.col-5,.col-6,.col-7,.col-8,.col-9,.col-auto,.col-lg,.col-lg-1,.col-lg-10,.col-lg-11,.col-lg-12,.col-lg-2,.col-lg-3,.col-lg-4,.col-lg-5,.col-lg-6,.col-lg-7,.col-lg-8,.col-lg-9,.col-lg-auto,.col-md,.col-md-1,.col-md-10,.col-md-11,.col-md-12,.col-md-2,.col-md-3,.col
52-md-4,.col-md-5,.col-md-6,.col-md-7,.col-md-8,.col-md-9,.col-md-auto,.col-sm,.col-sm-1,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-auto,.col-xl,.col-xl-1,.col-xl-10,.col-xl-11,.col-xl-12,.col-xl-2,.col-xl-3,.col-xl-4,.col-xl-5,.col-xl-6,.col-xl-7,.col-xl-8,.col-xl-9,.col-xl-auto{position:relative;width:100%;padding-right:15px;padding-left:15px}.col{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-first{-ms-flex-order:-1;order:-1}.order-last{-ms-flex-order:13;order:13}.order-0{-ms-flex-order:0;order:0}.order-1{-ms-flex-order:1;order:1}.order-2{-ms-flex-order:2;order:2}.order-3{-ms-flex-order:3;order:3}.order-4{-ms-flex-order:4;order:4}.order-5{-ms-flex-order:5;order:5}.order-6{-ms-flex-order:6;order:6}.order-7{-ms-flex-order:7;order:7}.order-8{-ms-flex-order:8;order:8}.order-9{-ms-flex-order:9;order:9}.order-10{-ms-flex-order:10;order:10}.order-11{-ms-flex-order:11;order:11}.order-12{-ms-flex-order:12;order:12}.offset-1{margin-left:8.333333%}.offset-2{margin-left:16.666667%}.offset-3{margin-left:25%}.offset-4{margin-left:33.333333%}.offset-5{margin-left:41.666667%}.offset-6{margin-left:50%}.offset-7{margin-left:58.333333%}.offset-8{margin-left:66.666667%}.offset-9{margin-left:75%}.offset-10{margin-left:83.333333%}.offset-11{margin-left:91.666667%}@media (min-width:576px){.col-sm{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-sm-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-sm-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-sm-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-sm-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-sm-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-sm-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-sm-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-sm-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-sm-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-sm-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-sm-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-sm-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-sm-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-sm-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-sm-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-sm-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-sm-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-sm-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-sm-first{-ms-flex-order:-1;order:-1}.order-sm-last{-ms-flex-order:13;order:13}.order-sm-0{-ms-flex-order:0;order:0}.order-sm-1{-ms-flex-order:1;order:1}.order-sm-2{-ms-flex-order:2;order:2}.order-sm-3{-ms-flex-order:3;order:3}.order-sm-4{-ms-flex-order:4;order:4}.order-sm-5{-ms-flex-order:5;order:5}.order-sm-6{-ms-flex-order:6;order:6}.order-sm-7{-ms-flex-order:7;order:7}.order-sm-8{-ms-flex-order:8;order:8}.order-sm-9{-ms-flex-order:9;order:9}.order-sm-10{-ms-flex-order:10;order:10}.order-sm-11{-ms-flex-order:11;order:11}.order-sm-12{-ms-flex-order:12;order:12}.offset-sm-0{margin-left:0}.offset-sm-1{margin-left:8.333333%}.offset-sm-2{margin-left:16.666667%}.offset-sm-3{margin-left:25%}.offset-sm-4{margin-left:33.333333%}.offset-sm-5{margin-left:41.666667%}.offset-sm-6{margin-left:50%}.offset-sm-7{margin-left:58.333333%}.offset-sm-8{margin-left:66.666667%}.offset-sm-9{margin-left:75%}.offset-sm-10{margin-left:83.333333%}.offset-sm-11{margin-left:91.666667%}}@media (min-width:768px){.col-md{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-md-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-md-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-md-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-md-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-md-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-md-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-md-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-md-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-md-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-md-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-md-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-md-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-md-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-md-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-md-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-md-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-md-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-md-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-md-first{-ms-flex-order:-1;order:-1}.order-md-last{-ms-flex-order:13;order:13}
52.order-md-0{-ms-flex-order:0;order:0}.order-md-1{-ms-flex-order:1;order:1}.order-md-2{-ms-flex-order:2;order:2}.order-md-3{-ms-flex-order:3;order:3}.order-md-4{-ms-flex-order:4;order:4}.order-md-5{-ms-flex-order:5;order:5}.order-md-6{-ms-flex-order:6;order:6}.order-md-7{-ms-flex-order:7;order:7}.order-md-8{-ms-flex-order:8;order:8}.order-md-9{-ms-flex-order:9;order:9}.order-md-10{-ms-flex-order:10;order:10}.order-md-11{-ms-flex-order:11;order:11}.order-md-12{-ms-flex-order:12;order:12}.offset-md-0{margin-left:0}.offset-md-1{margin-left:8.333333%}.offset-md-2{margin-left:16.666667%}.offset-md-3{margin-left:25%}.offset-md-4{margin-left:33.333333%}.offset-md-5{margin-left:41.666667%}.offset-md-6{margin-left:50%}.offset-md-7{margin-left:58.333333%}.offset-md-8{margin-left:66.666667%}.offset-md-9{margin-left:75%}.offset-md-10{margin-left:83.333333%}.offset-md-11{margin-left:91.666667%}}@media (min-width:992px){.col-lg{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-lg-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-lg-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-lg-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-lg-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-lg-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-lg-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-lg-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-lg-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-lg-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-lg-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-lg-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-lg-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-lg-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-lg-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-lg-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-lg-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-lg-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-lg-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-lg-first{-ms-flex-order:-1;order:-1}.order-lg-last{-ms-flex-order:13;order:13}.order-lg-0{-ms-flex-order:0;order:0}.order-lg-1{-ms-flex-order:1;order:1}.order-lg-2{-ms-flex-order:2;order:2}.order-lg-3{-ms-flex-order:3;order:3}.order-lg-4{-ms-flex-order:4;order:4}.order-lg-5{-ms-flex-order:5;order:5}.order-lg-6{-ms-flex-order:6;order:6}.order-lg-7{-ms-flex-order:7;order:7}.order-lg-8{-ms-flex-order:8;order:8}.order-lg-9{-ms-flex-order:9;order:9}.order-lg-10{-ms-flex-order:10;order:10}.order-lg-11{-ms-flex-order:11;order:11}.order-lg-12{-ms-flex-order:12;order:12}.offset-lg-0{margin-left:0}.offset-lg-1{margin-left:8.333333%}.offset-lg-2{margin-left:16.666667%}.offset-lg-3{margin-left:25%}.offset-lg-4{margin-left:33.333333%}.offset-lg-5{margin-left:41.666667%}.offset-lg-6{margin-left:50%}.offset-lg-7{margin-left:58.333333%}.offset-lg-8{margin-left:66.666667%}.offset-lg-9{margin-left:75%}.offset-lg-10{margin-left:83.333333%}.offset-lg-11{margin-left:91.666667%}}@media (min-width:1200px){.col-xl{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;max-width:100%}.row-cols-xl-1>*{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.row-cols-xl-2>*{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.row-cols-xl-3>*{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.row-cols-xl-4>*{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.row-cols-xl-5>*{-ms-flex:0 0 20%;flex:0 0 20%;max-width:20%}.row-cols-xl-6>*{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-auto{-ms-flex:0 0 auto;flex:0 0 auto;width:auto;max-width:100%}.col-xl-1{-ms-flex:0 0 8.333333%;flex:0 0 8.333333%;max-width:8.333333%}.col-xl-2{-ms-flex:0 0 16.666667%;flex:0 0 16.666667%;max-width:16.666667%}.col-xl-3{-ms-flex:0 0 25%;flex:0 0 25%;max-width:25%}.col-xl-4{-ms-flex:0 0 33.333333%;flex:0 0 33.333333%;max-width:33.333333%}.col-xl-5{-ms-flex:0 0 41.666667%;flex:0 0 41.666667%;max-width:41.666667%}.col-xl-6{-ms-flex:0 0 50%;flex:0 0 50%;max-width:50%}.col-xl-7{-ms-flex:0 0 58.333333%;flex:0 0 58.333333%;max-width:58.333333%}.col-xl-8{-ms-flex:0 0 66.666667%;flex:0 0 66.666667%;max-width:66.666667%}.col-xl-9{-ms-flex:0 0 75%;flex:0 0 75%;max-width:75%}.col-xl-10{-ms-flex:0 0 83.333333%;flex:0 0 83.333333%;max-width:83.333333%}.col-xl-11{-ms-flex:0 0 91.666667%;flex:0 0 91.666667%;max-width:91.666667%}.col-xl-12{-ms-flex:0 0 100%;flex:0 0 100%;max-width:100%}.order-xl-first{-ms-flex-order:-1;order:-1}.order-xl-last{-ms-flex-order:13;order:13}.order-xl-0{-ms-flex-order:0;order:0}.order-xl-1{-ms-flex-order:1;order:1}.order-xl-2{-ms-flex-order:2;order:2}.order-xl-3{-ms-flex-order:3;order:3}.order-xl-4{-ms-flex-order:4;order:4}.order-xl-5{-ms-flex-order:5;order:5}.order-xl-6{-ms-flex-order:6;order:6}.order-xl-7{-ms-flex-order:7;order:7}.order-xl-8{-ms-flex-order:8;order:8}.order-xl-9{-ms-flex-order:9;order:9}.order-xl-10{-ms-flex-order:10;order:10}.order-xl-11{-ms-flex-order:11;order:11}.order-xl-12{-ms-flex-order:12;order:12}.offset-xl-0{margin-left:0}.offset-xl-1{margin-left:8.333333%}.offset-xl-2{margin-left:16.666667%}.offset-xl-3{margin-left:25%}.offset-xl-4{margin-left:33.333333%}.offset-xl-5{margin-left:41.666667%}.offset-xl-6{margin-left:50%}.offset-xl-7{margin-left:58.333333%}.offset-xl-8{margin-left:66.666667%}.offset-xl-9{margin-left:75%}.offset-xl-10{margin-left:83.333333%}.offset-xl-11{margin-left:91.666667%}}.table{width:100%;margin-bottom:1rem;color:#212529}.table td,.table th{padding:.75rem;vertical-align:top;border-top:1px solid #dee2e6}.table thead th{vertical-align:bottom;border-bottom:2px solid #dee2e6}.table tbody+tbody{border-top:2px solid #dee2e6}.table-sm td,.table-sm th{padding:.3rem}.table-bordered{border:1px solid #dee2e6}.table-bordered td,.table-bordered th{border:1px solid #dee2e6}.table-bordered thead td,.table-bordered thead th{border-bottom-width:2px}.table-borderless tbody+tbody,.table-borderless td,.table-borderless th,.table-borderless thead th{border:0}.table-striped tbody tr:nth-of-type(odd){background-color:rgba(0,0,0,.05)}.table-hover tbody tr:hover{color:#212529;background-color:rgba(0,0,0,.075)}.table-primary,.table-primary>td,.table-primary>th{background-color:#b8daff}.table-primary tbody+tbody,.table-primary td,.table-primary th,.table-primary thead th{border-color:#7abaff}.table-hover .table-primary:hover{background-color:#9fcdff}.table-hover .table-primary:hover>td,.table-hover .table-primary:hover>th{background-color:#9fcdff}.table-secondary,.table-secondary>td,.table-secondary>th{background-color:#d6d8db}.table-secondary tbody+tbody,.table-secondary td,.table-secondary th,.table-secondary thead th{border-color:#b3b7bb}
52.table-hover .table-secondary:hover{background-color:#c8cbcf}.table-hover .table-secondary:hover>td,.table-hover .table-secondary:hover>th{background-color:#c8cbcf}.table-success,.table-success>td,.table-success>th{background-color:#c3e6cb}.table-success tbody+tbody,.table-success td,.table-success th,.table-success thead th{border-color:#8fd19e}.table-hover .table-success:hover{background-color:#b1dfbb}.table-hover .table-success:hover>td,.table-hover .table-success:hover>th{background-color:#b1dfbb}.table-info,.table-info>td,.table-info>th{background-color:#bee5eb}.table-info tbody+tbody,.table-info td,.table-info th,.table-info thead th{border-color:#86cfda}.table-hover .table-info:hover{background-color:#abdde5}.table-hover .table-info:hover>td,.table-hover .table-info:hover>th{background-color:#abdde5}.table-warning,.table-warning>td,.table-warning>th{background-color:#ffeeba}.table-warning tbody+tbody,.table-warning td,.table-warning th,.table-warning thead th{border-color:#ffdf7e}.table-hover .table-warning:hover{background-color:#ffe8a1}.table-hover .table-warning:hover>td,.table-hover .table-warning:hover>th{background-color:#ffe8a1}.table-danger,.table-danger>td,.table-danger>th{background-color:#f5c6cb}.table-danger tbody+tbody,.table-danger td,.table-danger th,.table-danger thead th{border-color:#ed969e}.table-hover .table-danger:hover{background-color:#f1b0b7}.table-hover .table-danger:hover>td,.table-hover .table-danger:hover>th{background-color:#f1b0b7}.table-light,.table-light>td,.table-light>th{background-color:#fdfdfe}.table-light tbody+tbody,.table-light td,.table-light th,.table-light thead th{border-color:#fbfcfc}.table-hover .table-light:hover{background-color:#ececf6}.table-hover .table-light:hover>td,.table-hover .table-light:hover>th{background-color:#ececf6}.table-dark,.table-dark>td,.table-dark>th{background-color:#c6c8ca}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#95999c}.table-hover .table-dark:hover{background-color:#b9bbbe}.table-hover .table-dark:hover>td,.table-hover .table-dark:hover>th{background-color:#b9bbbe}.table-active,.table-active>td,.table-active>th{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover{background-color:rgba(0,0,0,.075)}.table-hover .table-active:hover>td,.table-hover .table-active:hover>th{background-color:rgba(0,0,0,.075)}.table .thead-dark th{color:#fff;background-color:#343a40;border-color:#454d55}.table .thead-light th{color:#495057;background-color:#e9ecef;border-color:#dee2e6}.table-dark{color:#fff;background-color:#343a40}.table-dark td,.table-dark th,.table-dark thead th{border-color:#454d55}.table-dark.table-bordered{border:0}.table-dark.table-striped tbody tr:nth-of-type(odd){background-color:rgba(255,255,255,.05)}.table-dark.table-hover tbody tr:hover{color:#fff;background-color:rgba(255,255,255,.075)}@media (max-width:575.98px){.table-responsive-sm{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-sm>.table-bordered{border:0}}@media (max-width:767.98px){.table-responsive-md{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-md>.table-bordered{border:0}}@media (max-width:991.98px){.table-responsive-lg{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-lg>.table-bordered{border:0}}@media (max-width:1199.98px){.table-responsive-xl{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive-xl>.table-bordered{border:0}}.table-responsive{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.table-responsive>.table-bordered{border:0}.form-control{display:block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;background-clip:padding-box;border:1px solid #ced4da;border-radius:.25rem;transition:border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.form-control{transition:none}}.form-control::-ms-expand{background-color:transparent;border:0}.form-control:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.form-control:focus{color:#495057;background-color:#fff;border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.form-control::-webkit-input-placeholder{color:#6c757d;opacity:1}.form-control::-moz-placeholder{color:#6c757d;opacity:1}.form-control:-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::-ms-input-placeholder{color:#6c757d;opacity:1}.form-control::placeholder{color:#6c757d;opacity:1}.form-control:disabled,.form-control[readonly]{background-color:#e9ecef;opacity:1}input[type=date].form-control,input[type=datetime-local].form-control,input[type=month].form-control,input[type=time].form-control{-webkit-appearance:none;-moz-appearance:none;appearance:none}select.form-control:focus::-ms-value{color:#495057;background-color:#fff}.form-control-file,.form-control-range{display:block;width:100%}.col-form-label{padding-top:calc(.375rem + 1px);padding-bottom:calc(.375rem + 1px);margin-bottom:0;font-size:inherit;line-height:1.5}.col-form-label-lg{padding-top:calc(.5rem + 1px);padding-bottom:calc(.5rem + 1px);font-size:1.25rem;line-height:1.5}.col-form-label-sm{padding-top:calc(.25rem + 1px);padding-bottom:calc(.25rem + 1px);font-size:.875rem;line-height:1.5}.form-control-plaintext{display:block;width:100%;padding:.375rem 0;margin-bottom:0;font-size:1rem;line-height:1.5;color:#212529;background-color:transparent;border:solid transparent;border-width:1px 0}.form-control-plaintext.form-control-lg,.form-control-plaintext.form-control-sm{padding-right:0;padding-left:0}.form-control-sm{height:calc(1.5em + .5rem + 2px);padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.form-control-lg{height:calc(1.5em + 1rem + 2px);padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}select.form-control[multiple],select.form-control[size]{height:auto}textarea.form-control{height:auto}.form-group{margin-bottom:1rem}.form-text{display:block;margin-top:.25rem}.form-row{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-5px;margin-left:-5px}.form-row>.col,.form-row>[class*=col-]{padding-right:5px;padding-left:5px}.form-check{position:relative;display:block;padding-left:1.25rem}.form-check-input{position:absolute;margin-top:.3rem;margin-left:-1.25rem}.form-check-input:disabled~.form-check-label,.form-check-input[disabled]~.form-check-label{color:#6c757d}.form-check-label{margin-bottom:0}.form-check-inline{display:-ms-inline-flexbox;display:inline-flex;-ms-flex-align:center;align-items:center;padding-left:0;margin-right:.75rem}.form-check-inline .form-check-input{position:static;margin-top:0;margin-right:.3125rem;margin-left:0}.valid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#28a745}.valid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(40,167,69,.9);border-radius:.25rem}.form-row>.col>.valid-tooltip,.form-row>[class*=col-]>
52.valid-tooltip{left:5px}.is-valid~.valid-feedback,.is-valid~.valid-tooltip,.was-validated :valid~.valid-feedback,.was-validated :valid~.valid-tooltip{display:block}.form-control.is-valid,.was-validated .form-control:valid{border-color:#28a745;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-valid:focus,.was-validated .form-control:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.was-validated textarea.form-control:valid,textarea.form-control.is-valid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-valid,.was-validated .custom-select:valid{border-color:#28a745;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%2328a745' d='M2.3 6.73L.6 4.53c-.4-1.04.46-1.4 1.1-.8l1.1 1.4 3.4-3.8c.6-.63 1.6-.27 1.2.7l-4 4.6c-.43.5-.8.4-1.1.1z'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-valid:focus,.was-validated .custom-select:valid:focus{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.form-check-input.is-valid~.form-check-label,.was-validated .form-check-input:valid~.form-check-label{color:#28a745}.form-check-input.is-valid~.valid-feedback,.form-check-input.is-valid~.valid-tooltip,.was-validated .form-check-input:valid~.valid-feedback,.was-validated .form-check-input:valid~.valid-tooltip{display:block}.custom-control-input.is-valid~.custom-control-label,.was-validated .custom-control-input:valid~.custom-control-label{color:#28a745}.custom-control-input.is-valid~.custom-control-label::before,.was-validated .custom-control-input:valid~.custom-control-label::before{border-color:#28a745}.custom-control-input.is-valid:checked~.custom-control-label::before,.was-validated .custom-control-input:valid:checked~.custom-control-label::before{border-color:#34ce57;background-color:#34ce57}.custom-control-input.is-valid:focus~.custom-control-label::before,.was-validated .custom-control-input:valid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.custom-control-input.is-valid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:valid:focus:not(:checked)~.custom-control-label::before{border-color:#28a745}.custom-file-input.is-valid~.custom-file-label,.was-validated .custom-file-input:valid~.custom-file-label{border-color:#28a745}.custom-file-input.is-valid:focus~.custom-file-label,.was-validated .custom-file-input:valid:focus~.custom-file-label{border-color:#28a745;box-shadow:0 0 0 .2rem rgba(40,167,69,.25)}.invalid-feedback{display:none;width:100%;margin-top:.25rem;font-size:80%;color:#dc3545}.invalid-tooltip{position:absolute;top:100%;left:0;z-index:5;display:none;max-width:100%;padding:.25rem .5rem;margin-top:.1rem;font-size:.875rem;line-height:1.5;color:#fff;background-color:rgba(220,53,69,.9);border-radius:.25rem}.form-row>.col>.invalid-tooltip,.form-row>[class*=col-]>.invalid-tooltip{left:5px}.is-invalid~.invalid-feedback,.is-invalid~.invalid-tooltip,.was-validated :invalid~.invalid-feedback,.was-validated :invalid~.invalid-tooltip{display:block}.form-control.is-invalid,.was-validated .form-control:invalid{border-color:#dc3545;padding-right:calc(1.5em + .75rem);background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewB
52ox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");background-repeat:no-repeat;background-position:right calc(.375em + .1875rem) center;background-size:calc(.75em + .375rem) calc(.75em + .375rem)}.form-control.is-invalid:focus,.was-validated .form-control:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.was-validated textarea.form-control:invalid,textarea.form-control.is-invalid{padding-right:calc(1.5em + .75rem);background-position:top calc(.375em + .1875rem) right calc(.375em + .1875rem)}.custom-select.is-invalid,.was-validated .custom-select:invalid{border-color:#dc3545;padding-right:calc(.75em + 2.3125rem);background:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewBox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat,#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='none' stroke='%23dc3545' viewBox='0 0 12 12'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e") center right 1.75rem/calc(.75em + .375rem) calc(.75em + .375rem) no-repeat}.custom-select.is-invalid:focus,.was-validated .custom-select:invalid:focus{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-check-input.is-invalid~.form-check-label,.was-validated .form-check-input:invalid~.form-check-label{color:#dc3545}.form-check-input.is-invalid~.invalid-feedback,.form-check-input.is-invalid~.invalid-tooltip,.was-validated .form-check-input:invalid~.invalid-feedback,.was-validated .form-check-input:invalid~.invalid-tooltip{display:block}.custom-control-input.is-invalid~.custom-control-label,.was-validated .custom-control-input:invalid~.custom-control-label{color:#dc3545}.custom-control-input.is-invalid~.custom-control-label::before,.was-validated .custom-control-input:invalid~.custom-control-label::before{border-color:#dc3545}.custom-control-input.is-invalid:checked~.custom-control-label::before,.was-validated .custom-control-input:invalid:checked~.custom-control-label::before{border-color:#e4606d;background-color:#e4606d}.custom-control-input.is-invalid:focus~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.custom-control-input.is-invalid:focus:not(:checked)~.custom-control-label::before,.was-validated .custom-control-input:invalid:focus:not(:checked)~.custom-control-label::before{border-color:#dc3545}.custom-file-input.is-invalid~.custom-file-label,.was-validated .custom-file-input:invalid~.custom-file-label{border-color:#dc3545}.custom-file-input.is-invalid:focus~.custom-file-label,.was-validated .custom-file-input:invalid:focus~.custom-file-label{border-color:#dc3545;box-shadow:0 0 0 .2rem rgba(220,53,69,.25)}.form-inline{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center}.form-inline .form-check{width:100%}@media (min-width:576px){.form-inline label{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;margin-bottom:0}
52.form-inline .form-group{display:-ms-flexbox;display:flex;-ms-flex:0 0 auto;flex:0 0 auto;-ms-flex-flow:row wrap;flex-flow:row wrap;-ms-flex-align:center;align-items:center;margin-bottom:0}.form-inline .form-control{display:inline-block;width:auto;vertical-align:middle}.form-inline .form-control-plaintext{display:inline-block}.form-inline .custom-select,.form-inline .input-group{width:auto}.form-inline .form-check{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:auto;padding-left:0}.form-inline .form-check-input{position:relative;-ms-flex-negative:0;flex-shrink:0;margin-top:0;margin-right:.25rem;margin-left:0}.form-inline .custom-control{-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center}.form-inline .custom-control-label{margin-bottom:0}}.btn{display:inline-block;font-weight:400;color:#212529;text-align:center;vertical-align:middle;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;background-color:transparent;border:1px solid transparent;padding:.375rem .75rem;font-size:1rem;line-height:1.5;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.btn{transition:none}}.btn:hover{color:#212529;text-decoration:none}.btn.focus,.btn:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.btn.disabled,.btn:disabled{opacity:.65}.btn:not(:disabled):not(.disabled){cursor:pointer}a.btn.disabled,fieldset:disabled a.btn{pointer-events:none}.btn-primary{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:hover{color:#fff;background-color:#0069d9;border-color:#0062cc}.btn-primary.focus,.btn-primary:focus{color:#fff;background-color:#0069d9;border-color:#0062cc;box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-primary.disabled,.btn-primary:disabled{color:#fff;background-color:#007bff;border-color:#007bff}.btn-primary:not(:disabled):not(.disabled).active,.btn-primary:not(:disabled):not(.disabled):active,.show>.btn-primary.dropdown-toggle{color:#fff;background-color:#0062cc;border-color:#005cbf}.btn-primary:not(:disabled):not(.disabled).active:focus,.btn-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(38,143,255,.5)}.btn-secondary{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:hover{color:#fff;background-color:#5a6268;border-color:#545b62}.btn-secondary.focus,.btn-secondary:focus{color:#fff;background-color:#5a6268;border-color:#545b62;box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-secondary.disabled,.btn-secondary:disabled{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-secondary:not(:disabled):not(.disabled).active,.btn-secondary:not(:disabled):not(.disabled):active,.show>.btn-secondary.dropdown-toggle{color:#fff;background-color:#545b62;border-color:#4e555b}.btn-secondary:not(:disabled):not(.disabled).active:focus,.btn-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(130,138,145,.5)}.btn-success{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:hover{color:#fff;background-color:#218838;border-color:#1e7e34}.btn-success.focus,.btn-success:focus{color:#fff;background-color:#218838;border-color:#1e7e34;box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-success.disabled,.btn-success:disabled{color:#fff;background-color:#28a745;border-color:#28a745}.btn-success:not(:disabled):not(.disabled).active,.btn-success:not(:disabled):not(.disabled):active,.show>.btn-success.dropdown-toggle{color:#fff;background-color:#1e7e34;border-color:#1c7430}.btn-success:not(:disabled):not(.disabled).active:focus,.btn-success:not(:disabled):not(.disabled):active:focus,.show>.btn-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(72,180,97,.5)}.btn-info{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:hover{color:#fff;background-color:#138496;border-color:#117a8b}.btn-info.focus,.btn-info:focus{color:#fff;background-color:#138496;border-color:#117a8b;box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}
52.btn-info.disabled,.btn-info:disabled{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-info:not(:disabled):not(.disabled).active,.btn-info:not(:disabled):not(.disabled):active,.show>.btn-info.dropdown-toggle{color:#fff;background-color:#117a8b;border-color:#10707f}.btn-info:not(:disabled):not(.disabled).active:focus,.btn-info:not(:disabled):not(.disabled):active:focus,.show>.btn-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(58,176,195,.5)}.btn-warning{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:hover{color:#212529;background-color:#e0a800;border-color:#d39e00}.btn-warning.focus,.btn-warning:focus{color:#212529;background-color:#e0a800;border-color:#d39e00;box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-warning.disabled,.btn-warning:disabled{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-warning:not(:disabled):not(.disabled).active,.btn-warning:not(:disabled):not(.disabled):active,.show>.btn-warning.dropdown-toggle{color:#212529;background-color:#d39e00;border-color:#c69500}.btn-warning:not(:disabled):not(.disabled).active:focus,.btn-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(222,170,12,.5)}.btn-danger{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:hover{color:#fff;background-color:#c82333;border-color:#bd2130}.btn-danger.focus,.btn-danger:focus{color:#fff;background-color:#c82333;border-color:#bd2130;box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-danger.disabled,.btn-danger:disabled{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-danger:not(:disabled):not(.disabled).active,.btn-danger:not(:disabled):not(.disabled):active,.show>.btn-danger.dropdown-toggle{color:#fff;background-color:#bd2130;border-color:#b21f2d}.btn-danger:not(:disabled):not(.disabled).active:focus,.btn-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(225,83,97,.5)}.btn-light{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:hover{color:#212529;background-color:#e2e6ea;border-color:#dae0e5}.btn-light.focus,.btn-light:focus{color:#212529;background-color:#e2e6ea;border-color:#dae0e5;box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-light.disabled,.btn-light:disabled{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-light:not(:disabled):not(.disabled).active,.btn-light:not(:disabled):not(.disabled):active,.show>.btn-light.dropdown-toggle{color:#212529;background-color:#dae0e5;border-color:#d3d9df}.btn-light:not(:disabled):not(.disabled).active:focus,.btn-light:not(:disabled):not(.disabled):active:focus,.show>.btn-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(216,217,219,.5)}.btn-dark{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:hover{color:#fff;background-color:#23272b;border-color:#1d2124}.btn-dark.focus,.btn-dark:focus{color:#fff;background-color:#23272b;border-color:#1d2124;box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-dark.disabled,.btn-dark:disabled{color:#fff;background-color:#343a40;border-color:#343a40}.btn-dark:not(:disabled):not(.disabled).active,.btn-dark:not(:disabled):not(.disabled):active,.show>.btn-dark.dropdown-toggle{color:#fff;background-color:#1d2124;border-color:#171a1d}.btn-dark:not(:disabled):not(.disabled).active:focus,.btn-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(82,88,93,.5)}.btn-outline-primary{color:#007bff;border-color:#007bff}.btn-outline-primary:hover{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary.focus,.btn-outline-primary:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.btn-outline-primary.disabled,.btn-outline-primary:disabled{color:#007bff;background-color:transparent}.btn-outline-primary:not(:disabled):not(.disabled).active,.btn-outline-primary:not(:disabled):not(.disabled):active,.show>.btn-outline-primary.dropdown-toggle{color:#fff;background-color:#007bff;border-color:#007bff}.btn-outline-primary:not(:disabled):not(.disabled).active:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-primary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}
52.btn-outline-secondary{color:#6c757d;border-color:#6c757d}.btn-outline-secondary:hover{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary.focus,.btn-outline-secondary:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-secondary.disabled,.btn-outline-secondary:disabled{color:#6c757d;background-color:transparent}.btn-outline-secondary:not(:disabled):not(.disabled).active,.btn-outline-secondary:not(:disabled):not(.disabled):active,.show>.btn-outline-secondary.dropdown-toggle{color:#fff;background-color:#6c757d;border-color:#6c757d}.btn-outline-secondary:not(:disabled):not(.disabled).active:focus,.btn-outline-secondary:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-secondary.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.btn-outline-success{color:#28a745;border-color:#28a745}.btn-outline-success:hover{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success.focus,.btn-outline-success:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-success.disabled,.btn-outline-success:disabled{color:#28a745;background-color:transparent}.btn-outline-success:not(:disabled):not(.disabled).active,.btn-outline-success:not(:disabled):not(.disabled):active,.show>.btn-outline-success.dropdown-toggle{color:#fff;background-color:#28a745;border-color:#28a745}.btn-outline-success:not(:disabled):not(.disabled).active:focus,.btn-outline-success:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-success.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.btn-outline-info{color:#17a2b8;border-color:#17a2b8}.btn-outline-info:hover{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info.focus,.btn-outline-info:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-info.disabled,.btn-outline-info:disabled{color:#17a2b8;background-color:transparent}.btn-outline-info:not(:disabled):not(.disabled).active,.btn-outline-info:not(:disabled):not(.disabled):active,.show>.btn-outline-info.dropdown-toggle{color:#fff;background-color:#17a2b8;border-color:#17a2b8}.btn-outline-info:not(:disabled):not(.disabled).active:focus,.btn-outline-info:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-info.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.btn-outline-warning{color:#ffc107;border-color:#ffc107}.btn-outline-warning:hover{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning.focus,.btn-outline-warning:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-warning.disabled,.btn-outline-warning:disabled{color:#ffc107;background-color:transparent}.btn-outline-warning:not(:disabled):not(.disabled).active,.btn-outline-warning:not(:disabled):not(.disabled):active,.show>.btn-outline-warning.dropdown-toggle{color:#212529;background-color:#ffc107;border-color:#ffc107}.btn-outline-warning:not(:disabled):not(.disabled).active:focus,.btn-outline-warning:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-warning.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.btn-outline-danger{color:#dc3545;border-color:#dc3545}.btn-outline-danger:hover{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger.focus,.btn-outline-danger:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-danger.disabled,.btn-outline-danger:disabled{color:#dc3545;background-color:transparent}.btn-outline-danger:not(:disabled):not(.disabled).active,.btn-outline-danger:not(:disabled):not(.disabled):active,.show>.btn-outline-danger.dropdown-toggle{color:#fff;background-color:#dc3545;border-color:#dc3545}.btn-outline-danger:not(:disabled):not(.disabled).active:focus,.btn-outline-danger:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-danger.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.btn-outline-light{color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:hover{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light.focus,.btn-outline-light:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}
52.btn-outline-light.disabled,.btn-outline-light:disabled{color:#f8f9fa;background-color:transparent}.btn-outline-light:not(:disabled):not(.disabled).active,.btn-outline-light:not(:disabled):not(.disabled):active,.show>.btn-outline-light.dropdown-toggle{color:#212529;background-color:#f8f9fa;border-color:#f8f9fa}.btn-outline-light:not(:disabled):not(.disabled).active:focus,.btn-outline-light:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-light.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.btn-outline-dark{color:#343a40;border-color:#343a40}.btn-outline-dark:hover{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark.focus,.btn-outline-dark:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-outline-dark.disabled,.btn-outline-dark:disabled{color:#343a40;background-color:transparent}.btn-outline-dark:not(:disabled):not(.disabled).active,.btn-outline-dark:not(:disabled):not(.disabled):active,.show>.btn-outline-dark.dropdown-toggle{color:#fff;background-color:#343a40;border-color:#343a40}.btn-outline-dark:not(:disabled):not(.disabled).active:focus,.btn-outline-dark:not(:disabled):not(.disabled):active:focus,.show>.btn-outline-dark.dropdown-toggle:focus{box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.btn-link{font-weight:400;color:#007bff;text-decoration:none}.btn-link:hover{color:#0056b3;text-decoration:underline}.btn-link.focus,.btn-link:focus{text-decoration:underline}.btn-link.disabled,.btn-link:disabled{color:#6c757d;pointer-events:none}.btn-group-lg>.btn,.btn-lg{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.btn-group-sm>.btn,.btn-sm{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.btn-block{display:block;width:100%}.btn-block+.btn-block{margin-top:.5rem}input[type=button].btn-block,input[type=reset].btn-block,input[type=submit].btn-block{width:100%}.fade{transition:opacity .15s linear}@media (prefers-reduced-motion:reduce){.fade{transition:none}}.fade:not(.show){opacity:0}.collapse:not(.show){display:none}.collapsing{position:relative;height:0;overflow:hidden;transition:height .35s ease}@media (prefers-reduced-motion:reduce){.collapsing{transition:none}}.dropdown,.dropleft,.dropright,.dropup{position:relative}.dropdown-toggle{white-space:nowrap}.dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid;border-right:.3em solid transparent;border-bottom:0;border-left:.3em solid transparent}.dropdown-toggle:empty::after{margin-left:0}.dropdown-menu{position:absolute;top:100%;left:0;z-index:1000;display:none;float:left;min-width:10rem;padding:.5rem 0;margin:.125rem 0 0;font-size:1rem;color:#212529;text-align:left;list-style:none;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.15);border-radius:.25rem}.dropdown-menu-left{right:auto;left:0}.dropdown-menu-right{right:0;left:auto}@media (min-width:576px){.dropdown-menu-sm-left{right:auto;left:0}.dropdown-menu-sm-right{right:0;left:auto}}@media (min-width:768px){.dropdown-menu-md-left{right:auto;left:0}.dropdown-menu-md-right{right:0;left:auto}}@media (min-width:992px){.dropdown-menu-lg-left{right:auto;left:0}.dropdown-menu-lg-right{right:0;left:auto}}@media (min-width:1200px){.dropdown-menu-xl-left{right:auto;left:0}.dropdown-menu-xl-right{right:0;left:auto}}.dropup .dropdown-menu{top:auto;bottom:100%;margin-top:0;margin-bottom:.125rem}.dropup .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:0;border-right:.3em solid transparent;border-bottom:.3em solid;border-left:.3em solid transparent}.dropup .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-menu{top:0;right:auto;left:100%;margin-top:0;margin-left:.125rem}.dropright .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:0;border-bottom:.3em solid transparent;border-left:.3em solid}.dropright .dropdown-toggle:empty::after{margin-left:0}.dropright .dropdown-toggle::after{vertical-align:0}.dropleft .dropdown-menu{top:0;right:100%;left:auto;margin-top:0;margin-right:.125rem}.dropleft .dropdown-toggle::after{display:inline-block;margin-left:.255em;vertical-align:.255em;content:""}.dropleft .dropdown-toggle::after{display:none}.dropleft .dropdown-toggle::before{display:inline-block;margin-right:.255em;vertical-align:.255em;content:"";border-top:.3em solid transparent;border-right:.3em solid;border-bottom:.3em solid transparent}.dropleft .dropdown-toggle:empty::after{margin-left:0}.dropleft .dropdown-toggle::before{vertical-align:0}.dropdown-menu[x-placement^=bottom],.dropdown-menu[x-placement^=left],.dropdown-menu[x-placement^=right],.dropdown-menu[x-placement^=top]{right:auto;bottom:auto}.dropdown-divider{height:0;margin:.5rem 0;overflow:hidden;border-top:1px solid #e9ecef}.dropdown-item{display:block;width:100%;padding:.25rem 1.5rem;clear:both;font-weight:400;color:#212529;text-align:inherit;white-space:nowrap;background-color:transparent;border:0}.dropdown-item:focus,.dropdown-item:hover{color:#16181b;text-decoration:none;background-color:#e9ecef}.dropdown-item.active,.dropdown-item:active{color:#fff;text-decoration:none;background-color:#007bff}.dropdown-item.disabled,.dropdown-item:disabled{color:#adb5bd;pointer-events:none;background-color:transparent}.dropdown-menu.show{display:block}.dropdown-header{display:block;padding:.5rem 1.5rem;margin-bottom:0;font-size:.875rem;color:#6c757d;white-space:nowrap}.dropdown-item-text{display:block;padding:.25rem 1.5rem;color:#212529}.btn-group,.btn-group-vertical{position:relative;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}.btn-group-vertical>.btn,.btn-group>.btn{position:relative;-ms-flex:1 1 auto;flex:1 1 auto}.btn-group-vertical>.btn:hover,.btn-group>.btn:hover{z-index:1}.btn-group-vertical>.btn.active,.btn-group-vertical>.btn:active,.btn-group-vertical>.btn:focus,.btn-group>.btn.active,.btn-group>.btn:active,.btn-group>.btn:focus{z-index:1}.btn-toolbar{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-pack:start;justify-content:flex-start}.btn-toolbar .input-group{width:auto}.btn-group>.btn-group:not(:first-child),.btn-group>.btn:not(:first-child){margin-left:-1px}.btn-group>.btn-group:not(:last-child)>.btn,.btn-group>.btn:not(:last-child):not(.dropdown-toggle){border-top-right-radius:0;border-bottom-right-radius:0}.btn-group>.btn-group:not(:first-child)>.btn,.btn-group>.btn:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.dropdown-toggle-split{padding-right:.5625rem;padding-left:.5625rem}.dropdown-toggle-split::after,.dropright .dropdown-toggle-split::after,.dropup .dropdown-toggle-split::after{margin-left:0}.dropleft .dropdown-toggle-split::before{margin-right:0}.btn-group-sm>.btn+.dropdown-toggle-split,.btn-sm+.dropdown-toggle-split{padding-right:.375rem;padding-left:.375rem}.btn-group-lg>.btn+.dropdown-toggle-split,.btn-lg+.dropdown-toggle-split{padding-right:.75rem;padding-left:.75rem}.btn-group-vertical{-ms-flex-direction:column;flex-direction:column;-ms-flex-align:start;align-items:flex-start;-ms-flex-pack:center;justify-content:center}.btn-group-vertical>.btn,.btn-group-vertical>.btn-group{width:100%}.btn-group-vertical>.btn-group:not(:first-child),.btn-group-vertical>.btn:not(:first-child){margin-top:-1px}.btn-group-vertical>.btn-group:not(:last-child)>.btn,.btn-group-vertical>.btn:not(:last-child):not(.dropdown-toggle){border-bottom-right-radius:0;border-bottom-left-radius:0}.btn-group-vertical>.btn-group:not(:first-child)>.btn,.btn-group-vertical>.btn:not(:first-child){border-top-left-radius:0;border-top-right-radius:0}.btn-group-toggle>.btn,.btn-group-toggle>.btn-group>.btn{margin-bottom:0}.btn-group-toggle>.btn input[type=checkbox],.btn-group-toggle>.btn input[type=radio],.btn-group-toggle>.btn-group>.btn input[type=checkbox],.btn-group-toggle>.btn-group>.btn input[type=radio]{position:absolute;clip:rect(0,0,0,0);pointer-events:none}.input-group{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:stretch;align-items:stretch;width:100%}.input-group>.custom-file,.input-group>.custom-select,.input-group>.form-control,.input-group>.form-control-plaintext{position:relative;-ms-flex:1 1 auto;flex:1 1 auto;width:1%;min-width:0;margin-bottom:0}.input-group>.custom-file+.custom-file,.input-group>.custom-file+.custom-select,.input-group>.custom-file+.form-control,.input-group>.custom-select+.custom-file,.input-group>.custom-select+.custom-select,.input-group>.custom-select+.form-control,.input-group>.form-control+.custom-file,.input-group>.form-control+.custom-select,.input-group>.form-control+.form-control,.input-group>.form-control-plaintext+.custom-file,.input-group>.form-control-plaintext+.custom-select,.input-group>.form-control-plaintext+.form-control{margin-left:-1px}.input-group>.custom-file .custom-file-input:focus~.custom-file-label,.input-group>.custom-select:focus,.input-group>.form-control:focus{z-index:3}.input-group>.custom-file .custom-file-input:focus{z-index:4}.input-group>
52.custom-select:not(:first-child),.input-group>.form-control:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.input-group>.custom-file{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center}.input-group>.custom-file:not(:first-child) .custom-file-label,.input-group>.custom-file:not(:last-child) .custom-file-label{border-top-left-radius:0;border-bottom-left-radius:0}.input-group:not(.has-validation)>.custom-file:not(:last-child) .custom-file-label::after,.input-group:not(.has-validation)>.custom-select:not(:last-child),.input-group:not(.has-validation)>.form-control:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.input-group.has-validation>.custom-file:nth-last-child(n+3) .custom-file-label::after,.input-group.has-validation>.custom-select:nth-last-child(n+3),.input-group.has-validation>.form-control:nth-last-child(n+3){border-top-right-radius:0;border-bottom-right-radius:0}.input-group-append,.input-group-prepend{display:-ms-flexbox;display:flex}.input-group-append .btn,.input-group-prepend .btn{position:relative;z-index:2}.input-group-append .btn:focus,.input-group-prepend .btn:focus{z-index:3}.input-group-append .btn+.btn,.input-group-append .btn+.input-group-text,.input-group-append .input-group-text+.btn,.input-group-append .input-group-text+.input-group-text,.input-group-prepend .btn+.btn,.input-group-prepend .btn+.input-group-text,.input-group-prepend .input-group-text+.btn,.input-group-prepend .input-group-text+.input-group-text{margin-left:-1px}.input-group-prepend{margin-right:-1px}.input-group-append{margin-left:-1px}.input-group-text{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.375rem .75rem;margin-bottom:0;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;text-align:center;white-space:nowrap;background-color:#e9ecef;border:1px solid #ced4da;border-radius:.25rem}.input-group-text input[type=checkbox],.input-group-text input[type=radio]{margin-top:0}.input-group-lg>.custom-select,.input-group-lg>.form-control:not(textarea){height:calc(1.5em + 1rem + 2px)}.input-group-lg>.custom-select,.input-group-lg>.form-control,.input-group-lg>.input-group-append>.btn,.input-group-lg>.input-group-append>.input-group-text,.input-group-lg>.input-group-prepend>.btn,.input-group-lg>.input-group-prepend>.input-group-text{padding:.5rem 1rem;font-size:1.25rem;line-height:1.5;border-radius:.3rem}.input-group-sm>.custom-select,.input-group-sm>.form-control:not(textarea){height:calc(1.5em + .5rem + 2px)}.input-group-sm>.custom-select,.input-group-sm>.form-control,.input-group-sm>.input-group-append>.btn,.input-group-sm>.input-group-append>.input-group-text,.input-group-sm>.input-group-prepend>.btn,.input-group-sm>.input-group-prepend>.input-group-text{padding:.25rem .5rem;font-size:.875rem;line-height:1.5;border-radius:.2rem}.input-group-lg>.custom-select,.input-group-sm>.custom-select{padding-right:1.75rem}.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.btn,.input-group.has-validation>.input-group-append:nth-last-child(n+3)>.input-group-text,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.btn,.input-group:not(.has-validation)>.input-group-append:not(:last-child)>.input-group-text,.input-group>.input-group-append:last-child>.btn:not(:last-child):not(.dropdown-toggle),.input-group>.input-group-append:last-child>
52.input-group-text:not(:last-child),.input-group>.input-group-prepend>.btn,.input-group>.input-group-prepend>.input-group-text{border-top-right-radius:0;border-bottom-right-radius:0}.input-group>.input-group-append>.btn,.input-group>.input-group-append>.input-group-text,.input-group>.input-group-prepend:first-child>.btn:not(:first-child),.input-group>.input-group-prepend:first-child>.input-group-text:not(:first-child),.input-group>.input-group-prepend:not(:first-child)>.btn,.input-group>.input-group-prepend:not(:first-child)>.input-group-text{border-top-left-radius:0;border-bottom-left-radius:0}.custom-control{position:relative;z-index:1;display:block;min-height:1.5rem;padding-left:1.5rem;-webkit-print-color-adjust:exact;color-adjust:exact}.custom-control-inline{display:-ms-inline-flexbox;display:inline-flex;margin-right:1rem}.custom-control-input{position:absolute;left:0;z-index:-1;width:1rem;height:1.25rem;opacity:0}.custom-control-input:checked~.custom-control-label::before{color:#fff;border-color:#007bff;background-color:#007bff}.custom-control-input:focus~.custom-control-label::before{box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-control-input:focus:not(:checked)~.custom-control-label::before{border-color:#80bdff}.custom-control-input:not(:disabled):active~.custom-control-label::before{color:#fff;background-color:#b3d7ff;border-color:#b3d7ff}.custom-control-input:disabled~.custom-control-label,.custom-control-input[disabled]~.custom-control-label{color:#6c757d}.custom-control-input:disabled~.custom-control-label::before,.custom-control-input[disabled]~.custom-control-label::before{background-color:#e9ecef}.custom-control-label{position:relative;margin-bottom:0;vertical-align:top}.custom-control-label::before{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;pointer-events:none;content:"";background-color:#fff;border:#adb5bd solid 1px}.custom-control-label::after{position:absolute;top:.25rem;left:-1.5rem;display:block;width:1rem;height:1rem;content:"";background:50%/50% 50% no-repeat}.custom-checkbox .custom-control-label::before{border-radius:.25rem}.custom-checkbox .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath fill='%23fff' d='M6.564.75l-3.59 3.612-1.538-1.55L0 4.26l2.974 2.99L8 2.193z'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::before{border-color:#007bff;background-color:#007bff}.custom-checkbox .custom-control-input:indeterminate~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='4' viewBox='0 0 4 4'%3e%3cpath stroke='%23fff' d='M0 2h4'/%3e%3c/svg%3e")}.custom-checkbox .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-checkbox .custom-control-input:disabled:indeterminate~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-radio .custom-control-label::before{border-radius:50%}.custom-radio .custom-control-input:checked~.custom-control-label::after{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='-4 -4 8 8'%3e%3ccircle r='3' fill='%23fff'/%3e%3c/svg%3e")}.custom-radio .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-switch{padding-left:2.25rem}.custom-switch .custom-control-label::before{left:-2.25rem;width:1.75rem;pointer-events:all;border-radius:.5rem}.custom-switch .custom-control-label::after{top:calc(.25rem + 2px);left:calc(-2.25rem + 2px);width:calc(1rem - 4px);height:calc(1rem - 4px);background-color:#adb5bd;border-radius:.5rem;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:transform .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out,-webkit-transform .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-switch .custom-control-label::after{transition:none}}.custom-switch .custom-control-input:checked~.custom-control-label::after{background-color:#fff;-webkit-transform:translateX(.75rem);transform:translateX(.75rem)}.custom-switch .custom-control-input:disabled:checked~.custom-control-label::before{background-color:rgba(0,123,255,.5)}.custom-select{display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);padding:.375rem 1.75rem .375rem .75rem;font-size:1rem;font-weight:400;line-height:1.5;color:#495057;vertical-align:middle;background:#fff url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='4' height='5' viewB
52ox='0 0 4 5'%3e%3cpath fill='%23343a40' d='M2 0L0 2h4zm0 5L0 3h4z'/%3e%3c/svg%3e") right .75rem center/8px 10px no-repeat;border:1px solid #ced4da;border-radius:.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-select:focus{border-color:#80bdff;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-select:focus::-ms-value{color:#495057;background-color:#fff}.custom-select[multiple],.custom-select[size]:not([size="1"]){height:auto;padding-right:.75rem;background-image:none}.custom-select:disabled{color:#6c757d;background-color:#e9ecef}.custom-select::-ms-expand{display:none}.custom-select:-moz-focusring{color:transparent;text-shadow:0 0 0 #495057}.custom-select-sm{height:calc(1.5em + .5rem + 2px);padding-top:.25rem;padding-bottom:.25rem;padding-left:.5rem;font-size:.875rem}.custom-select-lg{height:calc(1.5em + 1rem + 2px);padding-top:.5rem;padding-bottom:.5rem;padding-left:1rem;font-size:1.25rem}.custom-file{position:relative;display:inline-block;width:100%;height:calc(1.5em + .75rem + 2px);margin-bottom:0}.custom-file-input{position:relative;z-index:2;width:100%;height:calc(1.5em + .75rem + 2px);margin:0;overflow:hidden;opacity:0}.custom-file-input:focus~.custom-file-label{border-color:#80bdff;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.custom-file-input:disabled~.custom-file-label,.custom-file-input[disabled]~.custom-file-label{background-color:#e9ecef}.custom-file-input:lang(en)~.custom-file-label::after{content:"Browse"}.custom-file-input~.custom-file-label[data-browse]::after{content:attr(data-browse)}.custom-file-label{position:absolute;top:0;right:0;left:0;z-index:1;height:calc(1.5em + .75rem + 2px);padding:.375rem .75rem;overflow:hidden;font-weight:400;line-height:1.5;color:#495057;background-color:#fff;border:1px solid #ced4da;border-radius:.25rem}.custom-file-label::after{position:absolute;top:0;right:0;bottom:0;z-index:3;display:block;height:calc(1.5em + .75rem);padding:.375rem .75rem;line-height:1.5;color:#495057;content:"Browse";background-color:#e9ecef;border-left:inherit;border-radius:0 .25rem .25rem 0}.custom-range{width:100%;height:1.4rem;padding:0;background-color:transparent;-webkit-appearance:none;-moz-appearance:none;appearance:none}.custom-range:focus{outline:0}.custom-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-moz-range-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range:focus::-ms-thumb{box-shadow:0 0 0 1px #fff,0 0 0 .2rem rgba(0,123,255,.25)}.custom-range::-moz-focus-outer{border:0}.custom-range::-webkit-slider-thumb{width:1rem;height:1rem;margin-top:-.25rem;background-color:#007bff;border:0;border-radius:1rem;-webkit-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-webkit-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-webkit-slider-thumb{-webkit-transition:none;transition:none}}.custom-range::-webkit-slider-thumb:active{background-color:#b3d7ff}.custom-range::-webkit-slider-runnable-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-moz-range-thumb{width:1rem;height:1rem;background-color:#007bff;border:0;border-radius:1rem;-moz-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;-moz-appearance:none;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-moz-range-thumb{-moz-transition:none;transition:none}}.custom-range::-moz-range-thumb:active{background-color:#b3d7ff}.custom-range::-moz-range-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:#dee2e6;border-color:transparent;border-radius:1rem}.custom-range::-ms-thumb{width:1rem;height:1rem;margin-top:0;margin-right:.2rem;margin-left:.2rem;background-color:#007bff;border:0;border-radius:1rem;-ms-transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out;appearance:none}@media (prefers-reduced-motion:reduce){.custom-range::-ms-thumb{-ms-transition:none;transition:none}}.custom-range::-ms-thumb:active{background-color:#b3d7ff}.custom-range::-ms-track{width:100%;height:.5rem;color:transparent;cursor:pointer;background-color:transparent;border-color:transparent;border-width:.5rem}.custom-range::-ms-fill-lower{background-color:#dee2e6;border-radius:1rem}.custom-range::-ms-fill-upper{margin-right:15px;background-color:#dee2e6;border-radius:1rem}.custom-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}.custom-range:disabled::-webkit-slider-runnable-track{cursor:default}.custom-range:disabled::-moz-range-thumb{background-color:#adb5bd}.custom-range:disabled::-moz-range-track{cursor:default}.custom-range:disabled::-ms-thumb{background-color:#adb5bd}.custom-control-label::before,.custom-file-label,.custom-select{transition:background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.custom-control-label::before,.custom-file-label,.custom-select{transition:none}}.nav{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding-left:0;margin-bottom:0;list-style:none}.nav-link{display:block;padding:.5rem 1rem}.nav-link:focus,.nav-link:hover{text-decoration:none}.nav-link.disabled{color:#6c757d;pointer-events:none;cursor:default}.nav-tabs{border-bottom:1px solid #dee2e6}.nav-tabs .nav-link{margin-bottom:-1px;border:1px solid transparent;border-top-left-radius:.25rem;border-top-right-radius:.25rem}.nav-tabs .nav-link:focus,.nav-tabs .nav-link:hover{border-color:#e9ecef #e9ecef #dee2e6}.nav-tabs .nav-link.disabled{color:#6c757d;background-color:transparent;border-color:transparent}.nav-tabs .nav-item.show .nav-link,.nav-tabs .nav-link.active{color:#495057;background-color:#fff;border-color:#dee2e6 #dee2e6 #fff}.nav-tabs .dropdown-menu{margin-top:-1px;border-top-left-radius:0;border-top-right-radius:0}.nav-pills .nav-link{border-radius:.25rem}.nav-pills .nav-link.active,.nav-pills .show>.nav-link{color:#fff;background-color:#007bff}.nav-fill .nav-item,.nav-fill>.nav-link{-ms-flex:1 1 auto;flex:1 1 auto;text-align:center}.nav-justified .nav-item,.nav-justified>.nav-link{-ms-flex-preferred-size:0;flex-basis:0;-ms-flex-positive:1;flex-grow:1;text-align:center}.tab-content>.tab-pane{display:none}.tab-content>.active{display:block}.navbar{position:relative;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between;padding:.5rem 1rem}.navbar .container,.navbar .container-fluid,.navbar .container-lg,.navbar .container-md,.navbar .container-sm,.navbar .container-xl{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:justify;justify-content:space-between}.navbar-brand{display:inline-block;padding-top:.3125rem;padding-bottom:.3125rem;margin-right:1rem;font-size:1.25rem;line-height:inherit;white-space:nowrap}.navbar-brand:focus,.navbar-brand:hover{text-decoration:none}.navbar-nav{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;list-style:none}.navbar-nav .nav-link{padding-right:0;padding-left:0}.navbar-nav .dropdown-menu{position:static;float:none}.navbar-text{display:inline-block;padding-top:.5rem;padding-bottom:.5rem}.navbar-collapse{-ms-flex-preferred-size:100%;flex-basis:100%;-ms-flex-positive:1;flex-grow:1;-ms-flex-align:center;align-items:center}.navbar-toggler{padding:.25rem .75rem;font-size:1.25rem;line-height:1;background-color:transparent;border:1px solid transparent;border-radius:.25rem}.navbar-toggler:focus,.navbar-toggler:hover{text-decoration:none}.navbar-toggler-icon{display:inline-block;width:1.5em;height:1.5em;vertical-align:middle;content:"";background:50%/100% 100% no-repeat}.navbar-nav-scroll{max-height:75vh;overflow-y:auto}@media (max-width:575.98px){.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{padding-right:0;padding-left:0}}@media (min-width:576px){.navbar-expand-sm{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-sm .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-sm .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-sm .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-sm>.container,.navbar-expand-sm>.container-fluid,.navbar-expand-sm>.container-lg,.navbar-expand-sm>.container-md,.navbar-expand-sm>.container-sm,.navbar-expand-sm>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-sm .navbar-nav-scroll{overflow:visible}.navbar-expand-sm .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-sm .navbar-toggler{display:none}}@media (max-width:767.98px){.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{padding-right:0;padding-left:0}}@media (min-width:768px){.navbar-expand-md{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-md .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-md .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-md .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-md>.container,.navbar-expand-md>.container-fluid,.navbar-expand-md>.container-lg,.navbar-expand-md>.container-md,.navbar-expand-md>.container-sm,.navbar-expand-md>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-md .navbar-nav-scroll{overflow:visible}.navbar-expand-md .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-md .navbar-toggler{display:none}}@media (max-width:991.98px){.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{padding-right:0;padding-left:0}}@media (min-width:992px){.navbar-expand-lg{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-lg .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-lg .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-lg .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-lg>.container,.navbar-expand-lg>.container-fluid,.navbar-expand-lg>.container-lg,.navbar-expand-lg>.container-md,.navbar-expand-lg>.container-sm,.navbar-expand-lg>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-lg .navbar-nav-scroll{overflow:visible}.navbar-expand-lg .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-lg .navbar-toggler{display:none}}@media (max-width:1199.98px){.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{padding-right:0;padding-left:0}}@media (min-width:1200px){.navbar-expand-xl{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand-xl .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand-xl .navbar-nav .dropdown-menu{position:absolute}.navbar-expand-xl .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand-xl>.container,.navbar-expand-xl>.container-fluid,.navbar-expand-xl>.container-lg,.navbar-expand-xl>.container-md,.navbar-expand-xl>.container-sm,.navbar-expand-xl>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand-xl .navbar-nav-scroll{overflow:visible}.navbar-expand-xl .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand-xl .navbar-toggler{display:none}}.navbar-expand{-ms-flex-flow:row nowrap;flex-flow:row nowrap;-ms-flex-pack:start;justify-content:flex-start}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{padding-right:0;padding-left:0}.navbar-expand .navbar-nav{-ms-flex-direction:row;flex-direction:row}.navbar-expand .navbar-nav .dropdown-menu{position:absolute}.navbar-expand .navbar-nav .nav-link{padding-right:.5rem;padding-left:.5rem}.navbar-expand>.container,.navbar-expand>.container-fluid,.navbar-expand>.container-lg,.navbar-expand>.container-md,.navbar-expand>.container-sm,.navbar-expand>.container-xl{-ms-flex-wrap:nowrap;flex-wrap:nowrap}.navbar-expand .navbar-nav-scroll{overflow:visible}.navbar-expand .navbar-collapse{display:-ms-flexbox!important;display:flex!important;-ms-flex-preferred-size:auto;flex-basis:auto}.navbar-expand .navbar-toggler{display:none}.navbar-light .navbar-brand{color:rgba(0,0,0,.9)}.navbar-light .navbar-brand:focus,.navbar-light .navbar-brand:hover{color:rgba(0,0,0,.9)}.navbar-light .navbar-nav .nav-link{color:rgba(0,0,0,.5)}.navbar-light .navbar-nav .nav-link:focus,.navbar-light .navbar-nav .nav-link:hover{color:rgba(0,0,0,.7)}.navbar-light .navbar-nav .nav-link.disabled{color:rgba(0,0,0,.3)}.navbar-light .navbar-nav .active>.nav-link,.navbar-light .navbar-nav .nav-link.active,.navbar-light .navbar-nav .nav-link.show,.navbar-light .navbar-nav .show>.nav-link{color:rgba(0,0,0,.9)}.navbar-light .navbar-toggler{color:rgba(0,0,0,.5);border-color:rgba(0,0,0,.1)}.navbar-light .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%280, 0, 0, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-light .navbar-text{color:rgba(0,0,0,.5)}.navbar-light .navbar-text a{color:rgba(0,0,0,.9)}.navbar-light .navbar-text a:focus,.navbar-light .navbar-text a:hover{color:rgba(0,0,0,.9)}.navbar-dark .navbar-brand{color:#fff}.navbar-dark .navbar-brand:focus,.navbar-dark .navbar-brand:hover{color:#fff}.navbar-dark .navbar-nav .nav-link{color:rgba(255,255,255,.5)}.navbar-dark .navbar-nav .nav-link:focus,.navbar-dark .navbar-nav .nav-link:hover{color:rgba(255,255,255,.75)}.navbar-dark .navbar-nav .nav-link.disabled{color:rgba(255,255,255,.25)}.navbar-dark .navbar-nav .active>.nav-link,.navbar-dark .navbar-nav .nav-link.active,.navbar-dark .navbar-nav .nav-link.show,.navbar-dark .navbar-nav .show>.nav-link{color:#fff}.navbar-dark .navbar-toggler{color:rgba(255,255,255,.5);border-color:rgba(255,255,255,.1)}.navbar-dark .navbar-toggler-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba%28255, 255, 255, 0.5%29' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e")}.navbar-dark .navbar-text{color:rgba(255,255,255,.5)}.navbar-dark .navbar-text a{color:#fff}.navbar-dark .navbar-text a:focus,.navbar-dark .navbar-text a:hover{color:#fff}.card{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;min-width:0;word-wrap:break-word;background-color:#fff;background-clip:border-box;border:1px solid rgba(0,0,0,.125);border-radius:.25rem}.card>hr{margin-right:0;margin-left:0}.card>.list-group{border-top:inherit;border-bottom:inherit}.card>.list-group:first-child{border-top-width:0;border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card>.list-group:last-child{border-bottom-width:0;border-bottom-right-radius:calc(.25rem - 1px);border-b
52ottom-left-radius:calc(.25rem - 1px)}.card>.card-header+.list-group,.card>.list-group+.card-footer{border-top:0}.card-body{-ms-flex:1 1 auto;flex:1 1 auto;min-height:1px;padding:1.25rem}.card-title{margin-bottom:.75rem}.card-subtitle{margin-top:-.375rem;margin-bottom:0}.card-text:last-child{margin-bottom:0}.card-link:hover{text-decoration:none}.card-link+.card-link{margin-left:1.25rem}.card-header{padding:.75rem 1.25rem;margin-bottom:0;background-color:rgba(0,0,0,.03);border-bottom:1px solid rgba(0,0,0,.125)}.card-header:first-child{border-radius:calc(.25rem - 1px) calc(.25rem - 1px) 0 0}.card-footer{padding:.75rem 1.25rem;background-color:rgba(0,0,0,.03);border-top:1px solid rgba(0,0,0,.125)}.card-footer:last-child{border-radius:0 0 calc(.25rem - 1px) calc(.25rem - 1px)}.card-header-tabs{margin-right:-.625rem;margin-bottom:-.75rem;margin-left:-.625rem;border-bottom:0}.card-header-pills{margin-right:-.625rem;margin-left:-.625rem}.card-img-overlay{position:absolute;top:0;right:0;bottom:0;left:0;padding:1.25rem;border-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom,.card-img-top{-ms-flex-negative:0;flex-shrink:0;width:100%}.card-img,.card-img-top{border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.card-img,.card-img-bottom{border-bottom-right-radius:calc(.25rem - 1px);border-bottom-left-radius:calc(.25rem - 1px)}.card-deck .card{margin-bottom:15px}@media (min-width:576px){.card-deck{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap;margin-right:-15px;margin-left:-15px}.card-deck .card{-ms-flex:1 0 0%;flex:1 0 0%;margin-right:15px;margin-bottom:0;margin-left:15px}}.card-group>.card{margin-bottom:15px}@media (min-width:576px){.card-group{display:-ms-flexbox;display:flex;-ms-flex-flow:row wrap;flex-flow:row wrap}.card-group>.card{-ms-flex:1 0 0%;flex:1 0 0%;margin-bottom:0}.card-group>.card+.card{margin-left:0;border-left:0}.card-group>.card:not(:last-child){border-top-right-radius:0;border-bottom-right-radius:0}.card-group>.card:not(:last-child) .card-header,.card-group>.card:not(:last-child) .card-img-top{border-top-right-radius:0}.card-group>.card:not(:last-child) .card-footer,.card-group>.card:not(:last-child) .card-img-bottom{border-bottom-right-radius:0}.card-group>.card:not(:first-child){border-top-left-radius:0;border-bottom-left-radius:0}.card-group>.card:not(:first-child) .card-header,.card-group>.card:not(:first-child) .card-img-top{border-top-left-radius:0}.card-group>.card:not(:first-child) .card-footer,.card-group>.card:not(:first-child) .card-img-bottom{border-bottom-left-radius:0}}.card-columns .card{margin-bottom:.75rem}@media (min-width:576px){.card-columns{-webkit-column-count:3;-moz-column-count:3;column-count:3;-webkit-column-gap:1.25rem;-moz-column-gap:1.25rem;column-gap:1.25rem;orphans:1;widows:1}.card-columns .card{display:inline-block;width:100%}}.accordion{overflow-anchor:none}.accordion>.card{overflow:hidden}.accordion>.card:not(:last-of-type){border-bottom:0;border-bottom-right-radius:0;border-bottom-left-radius:0}.accordion>.card:not(:first-of-type){border-top-left-radius:0;border-top-right-radius:0}.accordion>.card>.card-header{border-radius:0;margin-bottom:-1px}.breadcrumb{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;padding:.75rem 1rem;margin-bottom:1rem;list-style:none;background-color:#e9ecef;border-radius:.25rem}.breadcrumb-item+.breadcrumb-item{padding-left:.5rem}.breadcrumb-item+.breadcrumb-item::before{float:left;padding-right:.5rem;color:#6c757d;content:"/"}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:underline}.breadcrumb-item+.breadcrumb-item:hover::before{text-decoration:none}.breadcrumb-item.active{color:#6c757d}.pagination{display:-ms-flexbox;display:flex;padding-left:0;list-style:none;border-radius:.25rem}.page-link{position:relative;display:block;padding:.5rem .75rem;margin-left:-1px;line-height:1.25;color:#007bff;background-color:#fff;border:1px solid #dee2e6}.page-link:hover{z-index:2;color:#0056b3;text-decoration:none;background-color:#e9ecef;border-color:#dee2e6}.page-link:focus{z-index:3;outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.25)}.page-item:first-child .page-link{margin-left:0;border-top-left-radius:.25rem;border-bottom-left-radius:.25rem}.page-item:last-child .page-link{border-top-right-radius:.25rem;border-bottom-right-radius:.25rem}.page-item.active .page-link{z-index:3;color:#fff;background-color:#007bff;border-color:#007bff}.page-item.disabled .page-link{color:#6c757d;pointer-events:none;cursor:auto;background-color:#fff;border-color:#dee2e6}.pagination-lg .page-link{padding:.75rem 1.5rem;font-size:1.25rem;line-height:1.5}.pagination-lg .page-item:first-child .page-link{border-top-left-radius:.3rem;border-bottom-left-radius:.3rem}.pagination-lg .page-item:last-child .page-link{border-top-right-radius:.3rem;border-bottom-right-radius:.3rem}.pagination-sm .page-link{padding:.25rem .5rem;font-size:.875rem;line-height:1.5}.pagination-sm .page-item:first-child .page-link{border-top-left-radius:.2rem;border-bottom-left-radius:.2rem}.pagination-sm .page-item:last-child .page-link{border-top-right-radius:.2rem;border-bottom-right-radius:.2rem}.badge{display:inline-block;padding:.25em .4em;font-size:75%;font-weight:700;line-height:1;text-align:center;white-space:nowrap;vertical-align:baseline;border-radius:.25rem;transition:color .15s ease-in-out,background-color .15s ease-in-out,border-color .15s ease-in-out,box-shadow .15s ease-in-out}@media (prefers-reduced-motion:reduce){.badge{transition:none}}a.badge:focus,a.badge:hover{text-decoration:none}.badge:empty{display:none}.btn .badge{position:relative;top:-1px}.badge-pill{padding-right:.6em;padding-left:.6em;border-radius:10rem}.badge-primary{color:#fff;background-color:#007bff}a.badge-primary:focus,a.badge-primary:hover{color:#fff;background-color:#0062cc}a.badge-primary.focus,a.badge-primary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(0,123,255,.5)}.badge-secondary{color:#fff;background-color:#6c757d}a.badge-secondary:focus,a.badge-secondary:hover{color:#fff;background-color:#545b62}a.badge-secondary.focus,a.badge-secondary:focus{outline:0;box-shadow:0 0 0 .2rem rgba(108,117,125,.5)}.badge-success{color:#fff;background-color:#28a745}a.badge-success:focus,a.badge-success:hover{color:#fff;background-color:#1e7e34}a.badge-success.focus,a.badge-success:focus{outline:0;box-shadow:0 0 0 .2rem rgba(40,167,69,.5)}.badge-info{color:#fff;background-color:#17a2b8}a.badge-info:focus,a.badge-info:hover{color:#fff;background-color:#117a8b}a.badge-info.focus,a.badge-info:focus{outline:0;box-shadow:0 0 0 .2rem rgba(23,162,184,.5)}.badge-warning{color:#212529;background-color:#ffc107}a.badge-warning:focus,a.badge-warning:hover{color:#212529;background-color:#d39e00}a.badge-warning.focus,a.badge-warning:focus{outline:0;box-shadow:0 0 0 .2rem rgba(255,193,7,.5)}.badge-danger{color:#fff;background-color:#dc3545}a.badge-danger:focus,a.badge-danger:hover{color:#fff;background-color:#bd2130}a.badge-danger.focus,a.badge-danger:focus{outline:0;box-shadow:0 0 0 .2rem rgba(220,53,69,.5)}.badge-light{color:#212529;background-color:#f8f9fa}a.badge-light:focus,a.badge-light:hover{color:#212529;background-color:#dae0e5}a.badge-light.focus,a.badge-light:focus{outline:0;box-shadow:0 0 0 .2rem rgba(248,249,250,.5)}.badge-dark{color:#fff;background-color:#343a40}a.badge-dark:focus,a.badge-dark:hover{color:#fff;background-color:#1d2124}a.badge-dark.focus,a.badge-dark:focus{outline:0;box-shadow:0 0 0 .2rem rgba(52,58,64,.5)}.jumbotron{padding:2rem 1rem;margin-bottom:2rem;background-color:#e9ecef;border-radius:.3rem}@media (min-width:576px){.jumbotron{padding:4rem 2rem}}.jumbotron-fluid{padding-right:0;padding-left:0;border-radius:0}.alert{position:relative;padding:.75rem 1.25rem;margin-bottom:1rem;border:1px solid transparent;border-radius:.25rem}.alert-heading{color:inherit}.alert-link{font-weight:700}.alert-dismissible{padding-right:4rem}.alert-dismissible .close{position:absolute;top:0;right:0;z-index:2;padding:.75rem 1.25rem;color:inherit}.alert-primary{color:#004085;background-color:#cce5ff;border-color:#b8daff}.alert-primary hr{border-top-color:#9fcdff}.alert-primary .alert-link{color:#002752}.alert-secondary{color:#383d41;background-color:#e2e3e5;border-color:#d6d8db}
52.alert-secondary hr{border-top-color:#c8cbcf}.alert-secondary .alert-link{color:#202326}.alert-success{color:#155724;background-color:#d4edda;border-color:#c3e6cb}.alert-success hr{border-top-color:#b1dfbb}.alert-success .alert-link{color:#0b2e13}.alert-info{color:#0c5460;background-color:#d1ecf1;border-color:#bee5eb}.alert-info hr{border-top-color:#abdde5}.alert-info .alert-link{color:#062c33}.alert-warning{color:#856404;background-color:#fff3cd;border-color:#ffeeba}.alert-warning hr{border-top-color:#ffe8a1}.alert-warning .alert-link{color:#533f03}.alert-danger{color:#721c24;background-color:#f8d7da;border-color:#f5c6cb}.alert-danger hr{border-top-color:#f1b0b7}.alert-danger .alert-link{color:#491217}.alert-light{color:#818182;background-color:#fefefe;border-color:#fdfdfe}.alert-light hr{border-top-color:#ececf6}.alert-light .alert-link{color:#686868}.alert-dark{color:#1b1e21;background-color:#d6d8d9;border-color:#c6c8ca}.alert-dark hr{border-top-color:#b9bbbe}.alert-dark .alert-link{color:#040505}@-webkit-keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}@keyframes progress-bar-stripes{from{background-position:1rem 0}to{background-position:0 0}}.progress{display:-ms-flexbox;display:flex;height:1rem;overflow:hidden;line-height:0;font-size:.75rem;background-color:#e9ecef;border-radius:.25rem}.progress-bar{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;overflow:hidden;color:#fff;text-align:center;white-space:nowrap;background-color:#007bff;transition:width .6s ease}@media (prefers-reduced-motion:reduce){.progress-bar{transition:none}}.progress-bar-striped{background-image:linear-gradient(45deg,rgba(255,255,255,.15) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.15) 50%,rgba(255,255,255,.15) 75%,transparent 75%,transparent);background-size:1rem 1rem}.progress-bar-animated{-webkit-animation:1s linear infinite progress-bar-stripes;animation:1s linear infinite progress-bar-stripes}@media (prefers-reduced-motion:reduce){.progress-bar-animated{-webkit-animation:none;animation:none}}.media{display:-ms-flexbox;display:flex;-ms-flex-align:start;align-items:flex-start}.media-body{-ms-flex:1;flex:1}
52.list-group{display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;padding-left:0;margin-bottom:0;border-radius:.25rem}.list-group-item-action{width:100%;color:#495057;text-align:inherit}.list-group-item-action:focus,.list-group-item-action:hover{z-index:1;color:#495057;text-decoration:none;background-color:#f8f9fa}.list-group-item-action:active{color:#212529;background-color:#e9ecef}.list-group-item{position:relative;display:block;padding:.75rem 1.25rem;background-color:#fff;border:1px solid rgba(0,0,0,.125)}.list-group-item:first-child{border-top-left-radius:inherit;border-top-right-radius:inherit}.list-group-item:last-child{border-bottom-right-radius:inherit;border-bottom-left-radius:inherit}.list-group-item.disabled,.list-group-item:disabled{color:#6c757d;pointer-events:none;background-color:#fff}.list-group-item.active{z-index:2;color:#fff;background-color:#007bff;border-color:#007bff}.list-group-item+.list-group-item{border-top-width:0}.list-group-item+.list-group-item.active{margin-top:-1px;border-top-width:1px}.list-group-horizontal{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal>.list-group-item.active{margin-top:0}.list-group-horizontal>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}@media (min-width:576px){.list-group-horizontal-sm{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-sm>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-sm>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-sm>.list-group-item.active{margin-top:0}.list-group-horizontal-sm>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-sm>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:768px){.list-group-horizontal-md{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-md>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-md>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-md>.list-group-item.active{margin-top:0}.list-group-horizontal-md>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-md>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:992px){.list-group-horizontal-lg{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-lg>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-lg>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-lg>.list-group-item.active{margin-top:0}.list-group-horizontal-lg>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-lg>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}@media (min-width:1200px){.list-group-horizontal-xl{-ms-flex-direction:row;flex-direction:row}.list-group-horizontal-xl>.list-group-item:first-child{border-bottom-left-radius:.25rem;border-top-right-radius:0}.list-group-horizontal-xl>.list-group-item:last-child{border-top-right-radius:.25rem;border-bottom-left-radius:0}.list-group-horizontal-xl>.list-group-item.active{margin-top:0}.list-group-horizontal-xl>.list-group-item+.list-group-item{border-top-width:1px;border-left-width:0}.list-group-horizontal-xl>.list-group-item+.list-group-item.active{margin-left:-1px;border-left-width:1px}}.list-group-flush{border-radius:0}.list-group-flush>.list-group-item{border-width:0 0 1px}.list-group-flush>.list-group-item:last-child{border-bottom-width:0}.list-group-item-primary{color:#004085;background-color:#b8daff}.list-group-item-primary.list-group-item-action:focus,.list-group-item-primary.list-group-item-action:hover{color:#004085;background-color:#9fcdff}.list-group-item-primary.list-group-item-action.active{color:#fff;background-color:#004085;border-color:#004085}.list-group-item-secondary{color:#383d41;background-color:#d6d8db}.list-group-item-secondary.list-group-item-action:focus,.list-group-item-secondary.list-group-item-action:hover{color:#383d41;
52background-color:#c8cbcf}.list-group-item-secondary.list-group-item-action.active{color:#fff;background-color:#383d41;border-color:#383d41}.list-group-item-success{color:#155724;background-color:#c3e6cb}.list-group-item-success.list-group-item-action:focus,.list-group-item-success.list-group-item-action:hover{color:#155724;background-color:#b1dfbb}.list-group-item-success.list-group-item-action.active{color:#fff;background-color:#155724;border-color:#155724}.list-group-item-info{color:#0c5460;background-color:#bee5eb}.list-group-item-info.list-group-item-action:focus,.list-group-item-info.list-group-item-action:hover{color:#0c5460;background-color:#abdde5}.list-group-item-info.list-group-item-action.active{color:#fff;background-color:#0c5460;border-color:#0c5460}.list-group-item-warning{color:#856404;background-color:#ffeeba}.list-group-item-warning.list-group-item-action:focus,.list-group-item-warning.list-group-item-action:hover{color:#856404;background-color:#ffe8a1}.list-group-item-warning.list-group-item-action.active{color:#fff;background-color:#856404;border-color:#856404}.list-group-item-danger{color:#721c24;background-color:#f5c6cb}.list-group-item-danger.list-group-item-action:focus,.list-group-item-danger.list-group-item-action:hover{color:#721c24;background-color:#f1b0b7}.list-group-item-danger.list-group-item-action.active{color:#fff;background-color:#721c24;border-color:#721c24}.list-group-item-light{color:#818182;background-color:#fdfdfe}.list-group-item-light.list-group-item-action:focus,.list-group-item-light.list-group-item-action:hover{color:#818182;background-color:#ececf6}.list-group-item-light.list-group-item-action.active{color:#fff;background-color:#818182;border-color:#818182}.list-group-item-dark{color:#1b1e21;background-color:#c6c8ca}.list-group-item-dark.list-group-item-action:focus,.list-group-item-dark.list-group-item-action:hover{color:#1b1e21;background-color:#b9bbbe}.list-group-item-dark.list-group-item-action.active{color:#fff;background-color:#1b1e21;border-color:#1b1e21}.close{float:right;font-size:1.5rem;font-weight:700;line-height:1;color:#000;text-shadow:0 1px 0 #fff;opacity:.5}.close:hover{color:#000;text-decoration:none}.close:not(:disabled):not(.disabled):focus,.close:not(:disabled):not(.disabled):hover{opacity:.75}button.close{padding:0;background-color:transparent;border:0}a.close.disabled{pointer-events:none}.toast{-ms-flex-preferred-size:350px;flex-basis:350px;max-width:350px;font-size:.875rem;background-color:rgba(255,255,255,.85);background-clip:padding-box;border:1px solid rgba(0,0,0,.1);box-shadow:0 .25rem .75rem rgba(0,0,0,.1);opacity:0;border-radius:.25rem}.toast:not(:last-child){margin-bottom:.75rem}.toast.showing{opacity:1}.toast.show{display:block;opacity:1}.toast.hide{display:none}.toast-header{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;padding:.25rem .75rem;color:#6c757d;background-color:rgba(255,255,255,.85);background-clip:padding-box;border-bottom:1px solid rgba(0,0,0,.05);border-top-left-radius:calc(.25rem - 1px);border-top-right-radius:calc(.25rem - 1px)}.toast-body{padding:.75rem}.modal-open{overflow:hidden}.modal-open .modal{overflow-x:hidden;overflow-y:auto}.modal{position:fixed;top:0;left:0;z-index:1050;display:none;width:100%;height:100%;overflow:hidden;outline:0}.modal-dialog{position:relative;width:auto;margin:.5rem;pointer-events:none}.modal.fade .modal-dialog{transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(0,-50px);transform:translate(0,-50px)}@media (prefers-reduced-motion:reduce){.modal.fade .modal-dialog{transition:none}}.modal.show .modal-dialog{-webkit-transform:none;transform:none}.modal.modal-static .modal-dialog{-webkit-transform:scale(1.02);transform:scale(1.02)}.modal-dialog-scrollable{display:-ms-flexbox;display:flex;max-height:calc(100% - 1rem)}
52.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 1rem);overflow:hidden}.modal-dialog-scrollable .modal-footer,.modal-dialog-scrollable .modal-header{-ms-flex-negative:0;flex-shrink:0}.modal-dialog-scrollable .modal-body{overflow-y:auto}.modal-dialog-centered{display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;min-height:calc(100% - 1rem)}.modal-dialog-centered::before{display:block;height:calc(100vh - 1rem);height:-webkit-min-content;height:-moz-min-content;height:min-content;content:""}.modal-dialog-centered.modal-dialog-scrollable{-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;height:100%}.modal-dialog-centered.modal-dialog-scrollable .modal-content{max-height:none}.modal-dialog-centered.modal-dialog-scrollable::before{content:none}.modal-content{position:relative;display:-ms-flexbox;display:flex;-ms-flex-direction:column;flex-direction:column;width:100%;pointer-events:auto;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem;outline:0}.modal-backdrop{position:fixed;top:0;left:0;z-index:1040;width:100vw;height:100vh;background-color:#000}.modal-backdrop.fade{opacity:0}.modal-backdrop.show{opacity:.5}.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 1rem;border-bottom:1px solid #dee2e6;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.modal-header .close{padding:1rem 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}.modal-footer{display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;-ms-flex-align:center;align-items:center;-ms-flex-pack:end;justify-content:flex-end;padding:.75rem;border-top:1px solid #dee2e6;border-bottom-right-radius:calc(.3rem - 1px);border-bottom-left-radius:calc(.3rem - 1px)}.modal-footer>*{margin:.25rem}.modal-scrollbar-measure{position:absolute;top:-9999px;width:50px;height:50px;overflow:scroll}@media (min-width:576px){.modal-dialog{max-width:500px;margin:1.75rem auto}.modal-dialog-scrollable{max-height:calc(100% - 3.5rem)}
52.modal-dialog-scrollable .modal-content{max-height:calc(100vh - 3.5rem)}.modal-dialog-centered{min-height:calc(100% - 3.5rem)}.modal-dialog-centered::before{height:calc(100vh - 3.5rem);height:-webkit-min-content;height:-moz-min-content;height:min-content}.modal-sm{max-width:300px}}@media (min-width:992px){.modal-lg,.modal-xl{max-width:800px}}@media (min-width:1200px){.modal-xl{max-width:1140px}}.tooltip{position:absolute;z-index:1070;display:block;margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;opacity:0}.tooltip.show{opacity:.9}.tooltip .arrow{position:absolute;display:block;width:.8rem;height:.4rem}.tooltip .arrow::before{position:absolute;content:"";border-color:transparent;border-style:solid}.bs-tooltip-auto[x-placement^=top],.bs-tooltip-top{padding:.4rem 0}.bs-tooltip-auto[x-placement^=top] .arrow,.bs-tooltip-top .arrow{bottom:0}.bs-tooltip-auto[x-placement^=top] .arrow::before,.bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000}.bs-tooltip-auto[x-placement^=right],.bs-tooltip-right{padding:0 .4rem}.bs-tooltip-auto[x-placement^=right] .arrow,.bs-tooltip-right .arrow{left:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=right] .arrow::before,.bs-tooltip-right .arrow::before{right:0;border-width:.4rem .4rem .4rem 0;border-right-color:#000}.bs-tooltip-auto[x-placement^=bottom],.bs-tooltip-bottom{padding:.4rem 0}.bs-tooltip-auto[x-placement^=bottom] .arrow,.bs-tooltip-bottom .arrow{top:0}.bs-tooltip-auto[x-placement^=bottom] .arrow::before,.bs-tooltip-bottom .arrow::before{bottom:0;border-width:0 .4rem .4rem;border-bottom-color:#000}.bs-tooltip-auto[x-placement^=left],.bs-tooltip-left{padding:0 .4rem}.bs-tooltip-auto[x-placement^=left] .arrow,.bs-tooltip-left .arrow{right:0;width:.4rem;height:.8rem}.bs-tooltip-auto[x-placement^=left] .arrow::before,.bs-tooltip-left .arrow::before{left:0;border-width:.4rem 0 .4rem .4rem;border-left-color:#000}.tooltip-inner{max-width:200px;padding:.25rem .5rem;color:#fff;text-align:center;background-color:#000;border-radius:.25rem}.popover{position:absolute;top:0;left:0;z-index:1060;display:block;max-width:276px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans","Liberation Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";font-style:normal;font-weight:400;line-height:1.5;text-align:left;text-align:start;text-decoration:none;text-shadow:none;text-transform:none;letter-spacing:normal;word-break:normal;word-spacing:normal;white-space:normal;line-break:auto;font-size:.875rem;word-wrap:break-word;background-color:#fff;background-clip:padding-box;border:1px solid rgba(0,0,0,.2);border-radius:.3rem}.popover .arrow{position:absolute;display:block;width:1rem;height:.5rem;margin:0 .3rem}.popover .arrow::after,.popover .arrow::before{position:absolute;display:block;content:"";border-color:transparent;border-style:solid}.bs-popover-auto[x-placement^=top],.bs-popover-top{margin-bottom:.5rem}.bs-popover-auto[x-placement^=top]>.arrow,.bs-popover-top>.arrow{bottom:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=top]>.arrow::before,.bs-popover-top>.arrow::before{bottom:0;border-width:.5rem .5rem 0;border-top-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=top]>.arrow::after,.bs-popover-top>.arrow::after{bottom:1px;border-width:.5rem .5rem 0;border-top-color:#fff}.bs-popover-auto[x-placement^=right],.bs-popover-right{margin-left:.5rem}.bs-popover-auto[x-placement^=right]>.arrow,.bs-popover-right>.arrow{left:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=right]>.arrow::before,.bs-popover-right>.arrow::before{left:0;border-width:.5rem .5rem .5rem 0;border-right-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=right]>.arrow::after,.bs-popover-right>.arrow::after{left:1px;border-width:.5rem .5rem .5rem 0;border-right-color:#fff}.bs-popover-auto[x-placement^=bottom],.bs-popover-bottom{margin-top:.5rem}.bs-popover-auto[x-placement^=bottom]>
52.arrow,.bs-popover-bottom>.arrow{top:calc(-.5rem - 1px)}.bs-popover-auto[x-placement^=bottom]>.arrow::before,.bs-popover-bottom>.arrow::before{top:0;border-width:0 .5rem .5rem .5rem;border-bottom-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=bottom]>.arrow::after,.bs-popover-bottom>.arrow::after{top:1px;border-width:0 .5rem .5rem .5rem;border-bottom-color:#fff}.bs-popover-auto[x-placement^=bottom] .popover-header::before,.bs-popover-bottom .popover-header::before{position:absolute;top:0;left:50%;display:block;width:1rem;margin-left:-.5rem;content:"";border-bottom:1px solid #f7f7f7}.bs-popover-auto[x-placement^=left],.bs-popover-left{margin-right:.5rem}.bs-popover-auto[x-placement^=left]>.arrow,.bs-popover-left>.arrow{right:calc(-.5rem - 1px);width:.5rem;height:1rem;margin:.3rem 0}.bs-popover-auto[x-placement^=left]>.arrow::before,.bs-popover-left>.arrow::before{right:0;border-width:.5rem 0 .5rem .5rem;border-left-color:rgba(0,0,0,.25)}.bs-popover-auto[x-placement^=left]>.arrow::after,.bs-popover-left>.arrow::after{right:1px;border-width:.5rem 0 .5rem .5rem;border-left-color:#fff}.popover-header{padding:.5rem .75rem;margin-bottom:0;font-size:1rem;background-color:#f7f7f7;border-bottom:1px solid #ebebeb;border-top-left-radius:calc(.3rem - 1px);border-top-right-radius:calc(.3rem - 1px)}.popover-header:empty{display:none}.popover-body{padding:.5rem .75rem;color:#212529}.carousel{position:relative}.carousel.pointer-event{-ms-touch-action:pan-y;touch-action:pan-y}.carousel-inner{position:relative;width:100%;overflow:hidden}.carousel-inner::after{display:block;clear:both;content:""}.carousel-item{position:relative;display:none;float:left;width:100%;margin-right:-100%;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition:-webkit-transform .6s ease-in-out;transition:transform .6s ease-in-out;transition:transform .6s ease-in-out,-webkit-transform .6s ease-in-out}@media (prefers-reduced-motion:reduce){.carousel-item{transition:none}}
52.carousel-item-next,.carousel-item-prev,.carousel-item.active{display:block}.active.carousel-item-right,.carousel-item-next:not(.carousel-item-left){-webkit-transform:translateX(100%);transform:translateX(100%)}.active.carousel-item-left,.carousel-item-prev:not(.carousel-item-right){-webkit-transform:translateX(-100%);transform:translateX(-100%)}.carousel-fade .carousel-item{opacity:0;transition-property:opacity;-webkit-transform:none;transform:none}.carousel-fade .carousel-item-next.carousel-item-left,.carousel-fade .carousel-item-prev.carousel-item-right,.carousel-fade .carousel-item.active{z-index:1;opacity:1}.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{z-index:0;opacity:0;transition:opacity 0s .6s}@media (prefers-reduced-motion:reduce){.carousel-fade .active.carousel-item-left,.carousel-fade .active.carousel-item-right{transition:none}}.carousel-control-next,.carousel-control-prev{position:absolute;top:0;bottom:0;z-index:1;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;width:15%;color:#fff;text-align:center;opacity:.5;transition:opacity .15s ease}@media (prefers-reduced-motion:reduce){.carousel-control-next,.carousel-control-prev{transition:none}}
52.carousel-control-next:focus,.carousel-control-next:hover,.carousel-control-prev:focus,.carousel-control-prev:hover{color:#fff;text-decoration:none;outline:0;opacity:.9}.carousel-control-prev{left:0}.carousel-control-next{right:0}.carousel-control-next-icon,.carousel-control-prev-icon{display:inline-block;width:20px;height:20px;background:50%/100% 100% no-repeat}.carousel-control-prev-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M5.25 0l-4 4 4 4 1.5-1.5L4.25 4l2.5-2.5L5.25 0z'/%3e%3c/svg%3e")}.carousel-control-next-icon{background-image:url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='%23fff' width='8' height='8' viewBox='0 0 8 8'%3e%3cpath d='M2.75 0l-1.5 1.5L3.75 4l-2.5 2.5L2.75 8l4-4-4-4z'/%3e%3c/svg%3e")}.carousel-indicators{position:absolute;right:0;bottom:0;left:0;z-index:15;display:-ms-flexbox;display:flex;-ms-flex-pack:center;justify-content:center;padding-left:0;margin-right:15%;margin-left:15%;list-style:none}.carousel-indicators li{box-sizing:content-box;-ms-flex:0 1 auto;flex:0 1 auto;width:30px;height:3px;margin-right:3px;margin-left:3px;text-indent:-999px;cursor:pointer;background-color:#fff;background-clip:padding-box;border-top:10px solid transparent;border-bottom:10px solid transparent;opacity:.5;transition:opacity .6s ease}@media (prefers-reduced-motion:reduce){.carousel-indicators li{transition:none}}
52.carousel-indicators .active{opacity:1}.carousel-caption{position:absolute;right:15%;bottom:20px;left:15%;z-index:10;padding-top:20px;padding-bottom:20px;color:#fff;text-align:center}@-webkit-keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spinner-border{to{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}.spinner-border{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;border:.25em solid currentColor;border-right-color:transparent;border-radius:50%;-webkit-animation:.75s linear infinite spinner-border;animation:.75s linear infinite spinner-border}.spinner-border-sm{width:1rem;height:1rem;border-width:.2em}@-webkit-keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}@keyframes spinner-grow{0%{-webkit-transform:scale(0);transform:scale(0)}50%{opacity:1;-webkit-transform:none;transform:none}}.spinner-grow{display:inline-block;width:2rem;height:2rem;vertical-align:text-bottom;background-color:currentColor;border-radius:50%;opacity:0;-webkit-animation:.75s linear infinite spinner-grow;animation:.75s linear infinite spinner-grow}.spinner-grow-sm{width:1rem;height:1rem}@media (prefers-reduced-motion:reduce){.spinner-border,.spinner-grow{-webkit-animation-duration:1.5s;animation-duration:1.5s}}.align-baseline{vertical-align:baseline!important}.align-top{vertical-align:top!important}.align-middle{vertical-align:middle!important}.align-bottom{vertical-align:bottom!important}.align-text-bottom{vertical-align:text-bottom!important}.align-text-top{vertical-align:text-top!important}.bg-primary{background-color:#007bff!important}a.bg-primary:focus,a.bg-primary:hover,button.bg-primary:focus,button.bg-primary:hover{background-color:#0062cc!important}.bg-secondary{background-color:#6c757d!important}a.bg-secondary:focus,a.bg-secondary:hover,button.bg-secondary:focus,button.bg-secondary:hover{background-color:#545b62!important}.bg-success{background-color:#28a745!important}a.bg-success:focus,a.bg-success:hover,button.bg-success:focus,button.bg-success:hover{background-color:#1e7e34!important}.bg-info{background-color:#17a2b8!important}a.bg-info:focus,a.bg-info:hover,button.bg-info:focus,button.bg-info:hover{background-color:#117a8b!important}.bg-warning{background-color:#ffc107!important}a.bg-warning:focus,a.bg-warning:hover,button.bg-warning:focus,button.bg-warning:hover{background-color:#d39e00!important}.bg-danger{background-color:#dc3545!important}a.bg-danger:focus,a.bg-danger:hover,button.bg-danger:focus,button.bg-danger:hover{background-color:#bd2130!important}.bg-light{background-color:#f8f9fa!important}a.bg-light:focus,a.bg-light:hover,button.bg-light:focus,button.bg-light:hover{background-color:#dae0e5!important}.bg-dark{background-color:#343a40!important}a.bg-dark:focus,a.bg-dark:hover,button.bg-dark:focus,button.bg-dark:hover{background-color:#1d2124!important}.bg-white{background-color:#fff!important}.bg-transparent{background-color:transparent!important}.border{border:1px solid #dee2e6!important}.border-top{border-top:1px solid #dee2e6!important}.border-right{border-right:1px solid #dee2e6!important}.border-bottom{border-bottom:1px solid #dee2e6!important}.border-left{border-left:1px solid #dee2e6!important}.border-0{border:0!important}.border-top-0{border-top:0!important}.border-right-0{border-right:0!important}.border-bottom-0{border-bottom:0!important}.border-left-0{border-left:0!important}.border-primary{border-color:#007bff!important}.border-secondary{border-color:#6c757d!important}.border-success{border-color:#28a745!important}.border-info{border-color:#17a2b8!important}.border-warning{border-color:#ffc107!important}.border-danger{border-color:#dc3545!important}.border-light{border-color:#f8f9fa!important}.border-dark{border-color:#343a40!important}.border-white{border-color:#fff!important}.rounded-sm{border-radius:.2rem!important}.rounded{border-radius:.25rem!important}.rounded-top{border-top-left-radius:.25rem!important;border-top-right-radius:.25rem!important}.rounded-right{border-top-right-radius:.25rem!important;border-bottom-right-radius:.25rem!important}.rounded-bottom{border-bottom-right-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-left{border-top-left-radius:.25rem!important;border-bottom-left-radius:.25rem!important}.rounded-lg{border-radius:.3rem!important}.rounded-circle{border-radius:50%!important}.rounded-pill{border-radius:50rem!important}.rounded-0{border-radius:0!important}.clearfix::after{display:block;clear:both;content:""}.d-none{display:none!important}.d-inline{display:inline!important}.d-inline-block{display:inline-block!important}.d-block{display:block!important}.d-table{display:table!important}.d-table-row{display:table-row!important}.d-table-cell{display:table-cell!important}.d-flex{display:-ms-flexbox!important;display:flex!important}.d-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}@media (min-width:576px){.d-sm-none{display:none!important}.d-sm-inline{display:inline!important}.d-sm-inline-block{display:inline-block!important}.d-sm-block{display:block!important}.d-sm-table{display:table!important}.d-sm-table-row{display:table-row!important}.d-sm-table-cell{display:table-cell!important}.d-sm-flex{display:-ms-flexbox!important;display:flex!important}.d-sm-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:768px){.d-md-none{display:none!important}.d-md-inline{display:inline!important}.d-md-inline-block{display:inline-block!important}.d-md-block{display:block!important}.d-md-table{display:table!important}.d-md-table-row{display:table-row!important}.d-md-table-cell{display:table-cell!important}.d-md-flex{display:-ms-flexbox!important;display:flex!important}.d-md-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:992px){.d-lg-none{display:none!important}.d-lg-inline{display:inline!important}.d-lg-inline-block{display:inline-block!important}.d-lg-block{display:block!important}.d-lg-table{display:table!important}.d-lg-table-row{display:table-row!important}.d-lg-table-cell{display:table-cell!important}.d-lg-flex{display:-ms-flexbox!important;display:flex!important}.d-lg-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media (min-width:1200px){.d-xl-none{display:none!important}.d-xl-inline{display:inline!important}.d-xl-inline-block{display:inline-block!important}.d-xl-block{display:block!important}.d-xl-table{display:table!important}.d-xl-table-row{display:table-row!important}.d-xl-table-cell{display:table-cell!important}.d-xl-flex{display:-ms-flexbox!important;display:flex!important}.d-xl-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}@media print{.d-print-none{display:none!important}.d-print-inline{display:inline!important}.d-print-inline-block{display:inline-block!important}.d-print-block{display:block!important}.d-print-table{display:table!important}.d-print-table-row{display:table-row!important}.d-print-table-cell{display:table-cell!important}.d-print-flex{display:-ms-flexbox!important;display:flex!important}.d-print-inline-flex{display:-ms-inline-flexbox!important;display:inline-flex!important}}.embed-responsive{position:relative;display:block;width:100%;padding:0;overflow:hidden}.embed-responsive::before{display:block;content:""}.embed-responsive .embed-responsive-item,.embed-responsive embed,.embed-responsive iframe,.embed-responsive object,.embed-responsive video{position:absolute;top:0;bottom:0;left:0;width:100%;height:100%;border:0}.embed-responsive-21by9::before{padding-top:42.857143%}.embed-responsive-16by9::before{padding-top:56.25%}.embed-responsive-4by3::before{padding-top:75%}.embed-responsive-1by1::before{padding-top:100%}.flex-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
52.flex-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-center{-ms-flex-align:center!important;align-items:center!important}.align-items-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}@media (min-width:576px){.flex-sm-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-sm-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-sm-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-sm-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-sm-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-sm-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-sm-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-sm-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-sm-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-sm-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-sm-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-sm-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-sm-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-sm-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-sm-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-sm-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-sm-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-sm-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-sm-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-sm-center{-ms-flex-align:center!important;align-items:center!important}.align-items-sm-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-sm-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-sm-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-sm-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-sm-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-sm-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-sm-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-sm-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-sm-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-sm-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-sm-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-sm-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-sm-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-sm-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:768px){.flex-md-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-md-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-md-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-md-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-md-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-md-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-md-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-md-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-md-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}
52.flex-md-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-md-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-md-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-md-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-md-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-md-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-md-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-md-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-md-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-md-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-md-center{-ms-flex-align:center!important;align-items:center!important}.align-items-md-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-md-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-md-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-md-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-md-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-md-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-md-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-md-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-md-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-md-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-md-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-md-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-md-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-md-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:992px){.flex-lg-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-lg-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-lg-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-lg-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-lg-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-lg-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-lg-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-lg-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-lg-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-lg-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-lg-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-lg-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-lg-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-lg-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-lg-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-lg-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-lg-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-lg-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-lg-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-lg-center{-ms-flex-align:center!important;align-items:center!important}.align-items-lg-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-lg-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-lg-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-lg-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-lg-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-lg-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-lg-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-lg-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-lg-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-lg-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-lg-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-lg-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-lg-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-lg-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}@media (min-width:1200px){.flex-xl-row{-ms-flex-direction:row!important;flex-direction:row!important}.flex-xl-column{-ms-flex-direction:column!important;flex-direction:column!important}.flex-xl-row-reverse{-ms-flex-direction:row-reverse!important;flex-direction:row-reverse!important}.flex-xl-column-reverse{-ms-flex-direction:column-reverse!important;flex-direction:column-reverse!important}.flex-xl-wrap{-ms-flex-wrap:wrap!important;flex-wrap:wrap!important}.flex-xl-nowrap{-ms-flex-wrap:nowrap!important;flex-wrap:nowrap!important}.flex-xl-wrap-reverse{-ms-flex-wrap:wrap-reverse!important;flex-wrap:wrap-reverse!important}.flex-xl-fill{-ms-flex:1 1 auto!important;flex:1 1 auto!important}.flex-xl-grow-0{-ms-flex-positive:0!important;flex-grow:0!important}.flex-xl-grow-1{-ms-flex-positive:1!important;flex-grow:1!important}.flex-xl-shrink-0{-ms-flex-negative:0!important;flex-shrink:0!important}.flex-xl-shrink-1{-ms-flex-negative:1!important;flex-shrink:1!important}.justify-content-xl-start{-ms-flex-pack:start!important;justify-content:flex-start!important}.justify-content-xl-end{-ms-flex-pack:end!important;justify-content:flex-end!important}.justify-content-xl-center{-ms-flex-pack:center!important;justify-content:center!important}.justify-content-xl-between{-ms-flex-pack:justify!important;justify-content:space-between!important}.justify-content-xl-around{-ms-flex-pack:distribute!important;justify-content:space-around!important}.align-items-xl-start{-ms-flex-align:start!important;align-items:flex-start!important}.align-items-xl-end{-ms-flex-align:end!important;align-items:flex-end!important}.align-items-xl-center{-ms-flex-align:center!important;align-items:center!important}.align-items-xl-baseline{-ms-flex-align:baseline!important;align-items:baseline!important}.align-items-xl-stretch{-ms-flex-align:stretch!important;align-items:stretch!important}.align-content-xl-start{-ms-flex-line-pack:start!important;align-content:flex-start!important}.align-content-xl-end{-ms-flex-line-pack:end!important;align-content:flex-end!important}.align-content-xl-center{-ms-flex-line-pack:center!important;align-content:center!important}.align-content-xl-between{-ms-flex-line-pack:justify!important;align-content:space-between!important}.align-content-xl-around{-ms-flex-line-pack:distribute!important;align-content:space-around!important}.align-content-xl-stretch{-ms-flex-line-pack:stretch!important;align-content:stretch!important}.align-self-xl-auto{-ms-flex-item-align:auto!important;align-self:auto!important}.align-self-xl-start{-ms-flex-item-align:start!important;align-self:flex-start!important}.align-self-xl-end{-ms-flex-item-align:end!important;align-self:flex-end!important}.align-self-xl-center{-ms-flex-item-align:center!important;align-self:center!important}.align-self-xl-baseline{-ms-flex-item-align:baseline!important;align-self:baseline!important}.align-self-xl-stretch{-ms-flex-item-align:stretch!important;align-self:stretch!important}}.float-left{float:left!important}.float-right{float:right!important}.float-none{float:none!important}@media (min-width:576px){.float-sm-left{float:left!important}.float-sm-right{float:right!important}.float-sm-none{float:none!important}}@media (min-width:768px){.float-md-left{float:left!important}.float-md-right{float:right!important}.float-md-none{float:none!important}}@media (min-width:992px){.float-lg-left{float:left!important}.float-lg-right{float:right!important}.float-lg-none{float:none!important}}@media (min-width:1200px){.float-xl-left{float:left!important}.float-xl-right{float:right!important}.float-xl-none{float:none!important}}.user-select-all{-webkit-user-select:all!important;-moz-user-select:all!important;user-select:all!important}.user-select-auto{-webkit-user-select:auto!important;-moz-user-select:auto!important;
52-ms-user-select:auto!important;user-select:auto!important}.user-select-none{-webkit-user-select:none!important;-moz-user-select:none!important;-ms-user-select:none!important;user-select:none!important}.overflow-auto{overflow:auto!important}.overflow-hidden{overflow:hidden!important}.position-static{position:static!important}.position-relative{position:relative!important}.position-absolute{position:absolute!important}.position-fixed{position:fixed!important}.position-sticky{position:-webkit-sticky!important;position:sticky!important}.fixed-top{position:fixed;top:0;right:0;left:0;z-index:1030}.fixed-bottom{position:fixed;right:0;bottom:0;left:0;z-index:1030}@supports ((position:-webkit-sticky) or (position:sticky)){.sticky-top{position:-webkit-sticky;position:sticky;top:0;z-index:1020}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.sr-only-focusable:active,.sr-only-focusable:focus{position:static;width:auto;height:auto;overflow:visible;clip:auto;white-space:normal}.shadow-sm{box-shadow:0 .125rem .25rem rgba(0,0,0,.075)!important}.shadow{box-shadow:0 .5rem 1rem rgba(0,0,0,.15)!important}.shadow-lg{box-shadow:0 1rem 3rem rgba(0,0,0,.175)!important}.shadow-none{box-shadow:none!important}.w-25{width:25%!important}.w-50{width:50%!important}.w-75{width:75%!important}.w-100{width:100%!important}.w-auto{width:auto!important}.h-25{height:25%!important}.h-50{height:50%!important}.h-75{height:75%!important}.h-100{height:100%!important}.h-auto{height:auto!important}.mw-100{max-width:100%!important}.mh-100{max-height:100%!important}.min-vw-100{min-width:100vw!important}.min-vh-100{min-height:100vh!important}.vw-100{width:100vw!important}.vh-100{height:100vh!important}.m-0{margin:0!important}.mt-0,.my-0{margin-top:0!important}.mr-0,.mx-0{margin-right:0!important}.mb-0,.my-0{margin-bottom:0!important}.ml-0,.mx-0{margin-left:0!important}.m-1{margin:.25rem!important}.mt-1,.my-1{margin-top:.25rem!important}.mr-1,.mx-1{margin-right:.25rem!important}.mb-1,.my-1{margin-bottom:.25rem!important}.ml-1,.mx-1{margin-left:.25rem!important}.m-2{margin:.5rem!important}.mt-2,.my-2{margin-top:.5rem!important}.mr-2,.mx-2{margin-right:.5rem!important}.mb-2,.my-2{margin-bottom:.5rem!important}.ml-2,.mx-2{margin-left:.5rem!important}.m-3{margin:1rem!important}.mt-3,.my-3{margin-top:1rem!important}.mr-3,.mx-3{margin-right:1rem!important}.mb-3,.my-3{margin-bottom:1rem!important}.ml-3,.mx-3{margin-left:1rem!important}.m-4{margin:1.5rem!important}.mt-4,.my-4{margin-top:1.5rem!important}.mr-4,.mx-4{margin-right:1.5rem!important}.mb-4,.my-4{margin-bottom:1.5rem!important}.ml-4,.mx-4{margin-left:1.5rem!important}.m-5{margin:3rem!important}.mt-5,.my-5{margin-top:3rem!important}.mr-5,.mx-5{margin-right:3rem!important}.mb-5,.my-5{margin-bottom:3rem!important}.ml-5,.mx-5{margin-left:3rem!important}.p-0{padding:0!important}.pt-0,.py-0{padding-top:0!important}.pr-0,.px-0{padding-right:0!important}.pb-0,.py-0{padding-bottom:0!important}.pl-0,.px-0{padding-left:0!important}.p-1{padding:.25rem!important}.pt-1,.py-1{padding-top:.25rem!important}.pr-1,.px-1{padding-right:.25rem!important}.pb-1,.py-1{padding-bottom:.25rem!important}.pl-1,.px-1{padding-left:.25rem!important}.p-2{padding:.5rem!important}.pt-2,.py-2{padding-top:.5rem!important}.pr-2,.px-2{padding-right:.5rem!important}.pb-2,.py-2{padding-bottom:.5rem!important}.pl-2,.px-2{padding-left:.5rem!important}.p-3{padding:1rem!important}.pt-3,.py-3{padding-top:1rem!important}.pr-3,.px-3{padding-right:1rem!important}.pb-3,.py-3{padding-bottom:1rem!important}.pl-3,.px-3{padding-left:1rem!important}.p-4{padding:1.5rem!important}.pt-4,.py-4{padding-top:1.5rem!important}.pr-4,.px-4{padding-right:1.5rem!important}.pb-4,.py-4{padding-bottom:1.5rem!important}.pl-4,.px-4{padding-left:1.5rem!important}.p-5{padding:3rem!important}.pt-5,.py-5{padding-top:3rem!important}.pr-5,.px-5{padding-right:3rem!important}.pb-5,.py-5{padding-bottom:3rem!important}.pl-5,.px-5{padding-left:3rem!important}.m-n1{margin:-.25rem!important}.mt-n1,.my-n1{margin-top:-.25rem!important}.mr-n1,.mx-n1{margin-right:-.25rem!important}.mb-n1,.my-n1{margin-bottom:-.25rem!important}.ml-n1,.mx-n1{margin-left:-.25rem!important}.m-n2{margin:-.5rem!important}.mt-n2,.my-n2{margin-top:-.5rem!important}.mr-n2,.mx-n2{margin-right:-.5rem!important}.mb-n2,.my-n2{margin-bottom:-.5rem!important}.ml-n2,.mx-n2{margin-left:-.5rem!important}.m-n3{margin:-1rem!important}.mt-n3,.my-n3{margin-top:-1rem!important}.mr-n3,.mx-n3{margin-right:-1rem!important}.mb-n3,.my-n3{margin-bottom:-1rem!important}.ml-n3,.mx-n3{margin-left:-1rem!important}.m-n4{margin:-1.5rem!important}.mt-n4,.my-n4{margin-top:-1.5rem!important}.mr-n4,.mx-n4{margin-right:-1.5rem!important}.mb-n4,.my-n4{margin-bottom:-1.5rem!important}.ml-n4,.mx-n4{margin-left:-1.5rem!important}.m-n5{margin:-3rem!important}.mt-n5,.my-n5{margin-top:-3rem!important}.mr-n5,.mx-n5{margin-right:-3rem!important}.mb-n5,.my-n5{margin-bottom:-3rem!important}.ml-n5,.mx-n5{margin-left:-3rem!important}.m-auto{margin:auto!important}.mt-auto,.my-auto{margin-top:auto!important}.mr-auto,.mx-auto{margin-right:auto!important}.mb-auto,.my-auto{margin-bottom:auto!important}.ml-auto,.mx-auto{margin-left:auto!important}@media (min-width:576px){.m-sm-0{margin:0!important}.mt-sm-0,.my-sm-0{margin-top:0!important}.mr-sm-0,.mx-sm-0{margin-right:0!important}.mb-sm-0,.my-sm-0{margin-bottom:0!important}.ml-sm-0,.mx-sm-0{margin-left:0!important}.m-sm-1{margin:.25rem!important}.mt-sm-1,.my-sm-1{margin-top:.25rem!important}.mr-sm-1,.mx-sm-1{margin-right:.25rem!important}.mb-sm-1,.my-sm-1{margin-bottom:.25rem!important}.ml-sm-1,.mx-sm-1{margin-left:.25rem!important}.m-sm-2{margin:.5rem!important}.mt-sm-2,.my-sm-2{margin-top:.5rem!important}.mr-sm-2,.mx-sm-2{margin-right:.5rem!important}.mb-sm-2,.my-sm-2{margin-bottom:.5rem!important}.ml-sm-2,.mx-sm-2{margin-left:.5rem!important}.m-sm-3{margin:1rem!important}.mt-sm-3,.my-sm-3{margin-top:1rem!important}.mr-sm-3,.mx-sm-3{margin-right:1rem!important}.mb-sm-3,.my-sm-3{margin-bottom:1rem!important}.ml-sm-3,.mx-sm-3{margin-left:1rem!important}.m-sm-4{margin:1.5rem!important}.mt-sm-4,.my-sm-4{margin-top:1.5rem!important}.mr-sm-4,.mx-sm-4{margin-right:1.5rem!important}.mb-sm-4,.my-sm-4{margin-bottom:1.5rem!important}.ml-sm-4,.mx-sm-4{margin-left:1.5rem!important}.m-sm-5{margin:3rem!important}.mt-sm-5,.my-sm-5{margin-top:3rem!important}.mr-sm-5,.mx-sm-5{margin-right:3rem!important}.mb-sm-5,.my-sm-5{margin-bottom:3rem!important}.ml-sm-5,.mx-sm-5{margin-left:3rem!important}.p-sm-0{padding:0!important}.pt-sm-0,.py-sm-0{padding-top:0!important}.pr-sm-0,.px-sm-0{padding-right:0!important}.pb-sm-0,.py-sm-0{padding-bottom:0!important}.pl-sm-0,.px-sm-0{padding-left:0!important}.p-sm-1{padding:.25rem!important}.pt-sm-1,.py-sm-1{padding-top:.25rem!important}.pr-sm-1,.px-sm-1{padding-right:.25rem!important}.pb-sm-1,.py-sm-1{padding-bottom:.25rem!important}.pl-sm-1,.px-sm-1{padding-left:.25rem!important}.p-sm-2{padding:.5rem!important}.pt-sm-2,.py-sm-2{padding-top:.5rem!important}.pr-sm-2,.px-sm-2{padding-right:.5rem!important}.pb-sm-2,.py-sm-2{padding-bottom:.5rem!important}.pl-sm-2,.px-sm-2{padding-left:.5rem!important}.p-sm-3{padding:1rem!important}.pt-sm-3,.py-sm-3{padding-top:1rem!important}.pr-sm-3,.px-sm-3{padding-right:1rem!important}.pb-sm-3,.py-sm-3{padding-bottom:1rem!important}.pl-sm-3,.px-sm-3{padding-left:1rem!important}.p-sm-4{padding:1.5rem!important}.pt-sm-4,.py-sm-4{padding-top:1.5rem!important}.pr-sm-4,.px-sm-4{padding-right:1.5rem!important}.pb-sm-4,.py-sm-4{padding-bottom:1.5rem!important}.pl-sm-4,.px-sm-4{padding-left:1.5rem!important}.p-sm-5{padding:3rem!important}.pt-sm-5,.py-sm-5{padding-top:3rem!important}.pr-sm-5,.px-sm-5{padding-right:3rem!important}.pb-sm-5,.py-sm-5{padding-bottom:3rem!important}.pl-sm-5,.px-sm-5{padding-left:3rem!important}.m-sm-n1{margin:-.25rem!important}.mt-sm-n1,.my-sm-n1{margin-top:-.25rem!important}.mr-sm-n1,.mx-sm-n1{margin-right:-.25rem!important}.mb-sm-n1,.my-sm-n1{margin-bottom:-.25rem!important}.ml-sm-n1,.mx-sm-n1{margin-left:-.25rem!important}.m-sm-n2{margin:-.5rem!important}.mt-sm-n2,.my-sm-n2{margin-top:-.5rem!important}.mr-sm-n2,.mx-sm-n2{margin-right:-.5rem!important}.mb-sm-n2,.my-sm-n2{margin-bottom:-.5rem!important}.ml-sm-n2,.mx-sm-n2{margin-left:-.5rem!important}.m-sm-n3{margin:-1rem!important}.mt-sm-n3,.my-sm-n3{margin-top:-1rem!important}.mr-sm-n3,.mx-sm-n3{margin-right:-1rem!important}.mb-sm-n3,.my-sm-n3{margin-bottom:-1rem!important}.ml-sm-n3,.mx-sm-n3{margin-left:-1rem!important}.m-sm-n4{margin:-1.5rem!important}.mt-sm-n4,.my-sm-n4{margin-top:-1.5rem!important}.mr-sm-n4,.mx-sm-n4{margin-right:-1.5rem!important}.mb-sm-n4,.my-sm-n4{margin-bottom:-1.5rem!important}.ml-sm-n4,.mx-sm-n4{margin-left:-1.5rem!important}.m-sm-n5{margin:-3rem!important}.mt-sm-n5,.my-sm-n5{margin-top:-3rem!important}.mr-sm-n5,.mx-sm-n5{margin-right:-3rem!important}.mb-sm-n5,.my-sm-n5{margin-bottom:-3rem!important}.ml-sm-n5,.mx-sm-n5{margin-left:-3rem!important}.m-sm-auto{margin:auto!important}.mt-sm-auto,.my-sm-auto{margin-top:auto!important}.mr-sm-auto,.mx-sm-auto{margin-right:auto!important}.mb-sm-auto,.my-sm-auto{margin-bottom:auto!important}.ml-sm-auto,.mx-sm-auto{margin-left:auto!important}}@media (min-width:768px){.m-md-0{margin:0!important}.mt-md-0,.my-md-0{margin-top:0!important}.mr-md-0,.mx-md-0{margin-right:0!important}.mb-md-0,.my-md-0{margin-bottom:0!important}.ml-md-0,.mx-md-0{margin-left:0!important}.m-md-1{margin:.25rem!important}.mt-md-1,.my-md-1{margin-top:.25rem!important}.mr-md-1,.mx-md-1{margin-right:.25rem!important}.mb-md-1,.my-md-1{margin-bottom:.25rem!important}.ml-md-1,.mx-md-1{margin-left:.25rem!important}.m-md-2{margin:.5rem!important}.mt-md-2,.my-md-2{margin-top:.5rem!important}.mr-md-2,.mx-md-2{margin-right:.5rem!important}.mb-md-2,.my-md-2{margin-bottom:.5rem!important}.ml-md-2,.mx-md-2{margin-left:.5rem!important}.m-md-3{margin:1rem!important}.mt-md-3,.my-md-3{margin-top:1rem!important}.mr-md-3,.mx-md-3{margin-right:1rem!important}.mb-md-3,.my-md-3{margin-bottom:1rem!important}.ml-md-3,.mx-md-3{margin-left:1rem!important}.m-md-4{margin:1.5rem!important}.mt-md-4,.my-md-4{margin-top:1.5rem!important}.mr-md-4,.mx-md-4{margin-right:1.5rem!important}.mb-md-4,.my-md-4{margin-bottom:1.5rem!important}.ml-md-4,.mx-md-4{margin-left:1.5rem!important}.m-md-5{margin:3rem!important}.mt-md-5,.my-md-5{margin-top:3rem!important}.mr-md-5,.mx-md-5{margin-right:3rem!important}.mb-md-5,.my-md-5{margin-bottom:3rem!important}.ml-md-5,.mx-md-5{margin-left:3rem!important}.p-md-0{padding:0!important}.pt-md-0,.py-md-0{padding-top:0!important}.pr-md-0,.px-md-0{padding-right:0!important}.pb-md-0,.py-md-0{padding-bottom:0!important}.pl-md-0,.px-md-0{padding-left:0!important}.p-md-1{padding:.25rem!important}.pt-md-1,.py-md-1{padding-top:.25rem!important}.pr-md-1,.px-md-1{padding-right:.25rem!important}.pb-md-1,.py-md-1{padding-bottom:.25rem!important}.pl-md-1,.px-md-1{padding-left:.25rem!important}.p-md-2{padding:.5rem!important}.pt-md-2,.py-md-2{padding-top:.5rem!important}.pr-md-2,.px-md-2{padding-right:.5rem!important}.pb-md-2,.py-md-2{padding-bottom:.5rem!important}.pl-md-2,.px-md-2{padding-left:.5rem!important}.p-md-3{padding:1rem!important}.pt-md-3,.py-md-3{padding-top:1rem!important}.pr-md-3,.px-md-3{padding-right:1rem!important}.pb-md-3,.py-md-3{padding-bottom:1rem!important}.pl-md-3,.px-md-3{padding-left:1rem!important}.p-md-4{padding:1.5rem!important}.pt-md-4,.py-md-4{padding-top:1.5rem!important}.pr-md-4,.px-md-4{padding-right:1.5rem!important}.pb-md-4,.py-md-4{padding-bottom:1.5rem!important}.pl-md-4,.px-md-4{padding-left:1.5rem!important}.p-md-5{padding:3rem!important}.pt-md-5,.py-md-5{padding-top:3rem!important}.pr-md-5,.px-md-5{padding-right:3rem!important}.pb-md-5,.py-md-5{padding-bottom:3rem!important}.pl-md-5,.px-md-5{padding-left:3rem!important}.m-md-n1{margin:-.25rem!important}.mt-md-n1,.my-md-n1{margin-top:-.25rem!important}.mr-md-n1,.mx-md-n1{margin-right:-.25rem!important}.mb-md-n1,.my-md-n1{margin-bottom:-.25rem!important}.ml-md-n1,.mx-md-n1{margin-left:-.25rem!important}.m-md-n2{margin:-.5rem!important}.mt-md-n2,.my-md-n2{margin-top:-.5rem!important}.mr-md-n2,.mx-md-n2{margin-right:-.5rem!important}.mb-md-n2,.my-md-n2{margin-bottom:-.5rem!important}.ml-md-n2,.mx-md-n2{margin-left:-.5rem!important}.m-md-n3{margin:-1rem!important}.mt-md-n3,.my-md-n3{margin-top:-1rem!important}.mr-md-n3,.mx-md-n3{margin-right:-1rem!important}.mb-md-n3,.my-md-n3{margin-bottom:-1rem!important}.ml-md-n3,.mx-md-n3{margin-left:-1rem!important}.m-md-n4{margin:-1.5rem!important}.mt-md-n4,.my-md-n4{margin-top:-1.5rem!important}.mr-md-n4,.mx-md-n4{margin-right:-1.5rem!important}.mb-md-n4,.my-md-n4{margin-bottom:-1.5rem!important}.ml-md-n4,.mx-md-n4{margin-left:-1.5rem!important}.m-md-n5{margin:-3rem!important}.mt-md-n5,.my-md-n5{margin-top:-3rem!important}.mr-md-n5,.mx-md-n5{margin-right:-3rem!important}.mb-md-n5,.my-md-n5{margin-bottom:-3rem!important}.ml-md-n5,.mx-md-n5{margin-left:-3rem!important}.m-md-auto{margin:auto!important}.mt-md-auto,.my-md-auto{margin-top:auto!important}.mr-md-auto,.mx-md-auto{margin-right:auto!important}.mb-md-auto,.my-md-auto{margin-bottom:auto!important}.ml-md-auto,.mx-md-auto{margin-left:auto!important}}@media (min-width:992px){.m-lg-0{margin:0!important}.mt-lg-0,.my-lg-0{margin-top:0!important}.mr-lg-0,.mx-lg-0{margin-right:0!important}.mb-lg-0,.my-lg-0{margin-bottom:0!important}.ml-lg-0,.mx-lg-0{margin-left:0!important}.m-lg-1{margin:.25rem!important}.mt-lg-1,.my-lg-1{margin-top:.25rem!important}.mr-lg-1,.mx-lg-1{margin-right:.25rem!important}.mb-lg-1,.my-lg-1{margin-bottom:.25rem!important}.ml-lg-1,.mx-lg-1{margin-left:.25rem!important}.m-lg-2{margin:.5rem!important}.mt-lg-2,.my-lg-2{margin-top:.5rem!important}.mr-lg-2,.mx-lg-2{margin-right:.5rem!important}.mb-lg-2,.my-lg-2{margin-bottom:.5rem!important}.ml-lg-2,.mx-lg-2{margin-left:.5rem!important}.m-lg-3{margin:1rem!important}.mt-lg-3,.my-lg-3{margin-top:1rem!important}.mr-lg-3,.mx-lg-3{margin-right:1rem!important}.mb-lg-3,.my-lg-3{margin-bottom:1rem!important}.ml-lg-3,.mx-lg-3{margin-left:1rem!important}.m-lg-4{margin:1.5rem!important}.mt-lg-4,.my-lg-4{margin-top:1.5rem!important}.mr-lg-4,.mx-lg-4{margin-right:1.5rem!important}.mb-lg-4,.my-lg-4{margin-bottom:1.5rem!important}.ml-lg-4,.mx-lg-4{margin-left:1.5rem!important}.m-lg-5{margin:3rem!important}.mt-lg-5,.my-lg-5{margin-top:3rem!important}.mr-lg-5,.mx-lg-5{margin-right:3rem!important}.mb-lg-5,.my-lg-5{margin-bottom:3rem!important}.ml-lg-5,.mx-lg-5{margin-left:3rem!important}.p-lg-0{padding:0!important}.pt-lg-0,.py-lg-0{padding-top:0!important}.pr-lg-0,.px-lg-0{padding-right:0!important}.pb-lg-0,.py-lg-0{padding-bottom:0!important}.pl-lg-0,.px-lg-0{padding-left:0!important}.p-lg-1{padding:.25rem!important}.pt-lg-1,.py-lg-1{padding-top:.25rem!important}.pr-lg-1,.px-lg-1{padding-right:.25rem!important}.pb-lg-1,.py-lg-1{padding-bottom:.25rem!important}.pl-lg-1,.px-lg-1{padding-left:.25rem!important}.p-lg-2{padding:.5rem!important}.pt-lg-2,.py-lg-2{padding-top:.5rem!important}.pr-lg-2,.px-lg-2{padding-right:.5rem!important}.pb-lg-2,.py-lg-2{padding-bottom:.5rem!important}.pl-lg-2,.px-lg-2{padding-left:.5rem!important}.p-lg-3{padding:1rem!important}.pt-lg-3,.py-lg-3{padding-top:1rem!important}.pr-lg-3,.px-lg-3{padding-right:1rem!important}.pb-lg-3,.py-lg-3{padding-bottom:1rem!important}.pl-lg-3,.px-lg-3{padding-left:1rem!important}.p-lg-4{padding:1.5rem!important}.pt-lg-4,.py-lg-4{padding-top:1.5rem!important}.pr-lg-4,.px-lg-4{padding-right:1.5rem!important}.pb-lg-4,.py-lg-4{padding-bottom:1.5rem!important}.pl-lg-4,.px-lg-4{padding-left:1.5rem!important}.p-lg-5{padding:3rem!important}.pt-lg-5,.py-lg-5{padding-top:3rem!important}.pr-lg-5,.px-lg-5{padding-right:3rem!important}.pb-lg-5,.py-lg-5{padding-bottom:3rem!important}.pl-lg-5,.px-lg-5{padding-left:3rem!important}.m-lg-n1{margin:-.25rem!important}.mt-lg-n1,.my-lg-n1{margin-top:-.25rem!important}.mr-lg-n1,.mx-lg-n1{margin-right:-.25rem!important}.mb-lg-n1,.my-lg-n1{margin-bottom:-.25rem!important}.ml-lg-n1,.mx-lg-n1{margin-left:-.25rem!important}.m-lg-n2{margin:-.5rem!important}.mt-lg-n2,.my-lg-n2{margin-top:-.5rem!important}.mr-lg-n2,.mx-lg-n2{margin-right:-.5rem!important}.mb-lg-n2,.my-lg-n2{margin-bottom:-.5rem!important}.ml-lg-n2,.mx-lg-n2{margin-left:-.5rem!important}
52.m-lg-n3{margin:-1rem!important}.mt-lg-n3,.my-lg-n3{margin-top:-1rem!important}.mr-lg-n3,.mx-lg-n3{margin-right:-1rem!important}.mb-lg-n3,.my-lg-n3{margin-bottom:-1rem!important}.ml-lg-n3,.mx-lg-n3{margin-left:-1rem!important}.m-lg-n4{margin:-1.5rem!important}.mt-lg-n4,.my-lg-n4{margin-top:-1.5rem!important}.mr-lg-n4,.mx-lg-n4{margin-right:-1.5rem!important}.mb-lg-n4,.my-lg-n4{margin-bottom:-1.5rem!important}.ml-lg-n4,.mx-lg-n4{margin-left:-1.5rem!important}.m-lg-n5{margin:-3rem!important}.mt-lg-n5,.my-lg-n5{margin-top:-3rem!important}.mr-lg-n5,.mx-lg-n5{margin-right:-3rem!important}.mb-lg-n5,.my-lg-n5{margin-bottom:-3rem!important}.ml-lg-n5,.mx-lg-n5{margin-left:-3rem!important}.m-lg-auto{margin:auto!important}.mt-lg-auto,.my-lg-auto{margin-top:auto!important}.mr-lg-auto,.mx-lg-auto{margin-right:auto!important}.mb-lg-auto,.my-lg-auto{margin-bottom:auto!important}.ml-lg-auto,.mx-lg-auto{margin-left:auto!important}}@media (min-width:1200px){.m-xl-0{margin:0!important}.mt-xl-0,.my-xl-0{margin-top:0!important}.mr-xl-0,.mx-xl-0{margin-right:0!important}.mb-xl-0,.my-xl-0{margin-bottom:0!important}.ml-xl-0,.mx-xl-0{margin-left:0!important}.m-xl-1{margin:.25rem!important}.mt-xl-1,.my-xl-1{margin-top:.25rem!important}
52.mr-xl-1,.mx-xl-1{margin-right:.25rem!important}.mb-xl-1,.my-xl-1{margin-bottom:.25rem!important}.ml-xl-1,.mx-xl-1{margin-left:.25rem!important}.m-xl-2{margin:.5rem!important}.mt-xl-2,.my-xl-2{margin-top:.5rem!important}.mr-xl-2,.mx-xl-2{margin-right:.5rem!important}.mb-xl-2,.my-xl-2{margin-bottom:.5rem!important}.ml-xl-2,.mx-xl-2{margin-left:.5rem!important}.m-xl-3{margin:1rem!important}.mt-xl-3,.my-xl-3{margin-top:1rem!important}.mr-xl-3,.mx-xl-3{margin-right:1rem!important}.mb-xl-3,.my-xl-3{margin-bottom:1rem!important}.ml-xl-3,.mx-xl-3{margin-left:1rem!important}.m-xl-4{margin:1.5rem!important}.mt-xl-4,.my-xl-4{margin-top:1.5rem!important}.mr-xl-4,.mx-xl-4{margin-right:1.5rem!important}.mb-xl-4,.my-xl-4{margin-bottom:1.5rem!important}.ml-xl-4,.mx-xl-4{margin-left:1.5rem!important}.m-xl-5{margin:3rem!important}.mt-xl-5,.my-xl-5{margin-top:3rem!important}.mr-xl-5,.mx-xl-5{margin-right:3rem!important}.mb-xl-5,.my-xl-5{margin-bottom:3rem!important}.ml-xl-5,.mx-xl-5{margin-left:3rem!important}.p-xl-0{padding:0!important}.pt-xl-0,.py-xl-0{padding-top:0!important}.pr-xl-0,.px-xl-0{padding-right:0!important}.pb-xl-0,.py-xl-0{padding-bottom:0!important}.pl-xl-0,.px-xl-0{padding-left:0!important}.p-xl-1{padding:.25rem!important}.pt-xl-1,.py-xl-1{padding-top:.25rem!important}.pr-xl-1,.px-xl-1{padding-right:.25rem!important}.pb-xl-1,.py-xl-1{padding-bottom:.25rem!important}.pl-xl-1,.px-xl-1{padding-left:.25rem!important}.p-xl-2{padding:.5rem!important}.pt-xl-2,.py-xl-2{padding-top:.5rem!important}.pr-xl-2,.px-xl-2{padding-right:.5rem!important}.pb-xl-2,.py-xl-2{padding-bottom:.5rem!important}.pl-xl-2,.px-xl-2{padding-left:.5rem!important}.p-xl-3{padding:1rem!important}.pt-xl-3,.py-xl-3{padding-top:1rem!important}.pr-xl-3,.px-xl-3{padding-right:1rem!important}.pb-xl-3,.py-xl-3{padding-bottom:1rem!important}.pl-xl-3,.px-xl-3{padding-left:1rem!important}.p-xl-4{padding:1.5rem!important}.pt-xl-4,.py-xl-4{padding-top:1.5rem!important}.pr-xl-4,.px-xl-4{padding-right:1.5rem!important}.pb-xl-4,.py-xl-4{padding-bottom:1.5rem!important}.pl-xl-4,.px-xl-4{padding-left:1.5rem!important}.p-xl-5{padding:3rem!important}.pt-xl-5,.py-xl-5{padding-top:3rem!important}.pr-xl-5,.px-xl-5{padding-right:3rem!important}.pb-xl-5,.py-xl-5{padding-bottom:3rem!important}.pl-xl-5,.px-xl-5{padding-left:3rem!important}.m-xl-n1{margin:-.25rem!important}.mt-xl-n1,.my-xl-n1{margin-top:-.25rem!important}
52.mr-xl-n1,.mx-xl-n1{margin-right:-.25rem!important}.mb-xl-n1,.my-xl-n1{margin-bottom:-.25rem!important}.ml-xl-n1,.mx-xl-n1{margin-left:-.25rem!important}.m-xl-n2{margin:-.5rem!important}.mt-xl-n2,.my-xl-n2{margin-top:-.5rem!important}.mr-xl-n2,.mx-xl-n2{margin-right:-.5rem!important}.mb-xl-n2,.my-xl-n2{margin-bottom:-.5rem!important}.ml-xl-n2,.mx-xl-n2{margin-left:-.5rem!important}.m-xl-n3{margin:-1rem!important}.mt-xl-n3,.my-xl-n3{margin-top:-1rem!important}.mr-xl-n3,.mx-xl-n3{margin-right:-1rem!important}.mb-xl-n3,.my-xl-n3{margin-bottom:-1rem!important}.ml-xl-n3,.mx-xl-n3{margin-left:-1rem!important}.m-xl-n4{margin:-1.5rem!important}.mt-xl-n4,.my-xl-n4{margin-top:-1.5rem!important}.mr-xl-n4,.mx-xl-n4{margin-right:-1.5rem!important}.mb-xl-n4,.my-xl-n4{margin-bottom:-1.5rem!important}.ml-xl-n4,.mx-xl-n4{margin-left:-1.5rem!important}.m-xl-n5{margin:-3rem!important}.mt-xl-n5,.my-xl-n5{margin-top:-3rem!important}.mr-xl-n5,.mx-xl-n5{margin-right:-3rem!important}.mb-xl-n5,.my-xl-n5{margin-bottom:-3rem!important}.ml-xl-n5,.mx-xl-n5{margin-left:-3rem!important}.m-xl-auto{margin:auto!important}.mt-xl-auto,.my-xl-auto{margin-top:auto!important}
52.mr-xl-auto,.mx-xl-auto{margin-right:auto!important}.mb-xl-auto,.my-xl-auto{margin-bottom:auto!important}.ml-xl-auto,.mx-xl-auto{margin-left:auto!important}}.stretched-link::after{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:auto;content:"";background-color:rgba(0,0,0,0)}.text-monospace{font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace!important}.text-justify{text-align:justify!important}.text-wrap{white-space:normal!important}.text-nowrap{white-space:nowrap!important}.text-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.text-left{text-align:left!important}.text-right{text-align:right!important}.text-center{text-align:center!important}@media (min-width:576px){.text-sm-left{text-align:left!important}.text-sm-right{text-align:right!important}.text-sm-center{text-align:center!important}}@media (min-width:768px){.text-md-left{text-align:left!important}.text-md-right{text-align:right!important}.text-md-center{text-align:center!important}}@media (min-width:992px){.text-lg-left{text-align:left!important}.text-lg-right{text-align:right!important}.text-lg-center{text-align:center!important}}@media (min-width:1200px){.text-xl-left{text-align:left!important}.text-xl-right{text-align:right!important}
52.text-xl-center{text-align:center!important}}.text-lowercase{text-transform:lowercase!important}.text-uppercase{text-transform:uppercase!important}.text-capitalize{text-transform:capitalize!important}.font-weight-light{font-weight:300!important}.font-weight-lighter{font-weight:lighter!important}.font-weight-normal{font-weight:400!important}.font-weight-bold{font-weight:700!important}.font-weight-bolder{font-weight:bolder!important}.font-italic{font-style:italic!important}.text-white{color:#fff!important}.text-primary{color:#007bff!important}a.text-primary:focus,a.text-primary:hover{color:#0056b3!important}.text-secondary{color:#6c757d!important}a.text-secondary:focus,a.text-secondary:hover{color:#494f54!important}.text-success{color:#28a745!important}a.text-success:focus,a.text-success:hover{color:#19692c!important}.text-info{color:#17a2b8!important}a.text-info:focus,a.text-info:hover{color:#0f6674!important}.text-warning{color:#ffc107!important}a.text-warning:focus,a.text-warning:hover{color:#ba8b00!important}.text-danger{color:#dc3545!important}a.text-danger:focus,a.text-danger:hover{color:#a71d2a!important}.text-light{color:#f8f9fa!important}a.text-light:focus,a.text-light:hover{color:#cbd3da!important}.text-dark{color:#343a40!important}a.text-dark:focus,a.text-dark:hover{color:#121416!important}.text-body{color:#212529!important}.text-muted{color:#6c757d!important}.text-black-50{color:rgba(0,0,0,.5)!important}.text-white-50{color:rgba(255,255,255,.5)!important}.text-hide{font:0/0 a;color:transparent;text-shadow:none;background-color:transparent;border:0}.text-decoration-none{text-decoration:none!important}.text-break{word-break:break-word!important;word-wrap:break-word!important}.text-reset{color:inherit!important}.visible{visibility:visible!important}.invisible{visibility:hidden!important}@media print{*,::after,::before{text-shadow:none!important;box-shadow:none!important}a:not(.btn){text-decoration:underline}abbr[title]::after{content:" (" attr(title) ")"}pre{white-space:pre-wrap!important}blockquote,pre{border:1px solid #adb5bd;page-break-inside:avoid}thead{display:table-header-group}img,tr{page-break-inside:avoid}h2,h3,p{orphans:3;widows:3}h2,h3{page-break-after:avoid}@page{size:a3}body{min-width:992px!important}.container{min-width:992px!important}.navbar{display:none}.badge{border:1px solid #000}.table{border-collapse:collapse!important}.table td,.table th{background-color:#fff!important}.table-bordered td,.table-bordered th{border:1px solid #dee2e6!important}.table-dark{color:inherit}.table-dark tbody+tbody,.table-dark td,.table-dark th,.table-dark thead th{border-color:#dee2e6}.table .thead-dark th{color:inherit;border-color:#dee2e6}} 53 54 /*! 55 * Font Awesome Pro 5.5.0 by @fontawesome - https://fontawesome.com 56 * License - https://fontawesome.com/license (Commercial License) 57 */ 58.fa,.fab,.fal,.far,.fas{-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;display:inline-block;font-style:normal;font-variant:normal;text-rendering:auto;line-height:1}.fa-lg{font-size:1.33333em;line-height:.75em;vertical-align:-.0667em}.fa-xs{font-size:.75em}.fa-sm{font-size:.875em}.fa-1x{font-size:1em}.fa-2x{font-size:2em}.fa-3x{font-size:3em}.fa-4x{font-size:4em}.fa-5x{font-size:5em}.fa-6x{font-size:6em}.fa-7x{font-size:7em}.fa-8x{font-size:8em}.fa-9x{font-size:9em}.fa-10x{font-size:10em}.fa-fw{text-align:center;width:1.25em}.fa-ul{list-style-type:none;margin-left:2.5em;padding-left:0}.fa-ul>li{position:relative}.fa-li{left:-2em;position:absolute;text-align:center;width:2em;line-height:inherit}.fa-border{border:.08em solid #eee;border-radius:.1em;padding:.2em .25em .15em}.fa-pull-left{float:left}.fa-pull-right{float:right}.fa.fa-pull-left,.fab.fa-pull-left,.fal.fa-pull-left,.far.fa-pull-left,.fas.fa-pull-left{margin-right:.3em}.fa.fa-pull-right,.fab.fa-pull-right,.fal.fa-pull-right,.far.fa-pull-right,.fas.fa-pull-right{margin-left:.3em}.fa-spin{animation:fa-spin 2s infinite linear}.fa-pulse{animation:fa-spin 1s infinite steps(8)}@keyframes fa-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.fa-rotate-90{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";transform:rotate(90deg)}.fa-rotate-180{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";transform:rotate(180deg)}
58.fa-rotate-270{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";transform:rotate(270deg)}.fa-flip-horizontal{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";transform:scaleX(-1)}.fa-flip-vertical{transform:scaleY(-1)}.fa-flip-horizontal.fa-flip-vertical,.fa-flip-vertical{-ms-filter:"progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)"}.fa-flip-horizontal.fa-flip-vertical{transform:scale(-1)}:root .fa-flip-horizontal,:root .fa-flip-vertical,:root .fa-rotate-90,:root .fa-rotate-180,:root .fa-rotate-270{-webkit-filter:none;filter:none}.fa-stack{display:inline-block;height:2em;line-height:2em;position:relative;vertical-align:middle;width:2.5em}.fa-stack-1x,.fa-stack-2x{left:0;position:absolute;text-align:center;width:100%}.fa-stack-1x{line-height:inherit}.fa-stack-2x{font-size:2em}.fa-inverse{color:#fff}.fa-500px:before{content:"\f26e"}.fa-abacus:before{content:"\f640"}.fa-accessible-icon:before{content:"\f368"}.fa-accusoft:before{content:"\f369"}.fa-acorn:before{content:"\f6ae"}.fa-acquisitions-incorporated:before{content:"\f6af"}.fa-ad:before{content:"\f641"}.fa-address-book:before{content:"\f2b9"}.fa-address-card:before{content:"\f2bb"}.fa-adjust:before{content:"\f042"}.fa-adn:before{content:"\f170"}.fa-adversal:before{content:"\f36a"}.fa-affiliatetheme:before{content:"\f36b"}.fa-air-freshener:before{content:"\f5d0"}.fa-alarm-clock:before{content:"\f34e"}.fa-algolia:before{content:"\f36c"}.fa-alicorn:before{content:"\f6b0"}.fa-align-center:before{content:"\f037"}.fa-align-justify:before{content:"\f039"}.fa-align-left:before{content:"\f036"}.fa-align-right:before{content:"\f038"}.fa-alipay:before{content:"\f642"}.fa-allergies:before{content:"\f461"}.fa-amazon:before{content:"\f270"}.fa-amazon-pay:before{content:"\f42c"}.fa-ambulance:before{content:"\f0f9"}.fa-american-sign-language-interpreting:before{content:"\f2a3"}.fa-amilia:before{content:"\f36d"}.fa-analytics:before{content:"\f643"}.fa-anchor:before{content:"\f13d"}.fa-android:before{content:"\f17b"}.fa-angellist:before{content:"\f209"}.fa-angle-double-down:before{content:"\f103"}.fa-angle-double-left:before{content:"\f100"}.fa-angle-double-right:before{content:"\f101"}.fa-angle-double-up:before{content:"\f102"}.fa-angle-down:before{content:"\f107"}.fa-angle-left:before{content:"\f104"}.fa-angle-right:before{content:"\f105"}.fa-angle-up:before{content:"\f106"}.fa-angry:before{content:"\f556"}.fa-angrycreative:before{content:"\f36e"}.fa-angular:before{content:"\f420"}.fa-ankh:before{content:"\f644"}.fa-app-store:before{content:"\f36f"}.fa-app-store-ios:before{content:"\f370"}.fa-apper:before{content:"\f371"}.fa-apple:before{content:"\f179"}.fa-apple-alt:before{content:"\f5d1"}.fa-apple-crate:before{content:"\f6b1"}.fa-apple-pay:before{content:"\f415"}.fa-archive:before{content:"\f187"}.fa-archway:before{content:"\f557"}.fa-arrow-alt-circle-down:before{content:"\f358"}.fa-arrow-alt-circle-left:before{content:"\f359"}.fa-arrow-alt-circle-right:before{content:"\f35a"}.fa-arrow-alt-circle-up:before{content:"\f35b"}.fa-arrow-alt-down:before{content:"\f354"}.fa-arrow-alt-from-bottom:before{content:"\f346"}.fa-arrow-alt-from-left:before{content:"\f347"}.fa-arrow-alt-from-right:before{content:"\f348"}.fa-arrow-alt-from-top:before{content:"\f349"}.fa-arrow-alt-left:before{content:"\f355"}.fa-arrow-alt-right:before{content:"\f356"}.fa-arrow-alt-square-down:before{content:"\f350"}.fa-arrow-alt-square-left:before{content:"\f351"}.fa-arrow-alt-square-right:before{content:"\f352"}.fa-arrow-alt-square-up:before{content:"\f353"}.fa-arrow-alt-to-bottom:before{content:"\f34a"}.fa-arrow-alt-to-left:before{content:"\f34b"}.fa-arrow-alt-to-right:before{content:"\f34c"}.fa-arrow-alt-to-top:before{content:"\f34d"}.fa-arrow-alt-up:before{content:"\f357"}.fa-arrow-circle-down:before{content:"\f0ab"}.fa-arrow-circle-left:before{content:"\f0a8"}.fa-arrow-circle-right:before{content:"\f0a9"}.fa-arrow-circle-up:before{content:"\f0aa"}.fa-arrow-down:before{content:"\f063"}.fa-arrow-from-bottom:before{content:"\f342"}.fa-arrow-from-left:before{content:"\f343"}.fa-arrow-from-right:before{content:"\f344"}.fa-arrow-from-top:before{content:"\f345"}.fa-arrow-left:before{content:"\f060"}.fa-arrow-right:before{content:"\f061"}.fa-arrow-square-down:before{content:"\f339"}.fa-arrow-square-left:before{content:"\f33a"}.fa-arrow-square-right:before{content:"\f33b"}.fa-arrow-square-up:before{content:"\f33c"}.fa-arrow-to-bottom:before{content:"\f33d"}.fa-arrow-to-left:before{content:"\f33e"}.fa-arrow-to-right:before{content:"\f340"}.fa-arrow-to-top:before{content:"\f341"}.fa-arrow-up:before{content:"\f062"}.fa-arrows:before{content:"\f047"}.fa-arrows-alt:before{content:"\f0b2"}.fa-arrows-alt-h:before{content:"\f337"}.fa-arrows-alt-v:before{content:"\f338"}.fa-arrows-h:before{content:"\f07e"}.fa-arrows-v:before{content:"\f07d"}.fa-assistive-listening-systems:before{content:"\f2a2"}.fa-asterisk:before{content:"\f069"}.fa-asymmetrik:before{content:"\f372"}.fa-at:before{content:"\f1fa"}.fa-atlas:before{content:"\f558"}.fa-atom:before{content:"\f5d2"}.fa-atom-alt:before{content:"\f5d3"}.fa-audible:before{content:"\f373"}.fa-audio-description:before{content:"\f29e"}.fa-autoprefixer:before{content:"\f41c"}.fa-avianex:before{content:"\f374"}.fa-aviato:before{content:"\f421"}.fa-award:before{content:"\f559"}.fa-aws:before{content:"\f375"}.fa-axe:before{content:"\f6b2"}.fa-axe-battle:before{content:"\f6b3"}.fa-backpack:before{content:"\f5d4"}.fa-backspace:before{content:"\f55a"}.fa-backward:before{content:"\f04a"}.fa-badge:before{content:"\f335"}.fa-badge-check:before{content:"\f336"}.fa-badge-dollar:before{content:"\f645"}.fa-badge-percent:before{content:"\f646"}.fa-badger-honey:before{content:"\f6b4"}.fa-balance-scale:before{content:"\f24e"}.fa-balance-scale-left:before{content:"\f515"}.fa-balance-scale-right:before{content:"\f516"}.fa-ballot:before{content:"\f732"}.fa-ballot-check:before{content:"\f733"}.fa-ban:before{content:"\f05e"}.fa-band-aid:before{content:"\f462"}.fa-bandcamp:before{content:"\f2d5"}.fa-barcode:before{content:"\f02a"}.fa-barcode-alt:before{content:"\f463"}.fa-barcode-read:before{content:"\f464"}.fa-barcode-scan:before{content:"\f465"}.fa-bars:before{content:"\f0c9"}.fa-baseball:before{content:"\f432"}.fa-baseball-ball:before{content:"\f433"}.fa-basketball-ball:before{content:"\f434"}.fa-basketball-hoop:before{content:"\f435"}.fa-bat:before{content:"\f6b5"}.fa-bath:before{content:"\f2cd"}.fa-battery-bolt:before{content:"\f376"}.fa-battery-empty:before{content:"\f244"}.fa-battery-full:before{content:"\f240"}.fa-battery-half:before{content:"\f242"}.fa-battery-quarter:before{content:"\f243"}.fa-battery-slash:before{content:"\f377"}.fa-battery-three-quarters:before{content:"\f241"}.fa-bed:before{content:"\f236"}.fa-beer:before{content:"\f0fc"}.fa-behance:before{content:"\f1b4"}.fa-behance-square:before{content:"\f1b5"}.fa-bell:before{content:"\f0f3"}.fa-bell-school:before{content:"\f5d5"}.fa-bell-school-slash:before{content:"\f5d6"}.fa-bell-slash:before{content:"\f1f6"}.fa-bezier-curve:before{content:"\f55b"}.fa-bible:before{content:"\f647"}.fa-bicycle:before{content:"\f206"}.fa-bimobject:before{content:"\f378"}.fa-binoculars:before{content:"\f1e5"}.fa-birthday-cake:before{content:"\f1fd"}.fa-bitbucket:before{content:"\f171"}.fa-bitcoin:before{content:"\f379"}.fa-bity:before{content:"\f37a"}.fa-black-tie:before{content:"\f27e"}.fa-blackberry:before{content:"\f37b"}.fa-blanket:before{content:"\f498"}.fa-blender:before{content:"\f517"}.fa-blender-phone:before{content:"\f6b6"}.fa-blind:before{content:"\f29d"}.fa-blogger:before{content:"\f37c"}.fa-blogger-b:before{content:"\f37d"}.fa-bluetooth:before{content:"\f293"}.fa-bluetooth-b:before{content:"\f294"}.fa-bold:before{content:"\f032"}.fa-bolt:before{content:"\f0e7"}.fa-bomb:before{content:"\f1e2"}.fa-bone:before{content:"\f5d7"}.fa-bone-break:before{content:"\f5d8"}.fa-bong:before{content:"\f55c"}.fa-book:before{content:"\f02d"}.fa-book-alt:before{content:"\f5d9"}.fa-book-dead:before{content:"\f6b7"}.fa-book-heart:before{content:"\f499"}.fa-book-open:before{content:"\f518"}.fa-book-reader:before{content:"\f5da"}.fa-book-spells:before{content:"\f6b8"}.fa-bookmark:before{content:"\f02e"}.fa-books:before{content:"\f5db"}.fa-booth-curtain:before{content:"\f734"}.fa-bow-arrow:before{content:"\f6b9"}.fa-bowling-ball:before{content:"\f436"}.fa-bowling-pins:before{content:"\f437"}.fa-box:before{content:"\f466"}.fa-box-alt:before{content:"\f49a"}.fa-box-ballot:before{content:"\f735"}.fa-box-check:before{content:"\f467"}.fa-box-fragile:before{content:"\f49b"}.fa-box-full:before{content:"\f49c"}.fa-box-heart:before{content:"\f49d"}.fa-box-open:before{content:"\f49e"}.fa-box-up:before{content:"\f49f"}.fa-box-usd:before{content:"\f4a0"}.fa-boxes:before{content:"\f468"}.fa-boxes-alt:before{content:"\f4a1"}.fa-boxing-glove:before{content:"\f438"}.fa-braille:before{content:"\f2a1"}.fa-brain:before{content:"\f5dc"}.fa-briefcase:before{content:"\f0b1"}.fa-briefcase-medical:before{content:"\f469"}.fa-broadcast-tower:before{content:"\f519"}.fa-broom:before{content:"\f51a"}.fa-browser:before{content:"\f37e"}.fa-brush:before{content:"\f55d"}.fa-btc:before{content:"\f15a"}.fa-bug:before{content:"\f188"}.fa-building:before{content:"\f1ad"}.fa-bullhorn:before{content:"\f0a1"}.fa-bullseye:before{content:"\f140"}.fa-bullseye-arrow:before{content:"\f648"}.fa-bullseye-pointer:before{content:"\f649"}.fa-burn:before{content:"\f46a"}.fa-buromobelexperte:before{content:"\f37f"}.fa-bus:before{content:"\f207"}.fa-bus-alt:before{content:"\f55e"}
58.fa-bus-school:before{content:"\f5dd"}.fa-business-time:before{content:"\f64a"}.fa-buysellads:before{content:"\f20d"}.fa-cabinet-filing:before{content:"\f64b"}.fa-calculator:before{content:"\f1ec"}.fa-calculator-alt:before{content:"\f64c"}.fa-calendar:before{content:"\f133"}.fa-calendar-alt:before{content:"\f073"}.fa-calendar-check:before{content:"\f274"}.fa-calendar-edit:before{content:"\f333"}.fa-calendar-exclamation:before{content:"\f334"}.fa-calendar-minus:before{content:"\f272"}.fa-calendar-plus:before{content:"\f271"}.fa-calendar-star:before{content:"\f736"}.fa-calendar-times:before{content:"\f273"}.fa-camera:before{content:"\f030"}.fa-camera-alt:before{content:"\f332"}.fa-camera-retro:before{content:"\f083"}.fa-campfire:before{content:"\f6ba"}.fa-campground:before{content:"\f6bb"}.fa-candle-holder:before{content:"\f6bc"}.fa-candy-corn:before{content:"\f6bd"}.fa-cannabis:before{content:"\f55f"}.fa-capsules:before{content:"\f46b"}.fa-car:before{content:"\f1b9"}.fa-car-alt:before{content:"\f5de"}.fa-car-battery:before{content:"\f5df"}.fa-car-bump:before{content:"\f5e0"}.fa-car-crash:before{content:"\f5e1"}.fa-car-garage:before{content:"\f5e2"}.fa-car-mechanic:before{content:"\f5e3"}.fa-car-side:before{content:"\f5e4"}.fa-car-tilt:before{content:"\f5e5"}.fa-car-wash:before{content:"\f5e6"}.fa-caret-circle-down:before{content:"\f32d"}.fa-caret-circle-left:before{content:"\f32e"}.fa-caret-circle-right:before{content:"\f330"}.fa-caret-circle-up:before{content:"\f331"}.fa-caret-down:before{content:"\f0d7"}.fa-caret-left:before{content:"\f0d9"}.fa-caret-right:before{content:"\f0da"}.fa-caret-square-down:before{content:"\f150"}.fa-caret-square-left:before{content:"\f191"}.fa-caret-square-right:before{content:"\f152"}.fa-caret-square-up:before{content:"\f151"}.fa-caret-up:before{content:"\f0d8"}.fa-cart-arrow-down:before{content:"\f218"}.fa-cart-plus:before{content:"\f217"}.fa-cat:before{content:"\f6be"}.fa-cauldron:before{content:"\f6bf"}.fa-cc-amazon-pay:before{content:"\f42d"}.fa-cc-amex:before{content:"\f1f3"}.fa-cc-apple-pay:before{content:"\f416"}.fa-cc-diners-club:before{content:"\f24c"}.fa-cc-discover:before{content:"\f1f2"}.fa-cc-jcb:before{content:"\f24b"}.fa-cc-mastercard:before{content:"\f1f1"}.fa-cc-paypal:before{content:"\f1f4"}.fa-cc-stripe:before{content:"\f1f5"}.fa-cc-visa:before{content:"\f1f0"}.fa-centercode:before{content:"\f380"}.fa-certificate:before{content:"\f0a3"}.fa-chair:before{content:"\f6c0"}.fa-chair-office:before{content:"\f6c1"}.fa-chalkboard:before{content:"\f51b"}.fa-chalkboard-teacher:before{content:"\f51c"}.fa-charging-station:before{content:"\f5e7"}.fa-chart-area:before{content:"\f1fe"}.fa-chart-bar:before{content:"\f080"}.fa-chart-line:before{content:"\f201"}.fa-chart-line-down:before{content:"\f64d"}.fa-chart-pie:before{content:"\f200"}.fa-chart-pie-alt:before{content:"\f64e"}.fa-check:before{content:"\f00c"}.fa-check-circle:before{content:"\f058"}.fa-check-double:before{content:"\f560"}.fa-check-square:before{content:"\f14a"}.fa-chess:before{content:"\f439"}.fa-chess-bishop:before{content:"\f43a"}.fa-chess-bishop-alt:before{content:"\f43b"}.fa-chess-board:before{content:"\f43c"}.fa-chess-clock:before{content:"\f43d"}.fa-chess-clock-alt:before{content:"\f43e"}.fa-chess-king:before{content:"\f43f"}.fa-chess-king-alt:before{content:"\f440"}.fa-chess-knight:before{content:"\f441"}.fa-chess-knight-alt:before{content:"\f442"}.fa-chess-pawn:before{content:"\f443"}.fa-chess-pawn-alt:before{content:"\f444"}.fa-chess-queen:before{content:"\f445"}.fa-chess-queen-alt:before{content:"\f446"}.fa-chess-rook:before{content:"\f447"}.fa-chess-rook-alt:before{content:"\f448"}.fa-chevron-circle-down:before{content:"\f13a"}.fa-chevron-circle-left:before{content:"\f137"}.fa-chevron-circle-right:before{content:"\f138"}.fa-chevron-circle-up:before{content:"\f139"}.fa-chevron-double-down:before{content:"\f322"}.fa-chevron-double-left:before{content:"\f323"}.fa-chevron-double-right:before{content:"\f324"}.fa-chevron-double-up:before{content:"\f325"}.fa-chevron-down:before{content:"\f078"}.fa-chevron-left:before{content:"\f053"}.fa-chevron-right:before{content:"\f054"}.fa-chevron-square-down:before{content:"\f329"}.fa-chevron-square-left:before{content:"\f32a"}.fa-chevron-square-right:before{content:"\f32b"}.fa-chevron-square-up:before{content:"\f32c"}.fa-chevron-up:before{content:"\f077"}.fa-child:before{content:"\f1ae"}.fa-chrome:before{content:"\f268"}.fa-church:before{content:"\f51d"}.fa-circle:before{content:"\f111"}.fa-circle-notch:before{content:"\f1ce"}.fa-city:before{content:"\f64f"}.fa-claw-marks:before{content:"\f6c2"}.fa-clipboard:before{content:"\f328"}.fa-clipboard-check:before{content:"\f46c"}.fa-clipboard-list:before{content:"\f46d"}.fa-clipboard-list-check:before{content:"\f737"}.fa-clipboard-prescription:before{content:"\f5e8"}.fa-clock:before{content:"\f017"}.fa-clone:before{content:"\f24d"}.fa-closed-captioning:before{content:"\f20a"}.fa-cloud:before{content:"\f0c2"}.fa-cloud-download:before{content:"\f0ed"}.fa-cloud-download-alt:before{content:"\f381"}.fa-cloud-drizzle:before{content:"\f738"}.fa-cloud-hail:before{content:"\f739"}.fa-cloud-hail-mixed:before{content:"\f73a"}.fa-cloud-meatball:before{content:"\f73b"}.fa-cloud-moon:before{content:"\f6c3"}.fa-cloud-moon-rain:before{content:"\f73c"}.fa-cloud-rain:before{content:"\f73d"}.fa-cloud-rainbow:before{content:"\f73e"}.fa-cloud-showers:before{content:"\f73f"}.fa-cloud-showers-heavy:before{content:"\f740"}.fa-cloud-sleet:before{content:"\f741"}.fa-cloud-snow:before{content:"\f742"}.fa-cloud-sun:before{content:"\f6c4"}.fa-cloud-sun-rain:before{content:"\f743"}.fa-cloud-upload:before{content:"\f0ee"}.fa-cloud-upload-alt:before{content:"\f382"}.fa-clouds:before{content:"\f744"}.fa-clouds-moon:before{content:"\f745"}.fa-clouds-sun:before{content:"\f746"}.fa-cloudscale:before{content:"\f383"}.fa-cloudsmith:before{content:"\f384"}.fa-cloudversify:before{content:"\f385"}.fa-club:before{content:"\f327"}.fa-cocktail:before{content:"\f561"}.fa-code:before{content:"\f121"}.fa-code-branch:before{content:"\f126"}.fa-code-commit:before{content:"\f386"}.fa-code-merge:before{content:"\f387"}.fa-codepen:before{content:"\f1cb"}.fa-codiepie:before{content:"\f284"}.fa-coffee:before{content:"\f0f4"}.fa-coffee-togo:before{content:"\f6c5"}.fa-coffin:before{content:"\f6c6"}.fa-cog:before{content:"\f013"}.fa-cogs:before{content:"\f085"}.fa-coins:before{content:"\f51e"}.fa-columns:before{content:"\f0db"}.fa-comment:before{content:"\f075"}.fa-comment-alt:before{content:"\f27a"}.fa-comment-alt-check:before{content:"\f4a2"}.fa-comment-alt-dollar:before{content:"\f650"}.fa-comment-alt-dots:before{content:"\f4a3"}.fa-comment-alt-edit:before{content:"\f4a4"}.fa-comment-alt-exclamation:before{content:"\f4a5"}.fa-comment-alt-lines:before{content:"\f4a6"}.fa-comment-alt-minus:before{content:"\f4a7"}.fa-comment-alt-plus:before{content:"\f4a8"}.fa-comment-alt-slash:before{content:"\f4a9"}.fa-comment-alt-smile:before{content:"\f4aa"}.fa-comment-alt-times:before{content:"\f4ab"}.fa-comment-check:before{content:"\f4ac"}.fa-comment-dollar:before{content:"\f651"}.fa-comment-dots:before{content:"\f4ad"}.fa-comment-edit:before{content:"\f4ae"}.fa-comment-exclamation:before{content:"\f4af"}.fa-comment-lines:before{content:"\f4b0"}.fa-comment-minus:before{content:"\f4b1"}.fa-comment-plus:before{content:"\f4b2"}.fa-comment-slash:before{content:"\f4b3"}.fa-comment-smile:before{content:"\f4b4"}.fa-comment-times:before{content:"\f4b5"}.fa-comments:before{content:"\f086"}.fa-comments-alt:before{content:"\f4b6"}.fa-comments-alt-dollar:before{content:"\f652"}.fa-comments-dollar:before{content:"\f653"}.fa-compact-disc:before{content:"\f51f"}.fa-compass:before{content:"\f14e"}.fa-compass-slash:before{content:"\f5e9"}.fa-compress:before{content:"\f066"}.fa-compress-alt:before{content:"\f422"}.fa-compress-wide:before{content:"\f326"}.fa-concierge-bell:before{content:"\f562"}.fa-connectdevelop:before{content:"\f20e"}.fa-container-storage:before{content:"\f4b7"}.fa-contao:before{content:"\f26d"}.fa-conveyor-belt:before{content:"\f46e"}.fa-conveyor-belt-alt:before{content:"\f46f"}.fa-cookie:before{content:"\f563"}.fa-cookie-bite:before{content:"\f564"}.fa-copy:before{content:"\f0c5"}.fa-copyright:before{content:"\f1f9"}.fa-corn:before{content:"\f6c7"}.fa-couch:before{content:"\f4b8"}.fa-cow:before{content:"\f6c8"}.fa-cpanel:before{content:"\f388"}.fa-creative-commons:before{content:"\f25e"}.fa-creative-commons-by:before{content:"\f4e7"}.fa-creative-commons-nc:before{content:"\f4e8"}.fa-creative-commons-nc-eu:before{content:"\f4e9"}.fa-creative-commons-nc-jp:before{content:"\f4ea"}.fa-creative-commons-nd:before{content:"\f4eb"}.fa-creative-commons-pd:before{content:"\f4ec"}.fa-creative-commons-pd-alt:before{content:"\f4ed"}.fa-creative-commons-remix:before{content:"\f4ee"}.fa-creative-commons-sa:before{content:"\f4ef"}.fa-creative-commons-sampling:before{content:"\f4f0"}.fa-creative-commons-sampling-plus:before{content:"\f4f1"}.fa-creative-commons-share:before{content:"\f4f2"}.fa-creative-commons-zero:before{content:"\f4f3"}.fa-credit-card:before{content:"\f09d"}.fa-credit-card-blank:before{content:"\f389"}.fa-credit-card-front:before{content:"\f38a"}.fa-cricket:before{content:"\f449"}.fa-critical-role:before{content:"\f6c9"}.fa-crop:before{content:"\f125"}.fa-crop-alt:before{content:"\f565"}.fa-cross:before{content:"\f654"}.fa-crosshairs:before{content:"\f05b"}.fa-crow:before{content:"\f520"}.fa-crown:before{content:"\f521"}.fa-css3:before{content:"\f13c"}.fa-css3-alt:before{content:"\f38b"}.fa-cube:before{content:"\f1b2"}.fa-cubes:before{content:"\f1b3"}.fa-curling:before{content:"\f44a"}.fa-cut:before{content:"\f0c4"}.fa-cuttlefish:before{content:"\f38c"}.fa-d-and-d:before{content:"\f38d"}.fa-d-and-d-beyond:before{content:"\f6ca"}.fa-dagger:before{content:"\f6cb"}.fa-dashcube:before{content:"\f210"}.fa-database:before{content:"\f1c0"}.fa-deaf:before{content:"\f2a4"}.fa-delicious:before{content:"\f1a5"}.fa-democrat:before{content:"\f747"}.fa-deploydog:before{content:"\f38e"}.fa-deskpro:before{content:"\f38f"}.fa-desktop:before{content:"\f108"}.fa-desktop-alt:before{content:"\f390"}.fa-dev:before{content:"\f6cc"}.fa-deviantart:before{content:"\f1bd"}.fa-dewpoint:before{content:"\f748"}.fa-dharmachakra:before{content:"\f655"}.fa-diagnoses:before{content:"\f470"}.fa-diamond:before{content:"\f219"}.fa-dice:before{content:"\f522"}.fa-dice-d10:before{content:"\f6cd"}.fa-dice-d12:before{content:"\f6ce"}.fa-dice-d20:before{content:"\f6cf"}.fa-dice-d4:before{content:"\f6d0"}.fa-dice-d6:before{content:"\f6d1"}.fa-dice-d8:before{content:"\f6d2"}.fa-dice-five:before{content:"\f523"}.fa-dice-four:before{content:"\f524"}.fa-dice-one:before{content:"\f525"}.fa-dice-six:before{content:"\f526"}.fa-dice-three:before{content:"\f527"}.fa-dice-two:before{content:"\f528"}.fa-digg:before{content:"\f1a6"}.fa-digital-ocean:before{content:"\f391"}.fa-digital-tachograph:before{content:"\f566"}.fa-diploma:before{content:"\f5ea"}.fa-directions:before{content:"\f5eb"}.fa-discord:before{content:"\f392"}.fa-discourse:before{content:"\f393"}.fa-divide:before{content:"\f529"}.fa-dizzy:before{content:"\f567"}.fa-dna:before{content:"\f471"}.fa-do-not-enter:before{content:"\f5ec"}.fa-dochub:before{content:"\f394"}.fa-docker:before{content:"\f395"}.fa-dog:before{content:"\f6d3"}.fa-dog-leashed:before{content:"\f6d4"}.fa-dollar-sign:before{content:"\f155"}.fa-dolly:before{content:"\f472"}.fa-dolly-empty:before{content:"\f473"}.fa-dolly-flatbed:before{content:"\f474"}.fa-dolly-flatbed-alt:before{content:"\f475"}.fa-dolly-flatbed-empty:before{content:"\f476"}.fa-donate:before{content:"\f4b9"}.fa-door-closed:before{content:"\f52a"}.fa-door-open:before{content:"\f52b"}.fa-dot-circle:before{content:"\f192"}.fa-dove:before{content:"\f4ba"}.fa-download:before{content:"\f019"}.fa-draft2digital:before{content:"\f396"}.fa-drafting-compass:before{content:"\f568"}.fa-dragon:before{content:"\f6d5"}.fa-draw-circle:before{content:"\f5ed"}.fa-draw-polygon:before{content:"\f5ee"}.fa-draw-square:before{content:"\f5ef"}.fa-dribbble:before{content:"\f17d"}.fa-dribbble-square:before{content:"\f397"}.fa-dropbox:before{content:"\f16b"}.fa-drum:before{content:"\f569"}.fa-drum-steelpan:before{content:"\f56a"}.fa-drumstick:before{content:"\f6d6"}.fa-drumstick-bite:before{content:"\f6d7"}.fa-drupal:before{content:"\f1a9"}.fa-duck:before{content:"\f6d8"}.fa-dumbbell:before{content:"\f44b"}.fa-dungeon:before{content:"\f6d9"}.fa-dyalog:before{content:"\f399"}.fa-ear:before{content:"\f5f0"}.fa-earlybirds:before{content:"\f39a"}.fa-ebay:before{content:"\f4f4"}.fa-eclipse:before{content:"\f749"}.fa-eclipse-alt:before{content:"\f74a"}.fa-edge:before{content:"\f282"}.fa-edit:before{content:"\f044"}.fa-eject:before{content:"\f052"}.fa-elementor:before{content:"\f430"}.fa-elephant:before{content:"\f6da"}.fa-ellipsis-h:before{content:"\f141"}.fa-ellipsis-h-alt:before{content:"\f39b"}.fa-ellipsis-v:before{content:"\f142"}.fa-ellipsis-v-alt:before{content:"\f39c"}.fa-ello:before{content:"\f5f1"}.fa-ember:before{content:"\f423"}.fa-empire:before{content:"\f1d1"}.fa-empty-set:before{content:"\f656"}.fa-engine-warning:before{content:"\f5f2"}.fa-envelope:before{content:"\f0e0"}.fa-envelope-open:before{content:"\f2b6"}.fa-envelope-open-dollar:before{content:"\f657"}.fa-envelope-open-text:before{content:"\f658"}.fa-envelope-square:before{content:"\f199"}.fa-envira:before{content:"\f299"}.fa-equals:before{content:"\f52c"}.fa-eraser:before{content:"\f12d"}.fa-erlang:before{content:"\f39d"}.fa-ethereum:before{content:"\f42e"}.fa-etsy:before{content:"\f2d7"}.fa-euro-sign:before{content:"\f153"}.fa-exchange:before{content:"\f0ec"}.fa-exchange-alt:before{content:"\f362"}.fa-exclamation:before{content:"\f12a"}.fa-exclamation-circle:before{content:"\f06a"}.fa-exclamation-square:before{content:"\f321"}.fa-exclamation-triangle:before{content:"\f071"}.fa-expand:before{content:"\f065"}.fa-expand-alt:before{content:"\f424"}.fa-expand-arrows:before{content:"\f31d"}.fa-expand-arrows-alt:before{content:"\f31e"}.fa-expand-wide:before{content:"\f320"}.fa-expeditedssl:before{content:"\f23e"}.fa-external-link:before{content:"\f08e"}.fa-external-link-alt:before{content:"\f35d"}.fa-external-link-square:before{content:"\f14c"}.fa-external-link-square-alt:before{content:"\f360"}.fa-eye:before{content:"\f06e"}.fa-eye-dropper:before{content:"\f1fb"}.fa-eye-evil:before{content:"\f6db"}.fa-eye-slash:before{content:"\f070"}.fa-facebook:before{content:"\f09a"}.fa-facebook-f:before{content:"\f39e"}.fa-facebook-messenger:before{content:"\f39f"}.fa-facebook-square:before{content:"\f082"}.fa-fantasy-flight-games:before{content:"\f6dc"}.fa-fast-backward:before{content:"\f049"}.fa-fast-forward:before{content:"\f050"}.fa-fax:before{content:"\f1ac"}.fa-feather:before{content:"\f52d"}.fa-feather-alt:before{content:"\f56b"}.fa-female:before{content:"\f182"}.fa-field-hockey:before{content:"\f44c"}.fa-fighter-jet:before{content:"\f0fb"}.fa-file:before{content:"\f15b"}.fa-file-alt:before{content:"\f15c"}.fa-file-archive:before{content:"\f1c6"}.fa-file-audio:before{content:"\f1c7"}.fa-file-certificate:before{content:"\f5f3"}.fa-file-chart-line:before{content:"\f659"}.fa-file-chart-pie:before{content:"\f65a"}.fa-file-check:before{content:"\f316"}.fa-file-code:before{content:"\f1c9"}.fa-file-contract:before{content:"\f56c"}.fa-file-csv:before{content:"\f6dd"}.fa-file-download:before{content:"\f56d"}.fa-file-edit:before{content:"\f31c"}.fa-file-excel:before{content:"\f1c3"}.fa-file-exclamation:before{content:"\f31a"}.fa-file-export:before{content:"\f56e"}.fa-file-image:before{content:"\f1c5"}.fa-file-import:before{content:"\f56f"}.fa-file-invoice:before{content:"\f570"}.fa-file-invoice-dollar:before{content:"\f571"}.fa-file-medical:before{content:"\f477"}.fa-file-medical-alt:before{content:"\f478"}.fa-file-minus:before{content:"\f318"}.fa-file-pdf:before{content:"\f1c1"}.fa-file-plus:before{content:"\f319"}.fa-file-powerpoint:before{content:"\f1c4"}.fa-file-prescription:before{content:"\f572"}.fa-file-signature:before{content:"\f573"}.fa-file-spreadsheet:before{content:"\f65b"}.fa-file-times:before{content:"\f317"}.fa-file-upload:before{content:"\f574"}.fa-file-user:before{content:"\f65c"}.fa-file-video:before{content:"\f1c8"}.fa-file-word:before{content:"\f1c2"}.fa-fill:bef
58ore{content:"\f575"}.fa-fill-drip:before{content:"\f576"}.fa-film:before{content:"\f008"}.fa-film-alt:before{content:"\f3a0"}.fa-filter:before{content:"\f0b0"}.fa-fingerprint:before{content:"\f577"}.fa-fire:before{content:"\f06d"}.fa-fire-extinguisher:before{content:"\f134"}.fa-fire-smoke:before{content:"\f74b"}.fa-firefox:before{content:"\f269"}.fa-first-aid:before{content:"\f479"}.fa-first-order:before{content:"\f2b0"}.fa-first-order-alt:before{content:"\f50a"}.fa-firstdraft:before{content:"\f3a1"}.fa-fish:before{content:"\f578"}.fa-fist-raised:before{content:"\f6de"}.fa-flag:before{content:"\f024"}.fa-flag-alt:before{content:"\f74c"}.fa-flag-checkered:before{content:"\f11e"}.fa-flag-usa:before{content:"\f74d"}.fa-flame:before{content:"\f6df"}.fa-flask:before{content:"\f0c3"}.fa-flask-poison:before{content:"\f6e0"}.fa-flask-potion:before{content:"\f6e1"}.fa-flickr:before{content:"\f16e"}.fa-flipboard:before{content:"\f44d"}.fa-flushed:before{content:"\f579"}.fa-fly:before{content:"\f417"}.fa-fog:before{content:"\f74e"}.fa-folder:before{content:"\f07b"}.fa-folder-minus:before{content:"\f65d"}.fa-folder-open:before{content:"\f07c"}.fa-folder-plus:before{content:"\f65e"}.fa-folder-times:before{content:"\f65f"}.fa-folders:before{content:"\f660"}.fa-font:before{content:"\f031"}.fa-font-awesome:before{content:"\f2b4"}.fa-font-awesome-alt:before{content:"\f35c"}.fa-font-awesome-flag:before{content:"\f425"}.fa-font-awesome-logo-full:before{content:"\f4e6"}.fa-fonticons:before{content:"\f280"}.fa-fonticons-fi:before{content:"\f3a2"}.fa-football-ball:before{content:"\f44e"}.fa-football-helmet:before{content:"\f44f"}.fa-forklift:before{content:"\f47a"}.fa-fort-awesome:before{content:"\f286"}.fa-fort-awesome-alt:before{content:"\f3a3"}.fa-forumbee:before{content:"\f211"}.fa-forward:before{content:"\f04e"}.fa-foursquare:before{content:"\f180"}.fa-fragile:before{content:"\f4bb"}.fa-free-code-camp:before{content:"\f2c5"}.fa-freebsd:before{content:"\f3a4"}.fa-frog:before{content:"\f52e"}.fa-frown:before{content:"\f119"}.fa-frown-open:before{content:"\f57a"}.fa-fulcrum:before{content:"\f50b"}.fa-function:before{content:"\f661"}.fa-funnel-dollar:before{content:"\f662"}.fa-futbol:before{content:"\f1e3"}.fa-galactic-republic:before{content:"\f50c"}.fa-galactic-senate:before{content:"\f50d"}.fa-gamepad:before{content:"\f11b"}.fa-gas-pump:before{content:"\f52f"}.fa-gas-pump-slash:before{content:"\f5f4"}.fa-gavel:before{content:"\f0e3"}.fa-gem:before{content:"\f3a5"}.fa-genderless:before{content:"\f22d"}.fa-get-pocket:before{content:"\f265"}.fa-gg:before{content:"\f260"}.fa-gg-circle:before{content:"\f261"}.fa-ghost:before{content:"\f6e2"}.fa-gift:before{content:"\f06b"}.fa-gift-card:before{content:"\f663"}.fa-git:before{content:"\f1d3"}.fa-git-square:before{content:"\f1d2"}.fa-github:before{content:"\f09b"}.fa-github-alt:before{content:"\f113"}.fa-github-square:before{content:"\f092"}.fa-gitkraken:before{content:"\f3a6"}.fa-gitlab:before{content:"\f296"}.fa-gitter:before{content:"\f426"}.fa-glass-martini:before{content:"\f000"}.fa-glass-martini-alt:before{content:"\f57b"}.fa-glasses:before{content:"\f530"}.fa-glasses-alt:before{content:"\f5f5"}.fa-glide:before{content:"\f2a5"}.fa-glide-g:before{content:"\f2a6"}.fa-globe:before{content:"\f0ac"}.fa-globe-africa:before{content:"\f57c"}.fa-globe-americas:before{content:"\f57d"}.fa-globe-asia:before{content:"\f57e"}.fa-globe-stand:before{content:"\f5f6"}.fa-gofore:before{content:"\f3a7"}.fa-golf-ball:before{content:"\f450"}.fa-golf-club:before{content:"\f451"}.fa-goodreads:before{content:"\f3a8"}.fa-goodreads-g:before{content:"\f3a9"}.fa-google:before{content:"\f1a0"}.fa-google-drive:before{content:"\f3aa"}.fa-google-play:before{content:"\f3ab"}.fa-google-plus:before{content:"\f2b3"}.fa-google-plus-g:before{content:"\f0d5"}.fa-google-plus-square:before{content:"\f0d4"}.fa-google-wallet:before{content:"\f1ee"}.fa-gopuram:before{content:"\f664"}.fa-graduation-cap:before{content:"\f19d"}.fa-gratipay:before{content:"\f184"}.fa-grav:before{content:"\f2d6"}.fa-greater-than:before{content:"\f531"}.fa-greater-than-equal:before{content:"\f532"}.fa-grimace:before{content:"\f57f"}.fa-grin:before{content:"\f580"}.fa-grin-alt:before{content:"\f581"}.fa-grin-beam:before{content:"\f582"}.fa-grin-beam-sweat:before{content:"\f583"}.fa-grin-hearts:before{content:"\f584"}.fa-grin-squint:before{content:"\f585"}.fa-grin-squint-tears:before{content:"\f586"}.fa-grin-stars:before{content:"\f587"}.fa-grin-tears:before{content:"\f588"}.fa-grin-tongue:before{content:"\f589"}.fa-grin-tongue-squint:before{content:"\f58a"}.fa-grin-tongue-wink:before{content:"\f58b"}.fa-grin-wink:before{content:"\f58c"}.fa-grip-horizontal:before{content:"\f58d"}.fa-grip-vertical:before{content:"\f58e"}.fa-gripfire:before{content:"\f3ac"}.fa-grunt:before{content:"\f3ad"}.fa-gulp:before{content:"\f3ae"}.fa-h-square:before{content:"\f0fd"}.fa-h1:before{content:"\f313"}.fa-h2:before{content:"\f314"}.fa-h3:before{content:"\f315"}.fa-hacker-news:before{content:"\f1d4"}.fa-hacker-news-square:before{content:"\f3af"}.fa-hackerrank:before{content:"\f5f7"}.fa-hammer:before{content:"\f6e3"}.fa-hammer-war:before{content:"\f6e4"}.fa-hamsa:before{content:"\f665"}.fa-hand-heart:before{content:"\f4bc"}.fa-hand-holding:before{content:"\f4bd"}.fa-hand-holding-box:before{content:"\f47b"}.fa-hand-holding-heart:before{content:"\f4be"}.fa-hand-holding-magic:before{content:"\f6e5"}.fa-hand-holding-seedling:before{content:"\f4bf"}.fa-hand-holding-usd:before{content:"\f4c0"}.fa-hand-holding-water:before{content:"\f4c1"}.fa-hand-lizard:before{content:"\f258"}.fa-hand-paper:before{content:"\f256"}.fa-hand-peace:before{content:"\f25b"}.fa-hand-point-down:before{content:"\f0a7"}.fa-hand-point-left:before{content:"\f0a5"}.fa-hand-point-right:before{content:"\f0a4"}.fa-hand-point-up:before{content:"\f0a6"}.fa-hand-pointer:before{content:"\f25a"}.fa-hand-receiving:before{content:"\f47c"}.fa-hand-rock:before{content:"\f255"}.fa-hand-scissors:before{content:"\f257"}.fa-hand-spock:before{content:"\f259"}.fa-hands:before{content:"\f4c2"}.fa-hands-heart:before{content:"\f4c3"}.fa-hands-helping:before{content:"\f4c4"}.fa-hands-usd:before{content:"\f4c5"}.fa-handshake:before{content:"\f2b5"}.fa-handshake-alt:before{content:"\f4c6"}.fa-hanukiah:before{content:"\f6e6"}.fa-hashtag:before{content:"\f292"}.fa-hat-witch:before{content:"\f6e7"}.fa-hat-wizard:before{content:"\f6e8"}.fa-haykal:before{content:"\f666"}.fa-hdd:before{content:"\f0a0"}.fa-head-side:before{content:"\f6e9"}.fa-head-vr:before{content:"\f6ea"}.fa-heading:before{content:"\f1dc"}.fa-headphones:before{content:"\f025"}.fa-headphones-alt:before{content:"\f58f"}.fa-headset:before{content:"\f590"}.fa-heart:before{content:"\f004"}.fa-heart-circle:before{content:"\f4c7"}.fa-heart-rate:before{content:"\f5f8"}.fa-heart-square:before{content:"\f4c8"}.fa-heartbeat:before{content:"\f21e"}.fa-helicopter:before{content:"\f533"}.fa-helmet-battle:before{content:"\f6eb"}.fa-hexagon:before{content:"\f312"}.fa-highlighter:before{content:"\f591"}.fa-hiking:before{content:"\f6ec"}.fa-hippo:before{content:"\f6ed"}.fa-hips:before{content:"\f452"}.fa-hire-a-helper:before{content:"\f3b0"}.fa-history:before{content:"\f1da"}.fa-hockey-mask:before{content:"\f6ee"}.fa-hockey-puck:before{content:"\f453"}.fa-hockey-sticks:before{content:"\f454"}.fa-home:before{content:"\f015"}.fa-home-heart:before{content:"\f4c9"}.fa-hood-cloak:before{content:"\f6ef"}.fa-hooli:before{content:"\f427"}.fa-hornbill:before{content:"\f592"}.fa-horse:before{content:"\f6f0"}.fa-hospital:before{content:"\f0f8"}.fa-hospital-alt:before{content:"\f47d"}.fa-hospital-symbol:before{content:"\f47e"}.fa-hot-tub:before{content:"\f593"}.fa-hotel:before{content:"\f594"}.fa-hotjar:before{content:"\f3b1"}.fa-hourglass:before{content:"\f254"}.fa-hourglass-end:before{content:"\f253"}.fa-hourglass-half:before{content:"\f252"}.fa-hourglass-start:before{content:"\f251"}.fa-house-damage:before{content:"\f6f1"}.fa-house-flood:before{content:"\f74f"}.fa-houzz:before{content:"\f27c"}.fa-hryvnia:before{content:"\f6f2"}.fa-html5:before{content:"\f13b"}.fa-hubspot:before{content:"\f3b2"}.fa-humidity:before{content:"\f750"}.fa-hurricane:before{content:"\f751"}.fa-i-cursor:before{content:"\f246"}.fa-id-badge:before{content:"\f2c1"}.fa-id-card:before{content:"\f2c2"}.fa-id-card-alt:before{content:"\f47f"}.fa-image:before{content:"\f03e"}.fa-images:before{content:"\f302"}.fa-imdb:before{content:"\f2d8"}.fa-inbox:before{content:"\f01c"}.fa-inbox-in:before{content:"\f310"}.fa-inbox-out:before{content:"\f311"}.fa-indent:before{content:"\f03c"}.fa-industry:before{content:"\f275"}.fa-industry-alt:before{content:"\f3b3"}.fa-infinity:before{content:"\f534"}.fa-info:before{content:"\f129"}.fa-info-circle:before{content:"\f05a"}.fa-info-square:before{content:"\f30f"}.fa-inhaler:before{content:"\f5f9"}.fa-instagram:before{content:"\f16d"}.fa-integral:before{content:"\f667"}
58.fa-internet-explorer:before{content:"\f26b"}.fa-intersection:before{content:"\f668"}.fa-inventory:before{content:"\f480"}.fa-ioxhost:before{content:"\f208"}.fa-italic:before{content:"\f033"}.fa-itunes:before{content:"\f3b4"}.fa-itunes-note:before{content:"\f3b5"}.fa-jack-o-lantern:before{content:"\f30e"}.fa-java:before{content:"\f4e4"}.fa-jedi:before{content:"\f669"}.fa-jedi-order:before{content:"\f50e"}.fa-jenkins:before{content:"\f3b6"}.fa-joget:before{content:"\f3b7"}.fa-joint:before{content:"\f595"}.fa-joomla:before{content:"\f1aa"}.fa-journal-whills:before{content:"\f66a"}.fa-js:before{content:"\f3b8"}.fa-js-square:before{content:"\f3b9"}.fa-jsfiddle:before{content:"\f1cc"}.fa-kaaba:before{content:"\f66b"}.fa-kaggle:before{content:"\f5fa"}.fa-key:before{content:"\f084"}.fa-key-skeleton:before{content:"\f6f3"}.fa-keybase:before{content:"\f4f5"}.fa-keyboard:before{content:"\f11c"}.fa-keycdn:before{content:"\f3ba"}.fa-keynote:before{content:"\f66c"}.fa-khanda:before{content:"\f66d"}.fa-kickstarter:before{content:"\f3bb"}.fa-kickstarter-k:before{content:"\f3bc"}.fa-kidneys:before{content:"\f5fb"}.fa-kiss:before{content:"\f596"}.fa-kiss-beam:before{content:"\f597"}.fa-kiss-wink-heart:before{content:"\f598"}.fa-kite:before{content:"\f6f4"}.fa-kiwi-bird:before{content:"\f535"}.fa-knife-kitchen:before{content:"\f6f5"}.fa-korvue:before{content:"\f42f"}.fa-lambda:before{content:"\f66e"}.fa-lamp:before{content:"\f4ca"}.fa-landmark:before{content:"\f66f"}.fa-landmark-alt:before{content:"\f752"}.fa-language:before{content:"\f1ab"}.fa-laptop:before{content:"\f109"}.fa-laptop-code:before{content:"\f5fc"}.fa-laravel:before{content:"\f3bd"}.fa-lastfm:before{content:"\f202"}.fa-lastfm-square:before{content:"\f203"}.fa-laugh:before{content:"\f599"}.fa-laugh-beam:before{content:"\f59a"}.fa-laugh-squint:before{content:"\f59b"}.fa-laugh-wink:before{content:"\f59c"}.fa-layer-group:before{content:"\f5fd"}.fa-layer-minus:before{content:"\f5fe"}.fa-layer-plus:before{content:"\f5ff"}.fa-leaf:before{content:"\f06c"}.fa-leaf-heart:before{content:"\f4cb"}.fa-leaf-maple:before{content:"\f6f6"}.fa-leaf-oak:before{content:"\f6f7"}.fa-leanpub:before{content:"\f212"}.fa-lemon:before{content:"\f094"}.fa-less:before{content:"\f41d"}.fa-less-than:before{content:"\f536"}.fa-less-than-equal:before{content:"\f537"}.fa-level-down:before{content:"\f149"}.fa-level-down-alt:before{content:"\f3be"}.fa-level-up:before{content:"\f148"}.fa-level-up-alt:before{content:"\f3bf"}.fa-life-ring:before{content:"\f1cd"}.fa-lightbulb:before{content:"\f0eb"}.fa-lightbulb-dollar:before{content:"\f670"}.fa-lightbulb-exclamation:before{content:"\f671"}.fa-lightbulb-on:before{content:"\f672"}.fa-lightbulb-slash:before{content:"\f673"}.fa-line:before{content:"\f3c0"}.fa-link:before{content:"\f0c1"}.fa-linkedin:before{content:"\f08c"}.fa-linkedin-in:before{content:"\f0e1"}.fa-linode:before{content:"\f2b8"}.fa-linux:before{content:"\f17c"}.fa-lips:before{content:"\f600"}.fa-lira-sign:before{content:"\f195"}.fa-list:before{content:"\f03a"}.fa-list-alt:before{content:"\f022"}.fa-list-ol:before{content:"\f0cb"}.fa-list-ul:before{content:"\f0ca"}.fa-location:before{content:"\f601"}.fa-location-arrow:before{content:"\f124"}.fa-location-circle:before{content:"\f602"}.fa-location-slash:before{content:"\f603"}.fa-lock:before{content:"\f023"}.fa-lock-alt:before{content:"\f30d"}.fa-lock-open:before{content:"\f3c1"}.fa-lock-open-alt:before{content:"\f3c2"}.fa-long-arrow-alt-down:before{content:"\f309"}.fa-long-arrow-alt-left:before{content:"\f30a"}.fa-long-arrow-alt-right:before{content:"\f30b"}.fa-long-arrow-alt-up:before{content:"\f30c"}.fa-long-arrow-down:before{content:"\f175"}.fa-long-arrow-left:before{content:"\f177"}.fa-long-arrow-right:before{content:"\f178"}.fa-long-arrow-up:before{content:"\f176"}.fa-loveseat:before{content:"\f4cc"}.fa-low-vision:before{content:"\f2a8"}.fa-luchador:before{content:"\f455"}.fa-luggage-cart:before{content:"\f59d"}.fa-lungs:before{content:"\f604"}.fa-lyft:before{content:"\f3c3"}.fa-mace:before{content:"\f6f8"}.fa-magento:before{content:"\f3c4"}.fa-magic:before{content:"\f0d0"}.fa-magnet:before{content:"\f076"}.fa-mail-bulk:before{content:"\f674"}.fa-mailchimp:before{content:"\f59e"}.fa-male:before{content:"\f183"}.fa-mandalorian:before{content:"\f50f"}.fa-mandolin:before{content:"\f6f9"}.fa-map:before{content:"\f279"}.fa-map-marked:before{content:"\f59f"}
58.fa-map-marked-alt:before{content:"\f5a0"}.fa-map-marker:before{content:"\f041"}.fa-map-marker-alt:before{content:"\f3c5"}.fa-map-marker-alt-slash:before{content:"\f605"}.fa-map-marker-check:before{content:"\f606"}.fa-map-marker-edit:before{content:"\f607"}.fa-map-marker-exclamation:before{content:"\f608"}.fa-map-marker-minus:before{content:"\f609"}.fa-map-marker-plus:before{content:"\f60a"}.fa-map-marker-question:before{content:"\f60b"}.fa-map-marker-slash:before{content:"\f60c"}.fa-map-marker-smile:before{content:"\f60d"}.fa-map-marker-times:before{content:"\f60e"}.fa-map-pin:before{content:"\f276"}.fa-map-signs:before{content:"\f277"}.fa-markdown:before{content:"\f60f"}.fa-marker:before{content:"\f5a1"}.fa-mars:before{content:"\f222"}.fa-mars-double:before{content:"\f227"}.fa-mars-stroke:before{content:"\f229"}.fa-mars-stroke-h:before{content:"\f22b"}.fa-mars-stroke-v:before{content:"\f22a"}.fa-mask:before{content:"\f6fa"}.fa-mastodon:before{content:"\f4f6"}.fa-maxcdn:before{content:"\f136"}.fa-medal:before{content:"\f5a2"}.fa-medapps:before{content:"\f3c6"}.fa-medium:before{content:"\f23a"}.fa-medium-m:before{content:"\f3c7"}.fa-medkit:before{content:"\f0fa"}.fa-medrt:before{content:"\f3c8"}.fa-meetup:before{content:"\f2e0"}.fa-megaphone:before{content:"\f675"}.fa-megaport:before{content:"\f5a3"}.fa-meh:before{content:"\f11a"}.fa-meh-blank:before{content:"\f5a4"}.fa-meh-rolling-eyes:before{content:"\f5a5"}.fa-memory:before{content:"\f538"}.fa-menorah:before{content:"\f676"}.fa-mercury:before{content:"\f223"}.fa-meteor:before{content:"\f753"}.fa-microchip:before{content:"\f2db"}.fa-microphone:before{content:"\f130"}.fa-microphone-alt:before{content:"\f3c9"}.fa-microphone-alt-slash:before{content:"\f539"}.fa-microphone-slash:before{content:"\f131"}.fa-microscope:before{content:"\f610"}.fa-microsoft:before{content:"\f3ca"}.fa-mind-share:before{content:"\f677"}.fa-minus:before{content:"\f068"}.fa-minus-circle:before{content:"\f056"}.fa-minus-hexagon:before{content:"\f307"}.fa-minus-octagon:before{content:"\f308"}.fa-minus-square:before{content:"\f146"}.fa-mix:before{content:"\f3cb"}.fa-mixcloud:before{content:"\f289"}.fa-mizuni:before{content:"\f3cc"}.fa-mobile:before{content:"\f10b"}.fa-mobile-alt:before{content:"\f3cd"}.fa-mobile-android:before{content:"\f3ce"}.fa-mobile-android-alt:before{content:"\f3cf"}.fa-modx:before{content:"\f285"}.fa-monero:before{content:"\f3d0"}.fa-money-bill:before{content:"\f0d6"}.fa-money-bill-alt:before{content:"\f3d1"}.fa-money-bill-wave:before{content:"\f53a"}.fa-money-bill-wave-alt:before{content:"\f53b"}.fa-money-check:before{content:"\f53c"}.fa-money-check-alt:before{content:"\f53d"}.fa-monitor-heart-rate:before{content:"\f611"}.fa-monkey:before{content:"\f6fb"}.fa-monument:before{content:"\f5a6"}.fa-moon:before{content:"\f186"}.fa-moon-cloud:before{content:"\f754"}.fa-moon-stars:before{content:"\f755"}.fa-mortar-pestle:before{content:"\f5a7"}.fa-mosque:before{content:"\f678"}.fa-motorcycle:before{content:"\f21c"}.fa-mountain:before{content:"\f6fc"}.fa-mountains:before{content:"\f6fd"}.fa-mouse-pointer:before{content:"\f245"}.fa-music:before{content:"\f001"}.fa-napster:before{content:"\f3d2"}.fa-narwhal:before{content:"\f6fe"}.fa-neos:before{content:"\f612"}.fa-network-wired:before{content:"\f6ff"}.fa-neuter:before{content:"\f22c"}.fa-newspaper:before{content:"\f1ea"}.fa-nimblr:before{content:"\f5a8"}.fa-nintendo-switch:before{content:"\f418"}.fa-node:before{content:"\f419"}.fa-node-js:before{content:"\f3d3"}.fa-not-equal:before{content:"\f53e"}.fa-notes-medical:before{content:"\f481"}.fa-npm:before{content:"\f3d4"}.fa-ns8:before{content:"\f3d5"}.fa-nutritionix:before{content:"\f3d6"}.fa-object-group:before{content:"\f247"}.fa-object-ungroup:before{content:"\f248"}.fa-octagon:before{content:"\f306"}.fa-odnoklassniki:before{content:"\f263"}.fa-odnoklassniki-square:before{content:"\f264"}.fa-oil-can:before{content:"\f613"}.fa-oil-temp:before{content:"\f614"}.fa-old-republic:before{content:"\f510"}.fa-om:before{content:"\f679"}.fa-omega:before{content:"\f67a"}.fa-opencart:before{content:"\f23d"}.fa-openid:before{content:"\f19b"}.fa-opera:before{content:"\f26a"}.fa-optin-monster:before{content:"\f23c"}.fa-osi:before{content:"\f41a"}.fa-otter:before{content:"\f700"}.fa-outdent:before{content:"\f03b"}.fa-page4:before{content:"\f3d7"}.fa-pagelines:before{content:"\f18c"}.fa-paint-brush:before{content:"\f1fc"}.fa-paint-brush-alt:before{content:"\f5a9"}.fa-paint-roller:before{content:"\f5aa"}.fa-palette:before{content:"\f53f"}.fa-palfed:before{content:"\f3d8"}.fa-pallet:before{content:"\f482"}.fa-pallet-alt:before{content:"\f483"}.fa-paper-plane:before{content:"\f1d8"}.fa-paperclip:before{content:"\f0c6"}.fa-parachute-box:before{content:"\f4cd"}.fa-paragraph:before{content:"\f1dd"}.fa-parking:before{content:"\f540"}.fa-parking-circle:before{content:"\f615"}.fa-parking-circle-slash:before{content:"\f616"}.fa-parking-slash:before{content:"\f617"}.fa-passport:before{content:"\f5ab"}.fa-pastafarianism:before{content:"\f67b"}.fa-paste:before{content:"\f0ea"}.fa-patreon:before{content:"\f3d9"}.fa-pause:before{content:"\f04c"}.fa-pause-circle:before{content:"\f28b"}.fa-paw:before{content:"\f1b0"}.fa-paw-alt:before{content:"\f701"}.fa-paw-claws:before{content:"\f702"}.fa-paypal:before{content:"\f1ed"}.fa-peace:before{content:"\f67c"}.fa-pegasus:before{content:"\f703"}.fa-pen:before{content:"\f304"}.fa-pen-alt:before{content:"\f305"}.fa-pen-fancy:before{content:"\f5ac"}.fa-pen-nib:before{content:"\f5ad"}.fa-pen-square:before{content:"\f14b"}
58.fa-pencil:before{content:"\f040"}.fa-pencil-alt:before{content:"\f303"}.fa-pencil-paintbrush:before{content:"\f618"}.fa-pencil-ruler:before{content:"\f5ae"}.fa-pennant:before{content:"\f456"}.fa-penny-arcade:before{content:"\f704"}.fa-people-carry:before{content:"\f4ce"}.fa-percent:before{content:"\f295"}.fa-percentage:before{content:"\f541"}.fa-periscope:before{content:"\f3da"}.fa-person-booth:before{content:"\f756"}.fa-person-carry:before{content:"\f4cf"}.fa-person-dolly:before{content:"\f4d0"}.fa-person-dolly-empty:before{content:"\f4d1"}.fa-person-sign:before{content:"\f757"}.fa-phabricator:before{content:"\f3db"}.fa-phoenix-framework:before{content:"\f3dc"}.fa-phoenix-squadron:before{content:"\f511"}.fa-phone:before{content:"\f095"}.fa-phone-office:before{content:"\f67d"}.fa-phone-plus:before{content:"\f4d2"}.fa-phone-slash:before{content:"\f3dd"}.fa-phone-square:before{content:"\f098"}.fa-phone-volume:before{content:"\f2a0"}.fa-php:before{content:"\f457"}.fa-pi:before{content:"\f67e"}.fa-pie:before{content:"\f705"}.fa-pied-piper:before{content:"\f2ae"}.fa-pied-piper-alt:before{content:"\f1a8"}.fa-pied-piper-hat:before{content:"\f4e5"}.fa-pied-piper-pp:before{content:"\f1a7"}.fa-pig:before{content:"\f706"}.fa-piggy-bank:before{content:"\f4d3"}.fa-pills:before{content:"\f484"}.fa-pinterest:before{content:"\f0d2"}.fa-pinterest-p:before{content:"\f231"}.fa-pinterest-square:before{content:"\f0d3"}.fa-place-of-worship:before{content:"\f67f"}.fa-plane:before{content:"\f072"}.fa-plane-alt:before{content:"\f3de"}.fa-plane-arrival:before{content:"\f5af"}.fa-plane-departure:before{content:"\f5b0"}.fa-play:before{content:"\f04b"}.fa-play-circle:before{content:"\f144"}.fa-playstation:before{content:"\f3df"}.fa-plug:before{content:"\f1e6"}.fa-plus:before{content:"\f067"}.fa-plus-circle:before{content:"\f055"}.fa-plus-hexagon:before{content:"\f300"}.fa-plus-octagon:before{content:"\f301"}.fa-plus-square:before{content:"\f0fe"}.fa-podcast:before{content:"\f2ce"}.fa-podium:before{content:"\f680"}.fa-podium-star:before{content:"\f758"}.fa-poll:before{content:"\f681"}.fa-poll-h:before{content:"\f682"}.fa-poll-people:before{content:"\f759"}.fa-poo:before{content:"\f2fe"}.fa-poo-storm:before{content:"\f75a"}.fa-poop:before{content:"\f619"}.fa-portrait:before{content:"\f3e0"}.fa-pound-sign:before{content:"\f154"}.fa-power-off:before{content:"\f011"}.fa-pray:before{content:"\f683"}.fa-praying-hands:before{content:"\f684"}.fa-prescription:before{content:"\f5b1"}.fa-prescription-bottle:before{content:"\f485"}.fa-prescription-bottle-alt:before{content:"\f486"}.fa-presentation:before{content:"\f685"}.fa-print:before{content:"\f02f"}.fa-print-slash:before{content:"\f686"}.fa-procedures:before{content:"\f487"}.fa-product-hunt:before{content:"\f288"}.fa-project-diagram:before{content:"\f542"}.fa-pumpkin:before{content:"\f707"}.fa-pushed:before{content:"\f3e1"}.fa-puzzle-piece:before{content:"\f12e"}.fa-python:before{content:"\f3e2"}.fa-qq:before{content:"\f1d6"}.fa-qrcode:before{content:"\f029"}.fa-question:before{content:"\f128"}.fa-question-circle:before{content:"\f059"}.fa-question-square:before{content:"\f2fd"}.fa-quidditch:before{content:"\f458"}.fa-quinscape:before{content:"\f459"}.fa-quora:before{content:"\f2c4"}.fa-quote-left:before{content:"\f10d"}.fa-quote-right:before{content:"\f10e"}.fa-quran:before{content:"\f687"}.fa-r-project:before{content:"\f4f7"}.fa-rabbit:before{content:"\f708"}.fa-rabbit-fast:before{content:"\f709"}.fa-racquet:before{content:"\f45a"}.fa-rainbow:before{content:"\f75b"}.fa-raindrops:before{content:"\f75c"}.fa-ram:before{content:"\f70a"}.fa-ramp-loading:before{content:"\f4d4"}.fa-random:before{content:"\f074"}.fa-ravelry:before{content:"\f2d9"}.fa-react:before{content:"\f41b"}
58.fa-reacteurope:before{content:"\f75d"}.fa-readme:before{content:"\f4d5"}.fa-rebel:before{content:"\f1d0"}.fa-receipt:before{content:"\f543"}.fa-rectangle-landscape:before{content:"\f2fa"}.fa-rectangle-portrait:before{content:"\f2fb"}.fa-rectangle-wide:before{content:"\f2fc"}.fa-recycle:before{content:"\f1b8"}.fa-red-river:before{content:"\f3e3"}.fa-reddit:before{content:"\f1a1"}.fa-reddit-alien:before{content:"\f281"}.fa-reddit-square:before{content:"\f1a2"}.fa-redo:before{content:"\f01e"}.fa-redo-alt:before{content:"\f2f9"}.fa-registered:before{content:"\f25d"}.fa-renren:before{content:"\f18b"}.fa-repeat:before{content:"\f363"}.fa-repeat-1:before{content:"\f365"}.fa-repeat-1-alt:before{content:"\f366"}.fa-repeat-alt:before{content:"\f364"}.fa-reply:before{content:"\f3e5"}.fa-reply-all:before{content:"\f122"}.fa-replyd:before{content:"\f3e6"}.fa-republican:before{content:"\f75e"}.fa-researchgate:before{content:"\f4f8"}.fa-resolving:before{content:"\f3e7"}.fa-retweet:before{content:"\f079"}.fa-retweet-alt:before{content:"\f361"}.fa-rev:before{content:"\f5b2"}.fa-ribbon:before{content:"\f4d6"}.fa-ring:before{content:"\f70b"}.fa-road:before{content:"\f018"}.fa-robot:before{content:"\f544"}.fa-rocket:before{content:"\f135"}.fa-rocketchat:before{content:"\f3e8"}.fa-rockrms:before{content:"\f3e9"}.fa-route:before{content:"\f4d7"}.fa-route-highway:before{content:"\f61a"}.fa-route-interstate:before{content:"\f61b"}.fa-rss:before{content:"\f09e"}.fa-rss-square:before{content:"\f143"}.fa-ruble-sign:before{content:"\f158"}.fa-ruler:before{content:"\f545"}.fa-ruler-combined:before{content:"\f546"}.fa-ruler-horizontal:before{content:"\f547"}.fa-ruler-triangle:before{content:"\f61c"}.fa-ruler-vertical:before{content:"\f548"}.fa-running:before{content:"\f70c"}.fa-rupee-sign:before{content:"\f156"}.fa-sad-cry:before{content:"\f5b3"}.fa-sad-tear:before{content:"\f5b4"}.fa-safari:before{content:"\f267"}.fa-sass:before{content:"\f41e"}.fa-save:before{content:"\f0c7"}.fa-scalpel:before{content:"\f61d"}.fa-scalpel-path:before{content:"\f61e"}.fa-scanner:before{content:"\f488"}.fa-scanner-keyboard:before{content:"\f489"}.fa-scanner-touchscreen:before{content:"\f48a"}.fa-scarecrow:before{content:"\f70d"}.fa-schlix:before{content:"\f3ea"}.fa-school:before{content:"\f549"}.fa-screwdriver:before{content:"\f54a"}.fa-scribd:before{content:"\f28a"}.fa-scroll:before{content:"\f70e"}.fa-scroll-old:before{content:"\f70f"}.fa-scrubber:before{content:"\f2f8"}.fa-scythe:before{content:"\f710"}.fa-search:before{content:"\f002"}.fa-search-dollar:before{content:"\f688"}.fa-search-location:before{content:"\f689"}.fa-search-minus:before{content:"\f010"}.fa-search-plus:before{content:"\f00e"}.fa-searchengin:before{content:"\f3eb"}.fa-seedling:before{content:"\f4d8"}.fa-sellcast:before{content:"\f2da"}.fa-sellsy:before{content:"\f213"}.fa-server:before{content:"\f233"}.fa-servicestack:before{content:"\f3ec"}.fa-shapes:before{content:"\f61f"}.fa-share:before{content:"\f064"}.fa-share-all:before{content:"\f367"}.fa-share-alt:before{content:"\f1e0"}.fa-share-alt-square:before{content:"\f1e1"}.fa-share-square:before{content:"\f14d"}.fa-sheep:before{content:"\f711"}.fa-shekel-sign:before{content:"\f20b"}.fa-shield:before{content:"\f132"}.fa-shield-alt:before{content:"\f3ed"}.fa-shield-check:before{content:"\f2f7"}.fa-shield-cross:before{content:"\f712"}.fa-ship:before{content:"\f21a"}.fa-shipping-fast:before{content:"\f48b"}.fa-shipping-timed:before{content:"\f48c"}.fa-shirtsinbulk:before{content:"\f214"}.fa-shoe-prints:before{content:"\f54b"}.fa-shopping-bag:before{content:"\f290"}.fa-shopping-basket:before{content:"\f291"}.fa-shopping-cart:before{content:"\f07a"}.fa-shopware:before{content:"\f5b5"}.fa-shovel:before{content:"\f713"}.fa-shower:before{content:"\f2cc"}.fa-shredder:before{content:"\f68a"}.fa-shuttle-van:before{content:"\f5b6"}.fa-shuttlecock:before{content:"\f45b"}.fa-sigma:before{content:"\f68b"}.fa-sign:before{content:"\f4d9"}.fa-sign-in:before{content:"\f090"}.fa-sign-in-alt:before{content:"\f2f6"}.fa-sign-language:before{content:"\f2a7"}.fa-sign-out:before{content:"\f08b"}.fa-sign-out-alt:before{content:"\f2f5"}.fa-signal:before{content:"\f012"}.fa-signal-1:before{content:"\f68c"}.fa-signal-2:before{content:"\f68d"}.fa-signal-3:before{content:"\f68e"}.fa-signal-4:before{content:"\f68f"}.fa-signal-alt:before{content:"\f690"}.fa-signal-alt-1:before{content:"\f691"}.fa-signal-alt-2:before{content:"\f692"}.fa-signal-alt-3:before{content:"\f693"}.fa-signal-alt-slash:before{content:"\f694"}.fa-signal-slash:before{content:"\f695"}.fa-signature:before{content:"\f5b7"}.fa-simplybuilt:before{content:"\f215"}.fa-sistrix:before{content:"\f3ee"}.fa-sitemap:before{content:"\f0e8"}.fa-sith:before{content:"\f512"}.fa-skeleton:before{content:"\f620"}.fa-skull:before{content:"\f54c"}.fa-skull-crossbones:before{content:"\f714"}.fa-skyatlas:before{content:"\f216"}.fa-skype:before{content:"\f17e"}.fa-slack:before{content:"\f198"}.fa-slack-hash:before{content:"\f3ef"}.fa-slash:before{content:"\f715"}.fa-sliders-h:before{content:"\f1de"}.fa-sliders-h-square:before{content:"\f3f0"}.fa-sliders-v:before{content:"\f3f1"}.fa-sliders-v-square:before{content:"\f3f2"}.fa-slideshare:before{content:"\f1e7"}.fa-smile:before{content:"\f118"}
58.fa-smile-beam:before{content:"\f5b8"}.fa-smile-plus:before{content:"\f5b9"}.fa-smile-wink:before{content:"\f4da"}.fa-smog:before{content:"\f75f"}.fa-smoke:before{content:"\f760"}.fa-smoking:before{content:"\f48d"}.fa-smoking-ban:before{content:"\f54d"}.fa-snake:before{content:"\f716"}.fa-snapchat:before{content:"\f2ab"}.fa-snapchat-ghost:before{content:"\f2ac"}.fa-snapchat-square:before{content:"\f2ad"}.fa-snow-blowing:before{content:"\f761"}.fa-snowflake:before{content:"\f2dc"}.fa-socks:before{content:"\f696"}.fa-solar-panel:before{content:"\f5ba"}.fa-sort:before{content:"\f0dc"}.fa-sort-alpha-down:before{content:"\f15d"}.fa-sort-alpha-up:before{content:"\f15e"}.fa-sort-amount-down:before{content:"\f160"}.fa-sort-amount-up:before{content:"\f161"}.fa-sort-down:before{content:"\f0dd"}.fa-sort-numeric-down:before{content:"\f162"}.fa-sort-numeric-up:before{content:"\f163"}.fa-sort-up:before{content:"\f0de"}.fa-soundcloud:before{content:"\f1be"}.fa-spa:before{content:"\f5bb"}.fa-space-shuttle:before{content:"\f197"}.fa-spade:before{content:"\f2f4"}.fa-speakap:before{content:"\f3f3"}.fa-spider:before{content:"\f717"}.fa-spider-black-widow:before{content:"\f718"}.fa-spider-web:before{content:"\f719"}.fa-spinner:before{content:"\f110"}.fa-spinner-third:before{content:"\f3f4"}.fa-splotch:before{content:"\f5bc"}.fa-spotify:before{content:"\f1bc"}.fa-spray-can:before{content:"\f5bd"}.fa-square:before{content:"\f0c8"}.fa-square-full:before{content:"\f45c"}.fa-square-root:before{content:"\f697"}.fa-square-root-alt:before{content:"\f698"}.fa-squarespace:before{content:"\f5be"}.fa-squirrel:before{content:"\f71a"}.fa-stack-exchange:before{content:"\f18d"}.fa-stack-overflow:before{content:"\f16c"}.fa-staff:before{content:"\f71b"}.fa-stamp:before{content:"\f5bf"}.fa-star:before{content:"\f005"}.fa-star-and-crescent:before{content:"\f699"}.fa-star-exclamation:before{content:"\f2f3"}.fa-star-half:before{content:"\f089"}.fa-star-half-alt:before{content:"\f5c0"}.fa-star-of-david:before{content:"\f69a"}.fa-star-of-life:before{content:"\f621"}.fa-stars:before{content:"\f762"}.fa-staylinked:before{content:"\f3f5"}.fa-steam:before{content:"\f1b6"}.fa-steam-square:before{content:"\f1b7"}.fa-steam-symbol:before{content:"\f3f6"}.fa-steering-wheel:before{content:"\f622"}.fa-step-backward:before{content:"\f048"}.fa-step-forward:before{content:"\f051"}.fa-stethoscope:before{content:"\f0f1"}.fa-sticker-mule:before{content:"\f3f7"}.fa-sticky-note:before{content:"\f249"}.fa-stomach:before{content:"\f623"}.fa-stop:before{content:"\f04d"}.fa-stop-circle:before{content:"\f28d"}.fa-stopwatch:before{content:"\f2f2"}.fa-store:before{content:"\f54e"}.fa-store-alt:before{content:"\f54f"}.fa-strava:before{content:"\f428"}.fa-stream:before{content:"\f550"}.fa-street-view:before{content:"\f21d"}.fa-strikethrough:before{content:"\f0cc"}.fa-stripe:before{content:"\f429"}.fa-stripe-s:before{content:"\f42a"}.fa-stroopwafel:before{content:"\f551"}.fa-studiovinari:before{content:"\f3f8"}.fa-stumbleupon:before{content:"\f1a4"}.fa-stumbleupon-circle:before{content:"\f1a3"}.fa-subscript:before{content:"\f12c"}.fa-subway:before{content:"\f239"}.fa-suitcase:before{content:"\f0f2"}.fa-suitcase-rolling:before{content:"\f5c1"}.fa-sun:before{content:"\f185"}.fa-sun-cloud:before{content:"\f763"}.fa-sun-dust:before{content:"\f764"}.fa-sun-haze:before{content:"\f765"}.fa-sunrise:before{content:"\f766"}.fa-sunset:before{content:"\f767"}.fa-superpowers:before{content:"\f2dd"}.fa-superscript:before{content:"\f12b"}.fa-supple:before{content:"\f3f9"}.fa-surprise:before{content:"\f5c2"}.fa-swatchbook:before{content:"\f5c3"}.fa-swimmer:before{content:"\f5c4"}.fa-swimming-pool:before{content:"\f5c5"}.fa-sword:before{content:"\f71c"}.fa-swords:before{content:"\f71d"}.fa-synagogue:before{content:"\f69b"}.fa-sync:before{content:"\f021"}.fa-sync-alt:before{content:"\f2f1"}.fa-syringe:before{content:"\f48e"}.fa-table:before{content:"\f0ce"}.fa-table-tennis:before{content:"\f45d"}.fa-tablet:before{content:"\f10a"}.fa-tablet-alt:before{content:"\f3fa"}.fa-tablet-android:before{content:"\f3fb"}.fa-tablet-android-alt:before{content:"\f3fc"}.fa-tablet-rugged:before{content:"\f48f"}.fa-tablets:before{content:"\f490"}.fa-tachometer:before{content:"\f0e4"}.fa-tachometer-alt:before{content:"\f3fd"}.fa-tachometer-alt-average:before{content:"\f624"}.fa-tachometer-alt-fast:before{content:"\f625"}.fa-tachometer-alt-fastest:before{content:"\f626"}.fa-tachometer-alt-slow:before{content:"\f627"}.fa-tachometer-alt-slowest:before{content:"\f628"}.fa-tachometer-average:before{content:"\f629"}.fa-tachometer-fast:before{content:"\f62a"}.fa-tachometer-fastest:before{content:"\f62b"}.fa-tachometer-slow:before{content:"\f62c"}.fa-tachometer-slowest:before{content:"\f62d"}.fa-tag:before{content:"\f02b"}.fa-tags:before{content:"\f02c"}.fa-tally:before{content:"\f69c"}.fa-tape:before{content:"\f4db"}.fa-tasks:before{content:"\f0ae"}.fa-taxi:before{content:"\f1ba"}.fa-teamspeak:before{content:"\f4f9"}.fa-teeth:before{content:"\f62e"}.fa-teeth-open:before{content:"\f62f"}.fa-telegram:before{content:"\f2c6"}.fa-telegram-plane:before{content:"\f3fe"}.fa-temperature-frigid:before{content:"\f768"}.fa-temperature-high:before{content:"\f769"}.fa-temperature-hot:before{content:"\f76a"}.fa-temperature-low:before{content:"\f76b"}.fa-tencent-weibo:before{content:"\f1d5"}.fa-tennis-ball:before{content:"\f45e"}.fa-terminal:before{content:"\f120"}.fa-text-height:before{content:"\f034"}.fa-text-width:before{content:"\f035"}.fa-th:before{content:"\f00a"}.fa-th-large:before{content:"\f009"}.fa-th-list:before{content:"\f00b"}.fa-the-red-yeti:before{content:"\f69d"}.fa-theater-masks:before{content:"\f630"}.fa-themeco:before{content:"\f5c6"}.fa-themeisle:before{content:"\f2b2"}.fa-thermometer:before{content:"\f491"}.fa-thermometer-empty:before{content:"\f2cb"}.fa-thermometer-full:before{content:"\f2c7"}.fa-thermometer-half:before{content:"\f2c9"}.fa-thermometer-quarter:before{content:"\f2ca"}.fa-thermometer-three-quarters:before{content:"\f2c8"}.fa-theta:before{content:"\f69e"}.fa-think-peaks:before{content:"\f731"}.fa-thumbs-down:before{content:"\f165"}.fa-thumbs-up:before{content:"\f164"}.fa-thumbtack:before{content:"\f08d"}.fa-thunderstorm:before{content:"\f76c"}.fa-thunderstorm-moon:before{content:"\f76d"}.fa-thunderstorm-sun:before{content:"\f76e"}.fa-ticket:before{content:"\f145"}.fa-ticket-alt:before{content:"\f3ff"}.fa-tilde:before{content:"\f69f"}.fa-times:before{content:"\f00d"}.fa-times-circle:before{content:"\f057"}.fa-times-hexagon:before{content:"\f2ee"}.fa-times-octagon:before{content:"\f2f0"}.fa-times-square:before{content:"\f2d3"}.fa-tint:before{content:"\f043"}.fa-tint-slash:before{content:"\f5c7"}.fa-tire:before{content:"\f631"}.fa-tire-flat:before{content:"\f632"}.fa-tire-pressure-warning:before{content:"\f633"}.fa-tire-rugged:before{content:"\f634"}.fa-tired:before{content:"\f5c8"}.fa-toggle-off:before{content:"\f204"}.fa-toggle-on:before{content:"\f205"}.fa-toilet-paper:before{content:"\f71e"}.fa-toilet-paper-alt:before{content:"\f71f"}.fa-tombstone:before{content:"\f720"}.fa-tombstone-alt:before{content:"\f721"}.fa-toolbox:before{content:"\f552"}.fa-tooth:before{content:"\f5c9"}.fa-toothbrush:before{content:"\f635"}.fa-torah:before{content:"\f6a0"}.fa-torii-gate:before{content:"\f6a1"}.fa-tornado:before{content:"\f76f"}.fa-tractor:before{content:"\f722"}.fa-trade-federation:before{content:"\f513"}.fa-trademark:before{content:"\f25c"}.fa-traffic-cone:before{content:"\f636"}.fa-traffic-light:before{content:"\f637"}.fa-traffic-light-go:before{content:"\f638"}.fa-traffic-light-slow:before{content:"\f639"}.fa-traffic-light-stop:before{content:"\f63a"}.fa-train:before{content:"\f238"}.fa-transgender:before{content:"\f224"}.fa-transgender-alt:before{content:"\f225"}.fa-trash:before{content:"\f1f8"}.fa-trash-alt:before{content:"\f2ed"}.fa-treasure-chest:before{content:"\f723"}.fa-tree:before{content:"\f1bb"}.fa-tree-alt:before{content:"\f400"}.fa-trees:before{content:"\f724"}.fa-trello:before{content:"\f181"}.fa-triangle:before{content:"\f2ec"}.fa-tripadvisor:before{content:"\f262"}.fa-trophy:before{content:"\f091"}.fa-trophy-alt:before{content:"\f2eb"}.fa-truck:before{content:"\f0d1"}.fa-truck-container:before{content:"\f4dc"}.fa-truck-couch:before{content:"\f4dd"}.fa-truck-loading:before{content:"\f4de"}.fa-truck-monster:before{content:"\f63b"}.fa-truck-moving:before{content:"\f4df"}.fa-truck-pickup:before{content:"\f63c"}.fa-truck-ramp:before{content:"\f4e0"}.fa-tshirt:before{content:"\f553"}.fa-tty:before{content:"\f1e4"}.fa-tumblr:before{content:"\f173"}.fa-tumblr-square:before{content:"\f174"}.fa-turkey:before{content:"\f725"}.fa-turtle:before{content:"\f726"}.fa-tv:before{content:"\f26c"}.fa-tv-retro:before{content:"\f401"}.fa-twitch:before{content:"\f1e8"}.fa-twitter:before{content:"\f099"}.fa-twitter-square:before{content:"\f081"}.fa-typo3:before{content:"\f42b"}.fa-uber:before{content:"\f402"}
58.fa-uikit:before{content:"\f403"}.fa-umbrella:before{content:"\f0e9"}.fa-umbrella-beach:before{content:"\f5ca"}.fa-underline:before{content:"\f0cd"}.fa-undo:before{content:"\f0e2"}.fa-undo-alt:before{content:"\f2ea"}.fa-unicorn:before{content:"\f727"}.fa-union:before{content:"\f6a2"}.fa-uniregistry:before{content:"\f404"}.fa-universal-access:before{content:"\f29a"}.fa-university:before{content:"\f19c"}.fa-unlink:before{content:"\f127"}.fa-unlock:before{content:"\f09c"}.fa-unlock-alt:before{content:"\f13e"}.fa-untappd:before{content:"\f405"}.fa-upload:before{content:"\f093"}.fa-usb:before{content:"\f287"}.fa-usd-circle:before{content:"\f2e8"}.fa-usd-square:before{content:"\f2e9"}.fa-user:before{content:"\f007"}.fa-user-alt:before{content:"\f406"}.fa-user-alt-slash:before{content:"\f4fa"}.fa-user-astronaut:before{content:"\f4fb"}.fa-user-chart:before{content:"\f6a3"}.fa-user-check:before{content:"\f4fc"}.fa-user-circle:before{content:"\f2bd"}.fa-user-clock:before{content:"\f4fd"}.fa-user-cog:before{content:"\f4fe"}.fa-user-crown:before{content:"\f6a4"}.fa-user-edit:before{content:"\f4ff"}.fa-user-friends:before{content:"\f500"}.fa-user-graduate:before{content:"\f501"}.fa-user-injured:before{content:"\f728"}.fa-user-lock:before{content:"\f502"}.fa-user-md:before{content:"\f0f0"}.fa-user-minus:before{content:"\f503"}.fa-user-ninja:before{content:"\f504"}.fa-user-plus:before{content:"\f234"}.fa-user-secret:before{content:"\f21b"}.fa-user-shield:before{content:"\f505"}.fa-user-slash:before{content:"\f506"}.fa-user-tag:before{content:"\f507"}.fa-user-tie:before{content:"\f508"}.fa-user-times:before{content:"\f235"}.fa-users:before{content:"\f0c0"}.fa-users-class:before{content:"\f63d"}.fa-users-cog:before{content:"\f509"}.fa-users-crown:before{content:"\f6a5"}.fa-ussunnah:before{content:"\f407"}.fa-utensil-fork:before{content:"\f2e3"}.fa-utensil-knife:before{content:"\f2e4"}.fa-utensil-spoon:before{content:"\f2e5"}.fa-utensils:before{content:"\f2e7"}.fa-utensils-alt:before{content:"\f2e6"}.fa-vaadin:before{content:"\f408"}.fa-value-absolute:before{content:"\f6a6"}.fa-vector-square:before{content:"\f5cb"}.fa-venus:before{content:"\f221"}.fa-venus-double:before{content:"\f226"}.fa-venus-mars:before{content:"\f228"}.fa-viacoin:before{content:"\f237"}.fa-viadeo:before{content:"\f2a9"}.fa-viadeo-square:before{content:"\f2aa"}.fa-vial:before{content:"\f492"}.fa-vials:before{content:"\f493"}.fa-viber:before{content:"\f409"}.fa-video:before{content:"\f03d"}.fa-video-plus:before{content:"\f4e1"}.fa-video-slash:before{content:"\f4e2"}.fa-vihara:before{content:"\f6a7"}.fa-vimeo:before{content:"\f40a"}.fa-vimeo-square:before{content:"\f194"}.fa-vimeo-v:before{content:"\f27d"}.fa-vine:before{content:"\f1ca"}.fa-vk:before{content:"\f189"}.fa-vnv:before{content:"\f40b"}.fa-volcano:before{content:"\f770"}.fa-volleyball-ball:before{content:"\f45f"}.fa-volume:before{content:"\f6a8"}.fa-volume-down:before{content:"\f027"}.fa-volume-mute:before{content:"\f6a9"}.fa-volume-off:before{content:"\f026"}.fa-volume-slash:before{content:"\f2e2"}.fa-volume-up:before{content:"\f028"}.fa-vote-nay:before{content:"\f771"}.fa-vote-yea:before{content:"\f772"}.fa-vr-cardboard:before{content:"\f729"}.fa-vuejs:before{content:"\f41f"}.fa-walking:before{content:"\f554"}.fa-wallet:before{content:"\f555"}.fa-wand:before{content:"\f72a"}.fa-wand-magic:before{content:"\f72b"}.fa-warehouse:before{content:"\f494"}.fa-warehouse-alt:before{content:"\f495"}.fa-watch:before{content:"\f2e1"}.fa-watch-fitness:before{content:"\f63e"}.fa-water:before{content:"\f773"}.fa-water-lower:before{content:"\f774"}.fa-water-rise:before{content:"\f775"}.fa-weebly:before{content:"\f5cc"}.fa-weibo:before{content:"\f18a"}.fa-weight:before{content:"\f496"}.fa-weight-hanging:before{content:"\f5cd"}.fa-weixin:before{content:"\f1d7"}.fa-whale:before{content:"\f72c"}.fa-whatsapp:before{content:"\f232"}.fa-whatsapp-square:before{content:"\f40c"}.fa-wheat:before{content:"\f72d"}.fa-wheelchair:before{content:"\f193"}.fa-whistle:before{content:"\f460"}.fa-whmcs:before{content:"\f40d"}.fa-wifi:before{content:"\f1eb"}
58.fa-wifi-1:before{content:"\f6aa"}.fa-wifi-2:before{content:"\f6ab"}.fa-wifi-slash:before{content:"\f6ac"}.fa-wikipedia-w:before{content:"\f266"}.fa-wind:before{content:"\f72e"}.fa-wind-warning:before{content:"\f776"}.fa-window:before{content:"\f40e"}.fa-window-alt:before{content:"\f40f"}.fa-window-close:before{content:"\f410"}.fa-window-maximize:before{content:"\f2d0"}.fa-window-minimize:before{content:"\f2d1"}.fa-window-restore:before{content:"\f2d2"}.fa-windows:before{content:"\f17a"}.fa-windsock:before{content:"\f777"}.fa-wine-bottle:before{content:"\f72f"}.fa-wine-glass:before{content:"\f4e3"}.fa-wine-glass-alt:before{content:"\f5ce"}.fa-wix:before{content:"\f5cf"}.fa-wizards-of-the-coast:before{content:"\f730"}.fa-wolf-pack-battalion:before{content:"\f514"}.fa-won-sign:before{content:"\f159"}.fa-wordpress:before{content:"\f19a"}.fa-wordpress-simple:before{content:"\f411"}.fa-wpbeginner:before{content:"\f297"}.fa-wpexplorer:before{content:"\f2de"}.fa-wpforms:before{content:"\f298"}.fa-wpressr:before{content:"\f3e4"}.fa-wrench:before{content:"\f0ad"}.fa-x-ray:before{content:"\f497"}.fa-xbox:before{content:"\f412"}.fa-xing:before{content:"\f168"}.fa-xing-square:before{content:"\f169"}.fa-y-combinator:before{content:"\f23b"}.fa-yahoo:before{content:"\f19e"}.fa-yandex:before{content:"\f413"}.fa-yandex-international:before{content:"\f414"}.fa-yelp:before{content:"\f1e9"}.fa-yen-sign:before{content:"\f157"}.fa-yin-yang:before{content:"\f6ad"}.fa-yoast:before{content:"\f2b1"}.fa-youtube:before{content:"\f167"}.fa-youtube-square:before{content:"\f431"}.fa-zhihu:before{content:"\f63f"}.sr-only{border:0;clip:rect(0,0,0,0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.sr-only-focusable:active,.sr-only-focusable:focus{clip:auto;height:auto;margin:0;overflow:visible;position:static;width:auto}@font-face{font-family:"Font Awesome 5 Brands";font-style:normal;font-weight:normal;src:url(/v2/webfonts/fa-brands-400.eot);src:url(/v2/webfonts/fa-brands-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-brands-400.woff2) format("woff2"),url(/v2/webfonts/fa-brands-400.woff) format("woff"),url(/v2/webfonts/fa-brands-400.ttf) format("truetype"),url(/v2/webfonts/fa-brands-400.svg#fontawesome) format("svg")}.fab{font-family:"Font Awesome 5 Brands"}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:300;src:url(/v2/webfonts/fa-light-300.eot);src:url(/v2/webfonts/fa-light-300.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-light-300.woff2) format("woff2"),url(/v2/webfonts/fa-light-300.woff) format("woff"),url(/v2/webfonts/fa-light-300.ttf) format("truetype"),url(/v2/webfonts/fa-light-300.svg#fontawesome) format("svg")}.fal{font-weight:300}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:400;src:url(/v2/webfonts/fa-regular-400.eot);src:url(/v2/webfonts/fa-regular-400.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-regular-400.woff2) format("woff2"),url(/v2/webfonts/fa-regular-400.woff) format("woff"),url(/v2/webfonts/fa-regular-400.ttf) format("truetype"),url(/v2/webfonts/fa-regular-400.svg#fontawesome) format("svg")}.fal,.far{font-family:"Font Awesome 5 Pro"}.far{font-weight:400}@font-face{font-family:"Font Awesome 5 Pro";font-style:normal;font-weight:900;src:url(/v2/webfonts/fa-solid-900.eot);src:url(/v2/webfonts/fa-solid-900.eot?#iefix) format("embedded-opentype"),url(/v2/webfonts/fa-solid-900.woff2) format("woff2"),url(/v2/webfonts/fa-solid-900.woff) format("woff"),url(/v2/webfonts/fa-solid-900.ttf) format("truetype"),url(/v2/webfonts/fa-solid-900.svg#fontawesome) format("svg")}.fa,.fas{font-family:"Font Awesome 5 Pro";font-weight:900} 59 60 /* 61**margin 5px - 100px 62**padding 5px - 100px 63*/ 64 65.mt_5{margin-top:5px}.mt_10{margin-top:10px}.mt_15{margin-top:15px}.mt_20{margin-top:20px}.mt_25{margin-top:25px}.mt_30{margin-top:30px}.mt_35{margin-top:35px}.mt_40{margin-top:40px}.mt_45{margin-top:45px}.mt_50{margin-top:50px}.mt_55{margin-top:55px}.mt_60{margin-top:60px}.mt_65{margin-top:65px}.mt_70{margin-top:70px}.mt_75{margin-top:75px}.mt_80{margin-top:80px}.mt_85{margin-top:85px}.mt_90{margin-top:90px}.mt_95{margin-top:95px}.mt_100{margin-top:100px}.mb_5{margin-bottom:5px}.mb_10{margin-bottom:10px}.mb_15{margin-bottom:15px}.mb_20{margin-bottom:20px}.mb_25{margin-bottom:25px}.mb_30{margin-bottom:30px}.mb_35{margin-bottom:35px}.mb_40{margin-bottom:40px}.mb_45{margin-bottom:45px}.mb_50{margin-bottom:50px}.mb_55{margin-bottom:55px}.mb_60{margin-bottom:60px}.mb_65{margin-bottom:65px}.mb_70{margin-bottom:70px}.mb_75{margin-bottom:75px}.mb_80{margin-bottom:80px}.mb_85{margin-bottom:85px}.mb_90{margin-bottom:90px}.mb_95{margin-bottom:95px}.mb_100{margin-bottom:100px}.mr_5{margin-right:5px}.mr_10{margin-right:10px}.mr_15{margin-right:15px}.mr_20{margin-right:20px}.mr_25{margin-right:25px}.mr_30{margin-right:30px}.mr_35{margin-right:35px}.mr_40{margin-right:40px}.mr_45{margin-right:45px}.mr_50{margin-right:50px}.mr_55{margin-right:55px}.mr_60{margin-right:60px}.mr_65{margin-right:65px}.mr_70{margin-right:70px}.mr_75{margin-right:75px}.mr_80{margin-right:80px}.mr_85{margin-right:85px}.mr_90{margin-right:90px}.mr_95{margin-right:95px}.mr_100{margin-right:100px}.ml_5{margin-left:5px}.ml_10{margin-left:10px}.ml_15{margin-left:15px}.ml_20{margin-left:20px}.ml_25{margin-left:25px}.ml_30{margin-left:30px}.ml_35{margin-left:35px}.ml_40{margin-left:40px}.ml_45{margin-left:45px}.ml_50{margin-left:50px}.ml_55{margin-left:55px}.ml_60{margin-left:60px}.ml_65{margin-left:65px}.ml_70{margin-left:70px}.ml_75{margin-left:75px}.ml_80{margin-left:80px}.ml_85{margin-left:85px}.ml_90{margin-left:90px}.ml_95{margin-left:95px}.ml_100{margin-left:100px}.pt_5{padding-top:5px}.pt_10{padding-top:10px}.pt_15{padding-top:15px}.pt_20{padding-top:20px}.pt_25{padding-top:25px}.pt_30{padding-top:30px}.pt_35{padding-top:35px}.pt_40{padding-top:40px}.pt_45{padding-top:45px}.pt_50{padding-top:50px}.pt_55{padding-top:55px}.pt_60{padding-top:60px}.pt_65{padding-top:65px}.pt_70{padding-top:70px}.pt_75{padding-top:75px}.pt_80{padding-top:80px}.pt_85{padding-top:85px}.pt_90{padding-top:90px}.pt_95{padding-top:95px}.pt_100{padding-top:100px}.pb_5{padding-bottom:5px}.pb_10{padding-bottom:10px}.pb_15{padding-bottom:15px}.pb_20{padding-bottom:20px}.pb_25{padding-bottom:25px}.pb_30{padding-bottom:30px}.pb_35{padding-bottom:35px}.pb_40{padding-bottom:40px}.pb_45{padding-bottom:45px}.pb_50{padding-bottom:50px}.pb_55{padding-bottom:55px}.pb_60{padding-bottom:60px}.pb_65{padding-bottom:65px}.pb_70{padding-bottom:70px}.pb_75{padding-bottom:75px}.pb_80{padding-bottom:80px}.pb_85{padding-bottom:85px}.pb_90{padding-bottom:90px}.pb_95{padding-bottom:95px}.pb_100{padding-bottom:100px}.pr_5{padding-right:5px}.pr_10{padding-right:10px}.pr_15{padding-right:15px}.pr_20{padding-right:20px}.pr_25{padding-right:25px}.pr_30{padding-right:30px}.pr_35{padding-right:35px}.pr_40{padding-right:40px}.pr_45{padding-right:45px}.pr_50{padding-right:50px}.pr_55{padding-right:55px}.pr_60{padding-right:60px}.pr_65{padding-right:65px}.pr_70{padding-right:70px}.pr_75{padding-right:75px}.pr_80{padding-right:80px}.pr_85{padding-right:85px}.pr_90{padding-right:90px}.pr_95{padding-right:95px}.pr_100{padding-right:100px}.pl_5{padding-left:5px}.pl_10{padding-left:10px}.pl_15{padding-left:15px}.pl_20{padding-left:20px}.pl_25{padding-left:25px}.pl_30{padding-left:30px}.pl_35{padding-left:35px}.pl_40{padding-left:40px}.pl_45{padding-left:45px}.pl_50{padding-left:50px}.pl_55{padding-left:55px}.pl_60{padding-left:60px}.pl_65{padding-left:65px}.pl_70{padding-left:70px}.pl_75{padding-left:75px}.pl_80{padding-left:80px}.pl_85{padding-left:85px}.pl_90{padding-left:90px}.pl_95{padding-left:95px}.pl_100{padding-left:100px} 66.pt_130{ 67 padding-top: 130px; 68} 69.pt_150{ 70 padding-top: 150px; 71} 72.pb_150{ 73 padding-bottom: 150px; 74} 75.pt_120{ 76 padding-top: 120px; 77} 78.pb_120{ 79 padding-bottom: 120px; 80} 81 /*====================== 8201. Google fonts 83========================*/ 84 85@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap'); 86@font-face { 87 font-family: 'ChopinScript'; 88 src: url('/v3/webfonts/ChopinScript.eot'); 89 src: url('/v3/webfonts/ChopinScript.eot?#iefix') format('embedded-opentype'), url('/v3/webfonts/ChopinScript.woff2') format('woff2'), url('/v3/webfonts/ChopinScript.woff') format('woff'), url('/v3/webfonts/ChopinScript.ttf') format('truetype'), url('/v3/webfonts/ChopinScript.svg#ChopinScript') format('svg'); 90 font-weight: 500; 91 font-style: normal; 92 font-display: swap; 93} 94 95 96/*====================== 9702. Basic css 98========================*/ 99 100:root { 101 --theme-color: #1A8FE3; 102} 103 104:root { 105 --neutral-100: #181D20; 106 --shadow-1: 3px 10px 40px rgba(24, 29, 32, .05); 107 --shadow-2: 3px 1px 32px rgba(24, 29, 32, .05); 108} 109 110 111html, 112body, 113div, 114span, 115h1, 116h2, 117h3, 118h4, 119h5, 120h6, 121p,
122a, 123strong, 124i, 125ol, 126ul, 127li, 128form, 129label, 130footer, 131header, 132menu, 133nav, 134section { 135 margin: 0; 136 padding: 0; 137} 138 139body { 140 font-family: 'Poppins', sans-serif; 141 background-color: #fff; 142 font-size: 16px; 143 line-height: 140%; 144 letter-spacing: 0.005em; 145 color: #707375; 146 font-weight: 400; 147 overflow-x: hidden; 148} 149 150ol, 151ul { 152 list-style: none; 153} 154 155a:hover { 156 text-decoration: none; 157} 158 159button:focus, 160a:focus, 161input:focus, 162textarea:focus { 163 outline: none; 164} 165 166a, 167button { 168 -webkit-transition: 0.3s; 169 -o-transition: 0.3s; 170 transition: 0.3s; 171} 172 173 174/* page loader */ 175 176#preloader { 177 position: fixed; 178 background: #fff; 179 top: 0; 180 left: 0; 181 right: 0; 182 bottom: 0; 183 z-index: 99999; 184 height: 100vh; 185 width: 100vw; 186 display: -webkit-box; 187 display: -ms-flexbox; 188 display: flex; 189 -webkit-box-align: center; 190 -ms-flex-align: center; 191 align-items: center; 192 -webkit-box-pack: center; 193 -ms-flex-pack: center; 194 justify-content: center; 195} 196 197.loader3 { 198 width: 50px; 199 height: 50px; 200 display: inline-block; 201 padding: 0; 202 text-align: left; 203} 204 205.loader3 span { 206 position: absolute; 207 display: inline-block; 208 width: 50px; 209 height: 50px; 210 border-radius: 100%; 211 background: var(--blue); 212 -webkit-animation: loader3 1.5s linear infinite; 213 animation: loader3 1.5s linear infinite; 214} 215 216.loader3 span:last-child { 217 animation-delay: -0.9s; 218 -webkit-animation-delay: -0.9s; 219} 220 221@keyframes loader3 { 222 0% { 223 -webkit-transform: scale(0, 0); 224 transform: scale(0, 0); 225 opacity: 0.8; 226 } 227 100% { 228 -webkit-transform: scale(1, 1); 229 transform: scale(1, 1); 230 opacity: 0; 231 } 232} 233 234@-webkit-keyframes loader3 { 235 0% { 236 -webkit-transform: scale(0, 0); 237 opacity: 0.8; 238 } 239 100% { 240 -webkit-transform: scale(1, 1); 241 opacity: 0; 242 } 243} 244 245#spinner { 246 position: fixed; 247 top: 0; 248 left: 0; 249 right: 0; 250 bottom: 0; 251 z-index: 99999; 252 height: 100vh; 253 width: 100vw; 254 display: -webkit-box; 255 display: -ms-flexbox; 256 display: flex; 257 -webkit-box-align: center; 258 -ms-flex-align: center; 259 align-items: center; 260 -webkit-box-pack: center; 261 -ms-flex-pack: center; 262 justify-content: center; 263} 264 265.spinner-bg { 266 position: fixed; 267 background: #181D20; 268 opacity: 0.4; 269 height: 100vh; 270 width: 100vw; 271} 272 273.spinner-wrapper { 274 position: fixed; 275 max-width: 100%; 276 z-index: 10001; 277 /* width: 162px; 278 height: 114px; */ 279 background-color: #fff; 280 overflow: hidden; 281 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 282 border-radius: 8px; 283 padding: 24px; 284 flex-direction: column; 285 align-items: center; 286} 287 288.spinner-text { 289 font-weight: 500; 290 font-size: 12px; 291 letter-spacing: 0.005em; 292 color: #181D20; 293 margin-top: 1rem; 294} 295 296#spinner .spinner-border { 297 width: 4.6rem; 298 height: 4.6rem; 299} 300 301 302/*Hamburger-menu START CSS*/ 303 304.hamburger-menu { 305 cursor: pointer; 306 display: none; 307 z-index: 999; 308 margin-left: auto; 309 width: 24px; 310 height: 24px; 311 position: relative; 312 overflow: visible; 313} 314 315.hamburger-menu span { 316 background: #525658; 317 width: 17px; 318 height: 1.5px; 319 display: block; 320 margin: 3.5px auto; 321 -webkit-transition: all 0.3s ease; 322 -o-transition: all 0.3s ease; 323 transition: all 0.3s ease; 324 border-radius: 5px; 325 position: relative; 326 left: 50%; 327 transform: translateX(-50%); 328} 329 330.hamburger-menu .line-top.current { 331 -webkit-transform: translateX(-50%) translateY(240%) rotate(135deg); 332 -ms-transform: translateX(-50%) translateY(240%) rotate(135deg); 333 transform: translateX(-50%) translateY(240%) rotate(135deg); 334} 335 336.hamburger-menu .line-center.current { 337 opacity: 0; 338} 339 340.hamburger-menu .line-bottom.current { 341 -webkit-transform: translateX(-50%) translateY(-350%) rotate(-135deg); 342 -ms-transform: translateX(-50%) translateY(-350%) rotate(-135deg); 343 transform: translateX(-50%) translateY(-350%) rotate(-135deg); 344 margin-top: -1px; 345} 346 347header { 348 background-color: #fff; 349 padding: 16px 0; 350} 351 352header.has-search {} 353 354header.has-search .header-tools { 355 margin-left: -55px; 356} 357 358@media (max-width: 1199px) { 359 header.has-search .header-tools { 360 margin-left: -40px; 361 margin-right: 6px; 362 } 363} 364 365@media (max-width: 992px) { 366 header.has-search .header-tools { 367 margin-left: 0; 368 } 369} 370 371 372/*sticky START CSS*/ 373 374header.sticky { 375 -webkit-box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); 376 box-shadow: 0 2px 10px 0 rgba(0, 0, 0, .1); 377} 378 379main { 380 position: relative; 381} 382 383#menu { 384 text-align: center; 385} 386 387#menu>li { 388 display: inline-block; 389 padding: 0 18px; 390} 391 392#menu>li>a { 393 padding: 0; 394 font-size: 14px; 395 line-height: 1.5; 396 color: #828586; 397 position: relative; 398} 399 400#menu>li>a::before { 401 position: absolute; 402 content: ''; 403 width: 0; 404 height: 2px; 405 top: 100%; 406 left: 50%; 407 -webkit-transform: translateX(-50%); 408 -ms-transform: translateX(-50%); 409 transform: translateX(-50%); 410 background: var(--theme-color); 411 border-radius: 99px; 412 -webkit-transition: 0.3s; 413 -o-transition: 0.3s; 414 transition: 0.3s; 415} 416 417#menu>li>a.active, 418#menu>li>a:hover { 419 color: var(--theme-color); 420} 421 422#menu>li>a.active:before, 423#menu>li>a:hover:before { 424 width: 8px; 425} 426 427#menu>li>a.active { 428 font-weight: 500; 429} 430 431.social_icon { 432 text-align: right; 433} 434 435.social_icon a { 436 background: #F6FBFE; 437 color: var(--theme-color); 438 width: 28px; 439 height: 28px; 440 text-align: center; 441 border-radius: 50%; 442 display: inline-block; 443 font-size: 13px; 444 line-height: 28px; 445} 446 447.social_icon a:hover { 448 background-color: var(--theme-color); 449 color: #fff; 450} 451 452.social_icon a:not(:last-child) { 453 margin-right: 11px; 454} 455 456.index .col, 457.index .col-1, 458.index .col-10, 459.index .col-11, 460.index .col-12, 461.index .col-2, 462.index .col-3, 463.index .col-4, 464.index .col-5, 465.index .col-6, 466.index .col-7, 467.index .col-8, 468.index .col-9, 469.index .col-auto, 470.index .col-lg, 471.index .col-lg-1, 472.index .col-lg-10, 473.index .col-lg-11, 474.index .col-lg-12, 475.index .col-lg-2, 476.index .col-lg-3, 477.index .col-lg-4, 478.index .col-lg-5, 479.index .col-lg-6, 480.index .col-lg-7, 481.index .col-lg-8, 482.index .col-lg-9, 483.index .col-lg-auto, 484.index .col-md, 485.index .col-md-1, 486.index .col-md-10, 487.index .col-md-11, 488.index .col-md-12, 489.index .col-md-2, 490.index .col-md-3, 491.index .col-md-4, 492.index .col-md-5, 493.index .col-md-6, 494.index .col-md-7, 495.index .col-md-8, 496.index .col-md-9, 497.index .col-md-auto, 498.index .col-sm, 499.index .col-sm-1, 500.index .col-sm-10, 501.index .col-sm-11, 502.index .col-sm-12, 503.index .col-sm-2, 504.index .col-sm-3, 505.index .col-sm-4, 506.index .col-sm-5, 507.index .col-sm-6, 508.index .col-sm-7, 509.index .col-sm-8, 510.index .col-sm-9, 511.index .col-sm-auto, 512.index .col-xl, 513.index .col-xl-1, 514.index .col-xl-10, 515.index .col-xl-11, 516.index .col-xl-12, 517.index .col-xl-2, 518.index .col-xl-3, 519.index .col-xl-4, 520.index .col-xl-5, 521.index .col-xl-6, 522.index .col-xl-7, 523.index .col-xl-8, 524.index .col-xl-9, 525.index .col-xl-auto { 526 padding-left: 24px; 527 padding-right: 24px; 528} 529 530.index .row { 531 margin-right: -24px; 532 margin-left: -24px; 533} 534 535.w-33 {
536 width: 33.33333% !important; 537} 538 539.index .container, 540.index .container-fluid, 541.index .container-lg, 542.index .container-md, 543.index .container-sm, 544.index .container-xl { 545 padding-left: 24px; 546 padding-right: 24px; 547} 548 549.gray { 550 color: #707375 !important; 551} 552 553.mt_8 { 554 margin-top: 8px; 555} 556 557.mt_24 { 558 margin-top: 24px; 559} 560 561.mt_32 { 562 margin-top: 32px; 563} 564 565.mt_40 { 566 margin-top: 40px; 567} 568 569.pt_40 { 570 padding-top: 40px; 571} 572 573.pt_156 { 574 padding-top: 156px; 575} 576 577.pb_8 { 578 padding-bottom: 8px; 579} 580 581.pb_195 { 582 padding-bottom: 195px; 583} 584 585.pl_16 { 586 padding-left: 16px !important; 587} 588 589.pr_24 { 590 padding-right: 24px; 591} 592 593.v_1 { 594 background-color: #FCE9ED; 595 color: #E54F6D; 596} 597 598.v_2 { 599 background-color: #EEE9FC; 600 color: #764FE5; 601} 602 603.v_3 { 604 background-color: #FFE5EA; 605 color: #FF3D62; 606} 607 608.v_4 { 609 background-color: #FDEFE7; 610 color: #F0874C; 611} 612 613.v_5 { 614 background-color: #EBE7FD; 615 color: #7961F2; 616} 617 618.v_6 { 619 background-color: #F6FCE9; 620 color: #93CA1C; 621} 622 623.v_7 { 624 background-color: #FCF4E9; 625 color: #E54F6D; 626} 627 628.v_8 { 629 background-color: #FCF4E9; 630 color: #E8AA54; 631} 632 633.v_9 { 634 background-color: #F3FCE9; 635 color: #6ECA1C; 636} 637 638.v_10 { 639 background-color: #1A8FE3; 640} 641 642.v_11 { 643 background-color: #764FE5; 644} 645 646.v_12 { 647 background-color: #E54F6D; 648} 649 650.v_13 { 651 background-color: #6ECA1C; 652} 653 654.v_14 { 655 background-color: #F0874C; 656} 657 658.v_15 { 659 background-color: #1A8FE3; 660} 661 662.b-b { 663 border-bottom: 1px solid #E3E3E4; 664} 665 666.color-green { 667 color: #3FA796; 668} 669 670.color-violet { 671 color: #6F56EC; 672} 673 674.icon_arrow.v1 { 675 color: #E24841; 676 background-color: transparent; 677} 678 679.icon_arrow.v2 { 680 color: #E2C740; 681 background-color: transparent; 682} 683 684.icon_arrow.v3 { 685 color: #FF7919; 686 background-color: transparent; 687} 688 689.icon_arrow.v4 { 690 color: #10D0D5; 691 background-color: transparent; 692} 693 694.icon_arrow.v5 { 695 color: #624BD8; 696 background-color: transparent; 697} 698 699.icon_arrow.v6 { 700 color: #3D99F5; 701 background-color: transparent; 702} 703 704.icon_arrow.v7 { 705 color: #79DC47; 706 background-color: transparent; 707} 708 709.icon_arrow.v8 { 710 color: #FF5975; 711 background-color: transparent; 712} 713 714.icon_arrow.v9 { 715 color: #E54F6D; 716 background-color: transparent; 717} 718 719.icon_arrow.v10 { 720 color: #764FE5; 721 background-color: transparent; 722} 723 724.icon_arrow.v11 { 725 color: #F0874C; 726 background-color: transparent; 727} 728 729.icon_arrow.v21, 730.icon_arrow.v20, 731.icon_arrow.v22 { 732 color: #FFF; 733 background-color: transparent; 734} 735 736 737/*home area*/ 738 739.home_content { 740 max-width: 508px; 741} 742 743.home_area { 744 padding: 10px 0 40px; 745 background-size: cover; 746 background-repeat: no-repeat; 747 background-position: center center; 748} 749 750.home_area h1 { 751 font-weight: bold; 752 font-size: 56px; 753 line-height: 140%; 754 color: #181D20; 755} 756 757.home_area h1 span { 758 color: var(--theme-color); 759} 760 761.home_area p { 762 font-size: 18px; 763 margin-top: 30px; 764} 765 766.button { 767 display: inline-block; 768 border-radius: 7px; 769 border: none; 770 color: #fff; 771 font-weight: 600; 772 font-size: 16px; 773 background-color: var(--theme-color); 774 padding: 13px 40px; 775 text-align: center; 776} 777 778.button:hover { 779 background-color: #126daf; 780 color: #fff; 781} 782 783.button-outline { 784 background-color: transparent; 785 border: 1px solid #1A8FE3; 786 color: #1A8FE3; 787 padding-top: 12px; 788 padding-bottom: 12px; 789} 790 791.button-grey { 792 background-color: #F6F6F6; 793 border: 1px solid #F6F6F6; 794 color: #707375; 795} 796 797.button-grey:hover { 798 background-color: #F6F6F6; 799 border-color: #707375; 800 color: #707375; 801} 802 803.button-outline--grey { 804 background-color: transparent; 805 border: 1px solid #707375; 806 color: #707375; 807} 808 809.button-outline--grey:hover { 810 background-color: #F6F6F6; 811 border-color: #707375; 812 color: #707375; 813} 814 815.animate-text { 816 position: relative; 817 width: 312px; 818 height: 65px; 819 text-align: center; 820 overflow: hidden; 821 display: inline-block; 822 top: 18px; 823} 824 825.animate-text__cont { 826 position: relative; 827 margin: 0; 828 padding: 0; 829 display: flex; 830 flex-direction: column; 831 align-items: center; 832} 833 834.animate-text__item { 835 white-space: nowrap; 836 height: 65px; 837 opacity: 0; 838 line-height: 1; 839} 840 841.home_area--first .home_content { 842 max-width: 100%; 843 position: relative; 844 text-align: center; 845} 846 847.home_area--first .home_content::after { 848 position: absolute; 849 content: ''; 850 width: 215px; 851 height: 260px; 852 top: -40px; 853 left: 0; 854 background-image: url('/v3/img/decorate/d-1.svg'); 855 background-repeat: no-repeat; 856 background-size: contain; 857} 858 859.home_area--first .home_content::before { 860 position: absolute; 861 content: ''; 862 width: 159px; 863 height: 212px; 864 top: -27px; 865 right: -21px; 866 background-image: url('/v3/img/decorate/d-2.svg'); 867 background-repeat: no-repeat; 868 background-size: contain; 869} 870 871.home_area--first .mt_24 { 872 margin-top: 24px; 873} 874 875.tools__content { 876 padding: 16px; 877 cursor: pointer; 878 display: block; 879 border-radius: 12px 12px 0 0; 880} 881 882.tools__circle { 883 border-radius: 99px; 884 width: 48px; 885 height: 48px; 886} 887 888.tools__icons img { 889 width: 24px; 890 height: 24px; 891 position: absolute; 892 left: 12px; 893 top: 12px; 894} 895 896.tools__name { 897 color: #ffffff; 898 font-weight: 600; 899 font-size: 20px; 900 margin-top: 0 !important; 901 text-align: left; 902} 903 904.tools__descr { 905 font-weight: 400; 906 font-size: 12px; 907 color: #ffffff; 908} 909 910.tools__tag { 911 display: inline-block; 912 position: relative; 913 border-radius: 99px; 914 padding: 1px 8px; 915} 916 917.tools__tag span { 918 font-weight: 400; 919 font-size: 12px; 920 line-height: 1.4; 921 letter-spacing: 0.005em; 922 color: #FFFFFF; 923} 924 925.tools__footer { 926 border-radius: 0 0 12px 12px; 927 padding: 10px 16px 16px 16px; 928 background-color: #fff; 929} 930 931.tools__footer>div { 932 border-radius: 8px; 933 padding: 10px; 934} 935 936.search_group--search { 937 max-width: 600px; 938 width: 100%; 939 display: inline-flex; 940 justify-content: center; 941 position: relative; 942} 943 944.decorate { 945 position: absolute; 946} 947 948.home_area--first { 949 position: relative; 950 padding-top: 40px; 951 padding-bottom: 150px; 952} 953 954.tools__item { 955 min-width: 232px; 956 border-radius: 12px; 957} 958 959.tools::before { 960 position: absolute; 961 content: ''; 962 background-image: url('/v3/img/decorate/d-3.svg'); 963 background-repeat: no-repeat; 964 width: 40px; 965 height: 41px; 966 bottom: -17px; 967 left: -7px; 968 z-index: 10; 969} 970 971.tools .slick-slide { 972 margin-left: 10px; 973 margin-right: 10px; 974} 975 976.tools .slick-list { 977 margin-left: -10px; 978 margin-right: -10px; 979} 980 981.d-4 { 982 position: absolute; 983 width: 40px; 984 height: 41px; 985 bottom: -54px; 986 left: calc(720px - 436px); 987} 988 989.tools::after { 990 position: absolute; 991 content: ''; 992 background-image: url('/v3/img/decorate/d-5.svg'); 993 background-repeat: no-repeat; 994 width: 40px; 995 height: 41px; 996 top: -25px; 997 right: 52px; 998 z-index: 10; 999} 1000 1001.tools__span { 1002 font-size: 10px; 1003 line-height: 15px; 1004 color: #707375; 1005 white-space: nowrap; 1006} 1007 1008.tools__upcoming { 1009 font-weight: 600; 1010 font-size: 10px; 1011 line-height: 15px; 1012 white-space: nowrap; 1013} 1014 1015.filter { 1016 background-color: #ffffff; 1017 border-radius: 99px; 1018 padding: 12px 6px; 1019 display: inline-flex; 1020 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1021} 1022 1023.filter__category { 1024 display: flex; 1025 align-items: center; 1026 border-radius: 99px; 1027 padding: 12px; 1028 cursor: pointer; 1029 margin-left: 6px; 1030 margin-right: 6px; 1031 white-space: nowrap; 1032 color: #525658; 1033} 1034 1035.filter__category.is-active { 1036 background-color: #1A8FE3; 1037 color: #FFFFFF; 1038} 1039 1040.filter__name { 1041 font-weight: 500; 1042 font-size: 14px; 1043 line-height: 1.5; 1044 margin-left: 8px; 1045} 1046 1047.statistic { 1048 margin-top: 80px; 1049 background-color: #EFF7FD; 1050 border-radius: 10px; 1051 padding: 24px 40px; 1052} 1053 1054.statistic__item { 1055 position: relative;
1056 align-items: center; 1057 justify-content: space-between; 1058} 1059 1060.statistic__item:not(:last-of-type)::after { 1061 content: ''; 1062 border-right: 1px solid #C8C9CA; 1063 height: 20px; 1064 padding-left: 80px; 1065} 1066 1067.statistic__num { 1068 font-weight: 600; 1069 font-size: 48px; 1070 color: #1A8FE3; 1071 margin-right: 24px; 1072} 1073 1074.statistic__text { 1075 font-size: 16px; 1076 color: #525658; 1077 font-size: 16px; 1078 display: flex; 1079 flex-direction: column; 1080} 1081 1082.filter-container { 1083 margin-left: auto; 1084 margin-right: auto; 1085} 1086 1087.tools { 1088 position: relative; 1089} 1090 1091.tools_box h4 { 1092 font-weight: 600; 1093 font-size: 20px; 1094 color: #181D20; 1095 margin-top: 16px; 1096 margin-bottom: 8px; 1097 white-space: nowrap; 1098 -o-text-overflow: ellipsis; 1099 text-overflow: ellipsis; 1100 overflow: hidden; 1101} 1102 1103.index .tools_box h4 { 1104 margin-top: 0; 1105} 1106 1107.check-tools { 1108 border-radius: 40px; 1109} 1110 1111.check-tools .title { 1112 line-height: 1.25; 1113 padding: 0; 1114} 1115 1116.catalog-box .icon_box { 1117 width: 48px; 1118 height: 48px; 1119 margin-right: 10px; 1120} 1121 1122.catalog-box h4 { 1123 font-size: 16px; 1124 line-height: 1.4; 1125 letter-spacing: 0.005em; 1126 margin-bottom: 2px; 1127 margin-top: 0; 1128} 1129 1130.catalog-box__tag { 1131 font-weight: 400; 1132 font-size: 12px; 1133 line-height: 1.4; 1134 letter-spacing: 0.005em; 1135} 1136 1137.catalog-box .tools_box { 1138 position: relative; 1139 padding-right: 44px; 1140} 1141 1142.check-tools__actions .button { 1143 color: #1A8FE3; 1144 background-color: transparent; 1145 border: 1.5px solid #1A8FE3; 1146} 1147 1148.support-area { 1149 /*background: linear-gradient(87.56deg, #1A8FE3 1.79%, rgba(26, 143, 227, 0) 383.1%);*/ 1150 background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%); 1151} 1152 1153.support-area__content .title { 1154 color: #FFFFFF; 1155 width: 588px; 1156} 1157 1158.support-area__content .descr { 1159 color: #EFEFEF; 1160 /*max-width: 459px;*/ 1161} 1162 1163.support-area__actions .button { 1164 color: #1A8FE3; 1165 background-color: #ffffff; 1166} 1167 1168.present_area { 1169 overflow: hidden; 1170} 1171 1172.present-card { 1173 background-color: #FFFFFF; 1174 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1175 border-radius: 12px; 1176 padding: 10px 10px 20px 10px; 1177 max-width: 392px; 1178 min-width: 392px; 1179 margin-left: 16px; 1180 margin-right: 16px; 1181} 1182 1183.present-card__bg { 1184 background-color: #d8e6ef; 1185 border-radius: 12px; 1186 height: 304px; 1187 position: relative; 1188 overflow: hidden; 1189} 1190 1191.bg-violet { 1192 background-color: #dee5f1; 1193} 1194 1195.bg-peach { 1196 background-color: #f2e0d8; 1197} 1198 1199.bg-pink { 1200 background-color: #f6defa; 1201} 1202 1203.present-card__bg img { 1204 top: 24px; 1205 left: 24px; 1206 border-radius: 8px; 1207 object-fit: contain; 1208 object-position: left bottom; 1209 position: absolute; 1210 width: 478px; 1211 height: 300px; 1212} 1213 1214.present-card__bg--doble img { 1215 object-fit: contain; 1216 width: 372px; 1217 height: 304px; 1218 object-position: center top; 1219 top: 0; 1220 left: 0; 1221} 1222 1223.present__box { 1224 margin-left: -16px; 1225} 1226 1227.present-cart__content { 1228 padding-left: 10px; 1229 padding-right: 10px; 1230} 1231 1232.present__button { 1233 background: #FFFFFF; 1234 border: 1px solid #E3E3E4; 1235 width: 56px; 1236 height: 56px; 1237 border-radius: 50%; 1238} 1239 1240.present__button--right { 1241 margin-left: 20px; 1242} 1243 1244.present__button path { 1245 stroke: #828586; 1246} 1247 1248.present__button.is-active { 1249 background-color: #1A8FE3; 1250 box-shadow: 0 10px 32px rgba(26, 143, 227, 0.24); 1251 border-color: #1A8FE3; 1252} 1253 1254.present__button.is-active path { 1255 stroke: #fff; 1256} 1257 1258.present-card__name { 1259 margin-top: 16px; 1260 font-weight: 600; 1261 font-size: 20px; 1262 line-height: 30px; 1263 color: #181D20; 1264} 1265 1266.present-card__descr { 1267 margin-top: 4px; 1268 font-size: 14px; 1269 letter-spacing: 0; 1270 overflow: hidden; 1271 text-overflow: ellipsis; 1272 display: -moz-box; 1273 -moz-box-orient: vertical; 1274 display: -webkit-box; 1275 -webkit-line-clamp: 2; 1276 -webkit-box-orient: vertical; 1277 line-clamp: 2; 1278 box-orient: vertical; 1279} 1280 1281.present-cart__actions { 1282 margin-top: 16px; 1283} 1284 1285.present-cart__link { 1286 position: relative; 1287 font-weight: 500; 1288 font-size: 14px; 1289 line-height: 20px; 1290 color: #1A8FE3; 1291} 1292 1293.present-cart__link:after { 1294 position: absolute; 1295 content: ''; 1296 background-image: url('/v3/img/arrow-right.svg'); 1297 background-repeat: no-repeat; 1298 width: 16px; 1299 height: 16px; 1300 top: 1.5px; 1301 right: -23px; 1302} 1303 1304.container-present { 1305 margin-right: 0; 1306 width: 100%; 1307 max-width: 100% !important; 1308 margin-left: calc((100vw - 1259px) / 2); 1309 padding-bottom: 82px; 1310} 1311 1312.container-present .slick-list { 1313 padding: 0 27% 0 0; 1314 height: 535px; 1315} 1316 1317.container-present .slick-track { 1318 margin-left: -16px; 1319 margin-right: -16px; 1320} 1321 1322.catalog-box .check-tools__actions { 1323 padding: 0 !important; 1324} 1325 1326.cnt { 1327 position: relative; 1328 height: 1px; 1329 width: 100%; 1330} 1331 1332.dashed { 1333 position: absolute; 1334 top: 0; 1335 left: 0; 1336 width: 100%; 1337 height: 100%; 1338 background-image: linear-gradient(to right, transparent 50%, #C8C9CA 50%); 1339 background-size: 10px 100%; 1340} 1341 1342.subname { 1343 font-weight: 600; 1344 font-size: 14px; 1345 letter-spacing: 0.005em; 1346 color: #181D20; 1347} 1348 1349.line { 1350 border-top: 1px solid #E3E3E4; 1351} 1352 1353.btn-action { 1354 padding: 14px; 1355 font-weight: 400; 1356 font-size: 14px; 1357 color: #707375; 1358 border: 1px solid #E3E3E4; 1359 border-radius: 8px; 1360 background: #FFFFFF; 1361 width: 100%; 1362 display: block; 1363 text-align: center; 1364 cursor: pointer; 1365} 1366 1367.btn-action--blue { 1368 color: #fff; 1369 border: 1px solid var( --theme-color); 1370 border-radius: 8px; 1371 background-color: var( --theme-color); 1372} 1373 1374.btn-action--light-blue { 1375 color: var( --theme-color); 1376 border: 1px solid var( --theme-color); 1377 background-color: #F6FBFE; 1378 margin-right: 16px; 1379} 1380 1381.btn-action--primary { 1382 color: var( --theme-color); 1383 border: 1.5px solid var( --theme-color); 1384 background-color: #FFF; 1385 font-weight: 600; 1386 font-size: 14px; 1387} 1388 1389.btn-action--primary:hover { 1390 color: #FFF; 1391 border-color: var( --theme-color); 1392 background-color: var( --theme-color); 1393} 1394 1395.btn-action--gray{ 1396 border: 1px solid #E3E3E4; 1397 background: #EFEFEF; 1398 color: #A7A9AA; 1399} 1400 1401.btn-action--gray:hover { 1402 border-color: #A7A9AA; 1403} 1404 1405#subscribeModal .modal-dialog-centered { 1406 justify-content: center; 1407} 1408 1409#subscribeModal { 1410 padding-left: 17px !important; 1411 padding-right: 17px !important; 1412} 1413 1414.btn-action--blue:hover { 1415 color: #fff; 1416} 1417 1418.btn-action--white { 1419 color: var( --theme-color); 1420 border: 1px solid var( --theme-color); 1421 border-radius: 8px; 1422 background-color: #ffffff; 1423} 1424 1425.btn-action--white:hover { 1426 color: var( --theme-color); 1427} 1428 1429.is-disabled .btn-submit { 1430 color: #A7A9AA; 1431 background: #EFEFEF; 1432 border: 1px solid #E3E3E4; 1433} 1434 1435.is-disabled .outline-wrap { 1436 background: #F6F6F6; 1437} 1438 1439 1440/* .button-switch-mode */ 1441 1442.button-switch-mode { 1443 display: inline-block; 1444 width: 24px; 1445 height: 24px; 1446 overflow: hidden; 1447 margin-left: 10px; 1448 vertical-align: middle; 1449 cursor: pointer; 1450 color: #525658; 1451} 1452 1453.button-switch-mode:hover { 1454 color: #828586; 1455} 1456 1457.switch-mode-icon, 1458.switch-mode svg { 1459 width: 100%; 1460 height: 100%; 1461 max-width: 100%; 1462} 1463 1464.switch-mode-icon_sun { 1465 display: none; 1466} 1467 1468.switch-mode-icon_moon { 1469 display: block; 1470} 1471 1472.menu2~.sticky-top-group .button-switch-mode { 1473 display: none; 1474} 1475 1476header a .img-fluid.logo-dark { 1477 display: none; 1478} 1479 1480footer a .img-fluid.logo-dark { 1481 display: none; 1482} 1483 1484 1485/* .header-tools */ 1486 1487.header-tools { 1488 display: inline-flex; 1489 vertical-align: middle;
1490 align-items: center; 1491 margin-right: 10px; 1492 margin-left: 10px; 1493 padding-left: 10px; 1494 padding-right: 12px; 1495 border-right: 1px solid #E3E3E4; 1496} 1497 1498.header-tools .button { 1499 border-radius: 50%; 1500 border: 1px solid #E3E3E4; 1501 width: 40px; 1502 height: 40px; 1503 background-color: transparent; 1504 display: flex; 1505 align-items: center; 1506 justify-content: center; 1507 flex-shrink: 0; 1508 padding: 0; 1509} 1510 1511.header-tools .button img { 1512 width: 20px; 1513 height: 20px; 1514} 1515 1516.header-tools .button:hover { 1517 color: #828586; 1518 background: none; 1519} 1520 1521.header-tools .button svg { 1522 width: 100%; 1523 height: 100%; 1524} 1525 1526.button-share { 1527 margin-left: 10px; 1528} 1529 1530.button-files { 1531 padding: 0; 1532} 1533 1534.button-files img { 1535 margin-right: 4px; 1536} 1537 1538 1539/* btn-support */ 1540 1541.btn-support { 1542 color: var( --theme-color); 1543 display: inline-block; 1544 border-radius: 10px; 1545 border: 1.2px solid var( --theme-color); 1546 font-weight: 500; 1547 font-size: 14px; 1548 background-color: transparent; 1549 padding: 11px 21px; 1550 text-align: center; 1551 line-height: 1.42; 1552 margin-left: 0; 1553} 1554 1555.btn-support:hover { 1556 color: var( --theme-color); 1557} 1558 1559@media (max-width: 1248px) { 1560 .btn-support { 1561 margin-left: -60px; 1562 } 1563} 1564 1565.button.button-sign-in { 1566 padding: 9px 36px; 1567 border: 1.2px solid var( --theme-color); 1568 font-weight: 600; 1569 font-size: 14px; 1570} 1571 1572.nav-link[aria-expanded='true'] { 1573 color: var( --theme-color) !important; 1574} 1575 1576.nav-link[aria-expanded='true']:after { 1577 transform: rotate(225deg); 1578 top: 12px; 1579} 1580 1581.menu2 li a { 1582 font-size: 16px; 1583 font-weight: 500; 1584 color: #525658; 1585 display: -webkit-inline-box; 1586 display: -ms-inline-flexbox; 1587 display: inline-flex; 1588 -webkit-box-align: center; 1589 -ms-flex-align: center; 1590 align-items: center; 1591 padding: 0; 1592} 1593 1594.menu2>li { 1595 padding: 4px 6px; 1596 border-radius: 8px; 1597 transition: 0.3s; 1598 margin-left: 15px; 1599 margin-right: 15px; 1600} 1601 1602.menu2 { 1603 margin-left: -15px; 1604 margin-right: -15px; 1605} 1606 1607.drop_menu.is-opened>a::after { 1608 transform: rotate(225deg); 1609 margin-top: 4px; 1610} 1611 1612.drop_menu.is-opened { 1613 background-color: #E3F1FB; 1614 transition: 0.3s; 1615} 1616 1617.logo-icon { 1618 margin-right: 8px; 1619} 1620 1621.category-tools { 1622 flex-direction: column; 1623 align-items: flex-start; 1624 padding-right: 24px; 1625} 1626 1627.menu2 li .main-item { 1628 border-radius: 8px; 1629 padding: 16px; 1630 display: flex; 1631 flex-direction: column; 1632 align-items: flex-start; 1633 justify-content: flex-end; 1634 height: 320px; 1635} 1636 1637.menu2 li .category-tools__item { 1638 padding: 8px; 1639 border-radius: 8px; 1640 margin-top: 8px; 1641} 1642 1643.menu2 li .category-tools__item:hover { 1644 background-color: #F6F6F6; 1645} 1646 1647.expand_menu-tools--text li .category-tools__item { 1648 padding: 5px 0; 1649 margin: 0; 1650} 1651 1652.expand_menu-tools--text li .category-tools__item:hover { 1653 background-color: #ffffff; 1654} 1655 1656.search_group { 1657 position: relative; 1658 margin-top: 40px; 1659} 1660 1661.search_group input { 1662 background: #FFFFFF; 1663 border-radius: 14px; 1664 border: none; 1665 font-size: 14px; 1666 line-height: 1.5; 1667 color: #525658; 1668 height: 64px; 1669 width: 100%; 1670 padding: 0 56px; 1671 background-image: url(/v3/img/search.svg); 1672 background-position: 22px center; 1673 background-size: 19px; 1674 background-repeat: no-repeat; 1675 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1676 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1677} 1678 1679.search_group .button { 1680 position: absolute; 1681 right: 8px; 1682 top: 50%; 1683 -webkit-transform: translateY(-50%); 1684 -ms-transform: translateY(-50%); 1685 transform: translateY(-50%); 1686 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1687 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 1688} 1689 1690.search_group--search input { 1691 background: #FFFFFF; 1692 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1693 border-radius: 99px; 1694 padding-left: 68px; 1695} 1696 1697.search_group--search .button { 1698 border-radius: 99px; 1699 right: 9.5px; 1700 padding: 12px 26.5px; 1701 font-weight: 500; 1702 font-size: 14px; 1703} 1704 1705.search { 1706 position: absolute; 1707 top: 19px; 1708 left: 24px; 1709 width: 25px; 1710 height: 25px; 1711} 1712 1713.tag_box { 1714 padding-top: 14px; 1715} 1716 1717.tag_box a { 1718 background: #C8E4F8; 1719 border-radius: 6px; 1720 display: inline-block; 1721 padding: 6px 12px; 1722 color: var(--theme-color); 1723 font-size: 12px; 1724 line-height: 1.5; 1725 margin-left: 6px; 1726 margin-top: 10px; 1727} 1728 1729.tag_box a:hover { 1730 background-color: var(--theme-color); 1731 color: #fff; 1732} 1733 1734.tag_box span { 1735 display: inline-block; 1736 font-weight: 500; 1737 font-size: 14px; 1738 line-height: 1.5; 1739 color: #181D20; 1740 margin-top: 10px; 1741} 1742 1743.sub_title { 1744 font-weight: 600; 1745 font-size: 16px; 1746 line-height: 140%; 1747 color: var(--theme-color); 1748} 1749 1750.title { 1751 font-weight: bold; 1752 font-size: 48px; 1753 line-height: 130%; 1754 color: #181D20; 1755 padding-top: 8px; 1756} 1757 1758.title_icon { 1759 display: inline-flex; 1760 align-items: center; 1761 justify-content: center; 1762 vertical-align: middle; 1763 width: 40px; 1764 height: 40px; 1765 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 1766 border-radius: 99px; 1767 margin-left: 28px; 1768 position: relative; 1769} 1770 1771.title_icon::before { 1772 content: ""; 1773 width: 1px; 1774 height: 20px; 1775 background-color: #E3E3E4; 1776 position: absolute; 1777 left: -14px; 1778 top: 50%; 1779 transform: translateY(-50%); 1780} 1781 1782.title_icon .elect { 1783 background-color: #FFFFFF; 1784 position: static; 1785} 1786 1787@media (max-width: 992px) { 1788 .title_icon { 1789 display: none; 1790 } 1791} 1792 1793.step_box h4 { 1794 font-weight: 600; 1795 font-size: 24px; 1796 line-height: 130%; 1797 color: #181D20; 1798} 1799 1800.step_box p { 1801 max-width: 347px; 1802} 1803 1804.blue { 1805 color: var(--theme-color); 1806} 1807 1808.tools_box { 1809 background: #FFFFFF; 1810 border-radius: 12px; 1811 padding: 24px; 1812 overflow: hidden; 1813 height: 100%; 1814} 1815 1816.icon_box { 1817 width: 56px; 1818 height: 56px; 1819 border-radius: 8px; 1820 display: -webkit-inline-box; 1821 display: -ms-inline-flexbox; 1822 display: inline-flex; 1823 -webkit-box-align: center; 1824 -ms-flex-align: center;
1825 align-items: center; 1826 -webkit-box-pack: center; 1827 -ms-flex-pack: center; 1828 justify-content: center; 1829 padding: 5px; 1830 flex-shrink: 0; 1831} 1832 1833.tools_box p { 1834 font-size: 14px; 1835} 1836 1837.icon_box.v1, 1838.v1 { 1839 background: #FBE6E5; 1840} 1841 1842.icon_box.v2, 1843.v2 { 1844 background: #FEF9E2; 1845} 1846 1847.icon_box.v3, 1848.v3 { 1849 background: #FFEDE0; 1850} 1851 1852.icon_box.v4, 1853.v4 { 1854 background: #E3FCFD; 1855} 1856 1857.icon_box.v5, 1858.v5 { 1859 background: #E9E6F9; 1860} 1861 1862.icon_box.v6, 1863.v6 { 1864 background: #E2F0FE; 1865} 1866 1867.icon_box.v7, 1868.v7 { 1869 background: #ECFAE5; 1870} 1871 1872.icon_box.v8, 1873.v8 { 1874 background: #FFE0E6; 1875} 1876 1877.icon_box.v9, 1878.v9 { 1879 background: #FFE6E0; 1880} 1881 1882.icon_box.v10, 1883.v10 { 1884 background: #E2F6FD; 1885} 1886 1887.icon_box.v11, 1888.v11 { 1889 background: #E7E3FD; 1890} 1891 1892.icon_box.v12, 1893.v12 { 1894 background: #FBE5FB; 1895} 1896 1897.icon_box.v13, 1898.v13 { 1899 background: #FBE5E4; 1900} 1901 1902.icon_box.v14, 1903.v14 { 1904 background: #E2F0FD; 1905} 1906 1907.icon_box.v15, 1908.v15 { 1909 background: #FFF5E0; 1910} 1911 1912.icon_box.v16, 1913.v16 { 1914 background: #E2E3FE; 1915} 1916 1917.icon_box.v17, 1918.v17 { 1919 background: #E2FEE6; 1920} 1921 1922.icon_box.v18, 1923.v18 { 1924 background: #FAE2FE; 1925} 1926 1927.icon_box.v19, 1928.v19 { 1929 background: #FEF8E2; 1930} 1931 1932.icon_box.v20, 1933.v20 { 1934 background: #FEEBE2; 1935} 1936 1937.icon_box.v21, 1938.v21 { 1939 background: #E2EDFE; 1940} 1941 1942.icon_box.v22, 1943.v22 { 1944 background: #E1FDE5; 1945} 1946 1947.icon_box.v23, 1948.v23 { 1949 background: #E2FEFC; 1950} 1951 1952.icon_box.v24, 1953.v24 { 1954 background: #FEE2E2; 1955} 1956 1957.icon_box.v25, 1958.v25 { 1959 background: #E2F7FE; 1960} 1961 1962.icon_box.v26, 1963.v26 { 1964 background: #FEF3E2; 1965} 1966 1967.icon_box.v1 { 1968 color: #E24841; 1969} 1970 1971.icon_box.v2 { 1972 color: #E2C740; 1973} 1974 1975.icon_box.v3 { 1976 color: #FF7919; 1977} 1978 1979.icon_box.v4 { 1980 color: #10D0D5; 1981} 1982 1983.icon_box.v5 { 1984 color: #624BD8; 1985} 1986 1987.icon_box.v6 { 1988 color: #3D99F5; 1989} 1990 1991.icon_box.v7 { 1992 color: #79DC47; 1993} 1994 1995.icon_box.v8 { 1996 color: #FF5975; 1997} 1998 1999.icon_box.v21, 2000.icon_box.v20, 2001.icon_box.v22 { 2002 color: #FFF; 2003} 2004 2005.small_gutter { 2006 margin-left: -10px; 2007 margin-right: -10px; 2008} 2009 2010.small_gutter>div { 2011 padding-right: 10px; 2012 padding-left: 10px; 2013} 2014 2015.tools_area .button { 2016 padding: 17px 48px; 2017 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2018 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2019} 2020 2021.page_shadow { 2022 position: absolute; 2023 left: 0; 2024 top: 0; 2025 width: 100%; 2026 height: 100%; 2027 -o-object-fit: cover; 2028 object-fit: cover; 2029 z-index: -1; 2030} 2031 2032 2033/* .price_box */ 2034.pricing_group { 2035 padding-left: 100px; 2036 padding-right: 100px; 2037} 2038 2039.price_box { 2040 background: #FFFFFF; 2041 border-radius: 12px; 2042 padding: 16px; 2043 max-width: 387px; 2044 height: 100%; 2045 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 2046} 2047 2048.price_box-header { 2049 border-bottom: 1px solid #E3E3E4; 2050 padding-bottom: 16px; 2051 margin-bottom: 16px; 2052} 2053 2054.price_box-header p { 2055 font-size: 10px; 2056 color: #525658; 2057} 2058 2059.price_box-note { 2060 color: #707375; 2061 font-size: 12px; 2062} 2063 2064.price_box-date { 2065 color: #525658; 2066} 2067 2068.price_box-value { 2069 color: #1A8FE3; 2070} 2071 2072.price_box h4 { 2073 font-weight: 500; 2074 font-size: 20px; 2075 line-height: 130%; 2076 color: #181D20; 2077 margin-bottom: 4px; 2078} 2079 2080.price_box h3 { 2081 font-weight: bold; 2082 font-size: 32px; 2083 line-height: 44px; 2084 color: #1A8FE3; 2085 margin-top: 10px; 2086} 2087 2088.price_box h3 sub { 2089 font-size: 14px; 2090 line-height: 20px; 2091 color: #828586; 2092 font-weight: 400; 2093 padding-left: 8px; 2094} 2095 2096.price_box-subtitle { 2097 color: #181D20; 2098 font-size: 16px; 2099 font-weight: 600; 2100 letter-spacing: 0.08px; 2101} 2102 2103.price_box ul {} 2104 2105.price_box ul li { 2106 color: #828586; 2107 font-size: 14px; 2108 font-weight: 400; 2109 line-height: 20px; 2110 letter-spacing: 0.07px; 2111 margin-top: 12px; 2112} 2113 2114.price_box-icon { 2115 width: 16px; 2116 height: 16px; 2117 background-color: #707375; 2118 color: #fff; 2119 border-radius: 100%; 2120 display: inline-flex; 2121 align-items: center; 2122 justify-content: center; 2123 margin-right: 8px; 2124} 2125 2126.price_box-icon svg { 2127 width: 12px; 2128 height: 12px; 2129} 2130 2131.price_box .button { 2132 border-radius: 8px; 2133 padding: 8px 20px; 2134 box-sizing: border-box; 2135 width: 100%; 2136 margin-bottom: 20px; 2137 font-size: 12px; 2138 border: 1px solid #1A8FE3; 2139 background-color: #FFF; 2140 color: #1A8FE3; 2141} 2142 2143.price_box .button.default { 2144 background-color: #EFEFEF; 2145 border: 1px solid #E3E3E4; 2146 color: #A7A9AA; 2147 pointer-events: none; 2148} 2149 2150.price_box .button.default:hover { 2151 background-color: #F6F6F6; 2152 color: #828586; 2153} 2154 2155.price_box.active { 2156 background-color: #1A8FE3; 2157 color: #fff; 2158} 2159 2160.price_box.active .price_box-header { 2161 border-bottom-color: #E3E3E4; 2162} 2163 2164.price_box.active .price_box-icon { 2165 background-color: #FFF; 2166 color: #1A8FE3; 2167} 2168 2169.price_box.active h4, 2170.price_box.active h3, 2171.price_box.active h3 sub, 2172.price_box.active .price_box-subtitle, 2173.dark-mode .price_box .price_box-subtitle, 2174.price_box.active .price_box-header p, 2175.price_box.active .price_box-note, 2176.price_box.active ul li { 2177 color: #fff; 2178} 2179 2180.price_box_button-icon {
2181 width: 20px; 2182 height: 20px; 2183 color: #57B286; 2184 display: inline-block; 2185 vertical-align: middle; 2186 margin-left: 4px; 2187 margin-top: -6px; 2188} 2189 2190.price_box_button-icon svg { 2191 width: 100%; 2192 height: 100%; 2193} 2194 2195.price_box.active .button:hover .price_box_button-icon { 2196 color: #08c332; 2197} 2198 2199.price_box .button-link { 2200 background: none; 2201 color: #D0726C; 2202 font-weight: 500; 2203 font-size: 10px; 2204 text-decoration: underline; 2205 text-transform: none; 2206 padding: 0; 2207} 2208 2209.price_box .button-link:hover { 2210 text-decoration: none; 2211} 2212 2213.price_box--short { 2214 max-width: 100%; 2215 display: flex; 2216 justify-content: space-between; 2217 align-items: center; 2218} 2219 2220.price_box--short .price_box-group { 2221 flex-grow: 1; 2222} 2223 2224.price_box--short .price_box-header { 2225 border: none; 2226 padding-bottom: 0; 2227 margin-bottom: 12px; 2228} 2229 2230.price_box--short h4 { 2231 font-weight: 600; 2232 font-size: 14px; 2233 line-height: 1.2; 2234 margin-bottom: 2px; 2235} 2236 2237.price_box--short h3 { 2238 font-size: 24px; 2239 line-height: 1.2; 2240} 2241 2242.price_box--short h3 sub { 2243 font-size: 10px; 2244 line-height: 15px; 2245 padding-left: 4px; 2246} 2247 2248.price_box--short .button { 2249 width: auto; 2250 font-size: 10px; 2251 text-transform: uppercase; 2252 padding: 10px 12px; 2253} 2254 2255.price_box-decor { 2256 width: 20px; 2257 height: 20px; 2258 border-radius: 100%; 2259 border: 3px solid #fff; 2260 flex-shrink: 0; 2261} 2262 2263.ai-tools__catalog { 2264 margin-top: 8px; 2265} 2266 2267.ai-tools { 2268 width: 295px; 2269 padding-top: 16px; 2270 padding-bottom: 26px; 2271 border-right: 1px solid #E3E3E4; 2272 flex-shrink: 0; 2273} 2274 2275.ai-all { 2276 padding: 16px 0 16px 20px; 2277 width: 100%; 2278} 2279 2280.ai-all__item .main-item { 2281 position: relative; 2282 overflow: hidden; 2283} 2284 2285.ai-featured .d-flex { 2286 align-items: flex-start; 2287} 2288 2289.menu2 li a .ai-all__image { 2290 width: 295px; 2291 height: 222px; 2292 object-fit: cover; 2293 border-radius: 8px; 2294 transform: rotate(-10deg); 2295 position: absolute; 2296 top: 18px; 2297 right: -34px; 2298 margin-right: 0; 2299} 2300 2301.menu2 li a:hover .ai-all__image { 2302 filter: none; 2303} 2304 2305.menu2 .ai-tools h4, 2306.menu2 .ai-all h4 { 2307 margin-left: 0; 2308 padding-left: 0; 2309} 2310 2311.ai-featured__box { 2312 margin-top: 8px; 2313 padding-bottom: 16px; 2314} 2315 2316.ai-featured__box>div { 2317 margin-left: -10px; 2318 margin-right: -10px; 2319} 2320 2321.ai-featured__content { 2322 margin-top: 16px; 2323 display: flex; 2324 align-items: center; 2325 width: 100%; 2326} 2327 2328.ai-other { 2329 padding-top: 16px; 2330} 2331 2332.ai-all__item, 2333.ai-all__item .mega_menu { 2334 margin-top: 0 !important; 2335} 2336 2337.ai-other>div { 2338 margin-left: -10px; 2339} 2340 2341.image-box-arrow { 2342 margin-left: auto; 2343} 2344 2345.menu2 .ai-all__item .main-item { 2346 height: 160px; 2347 margin: 0; 2348} 2349 2350.menu2 .expand_menu--image .category-tools__item { 2351 padding-left: 10px; 2352 padding-right: 10px; 2353 margin-left: 0; 2354} 2355 2356.menu2 .expand_menu--image .category-tools__item:hover { 2357 background-color: #ffffff; 2358} 2359 2360.menu2 .expand_menu--image .category-tools__item--big.is-active:hover { 2361 background-color: #f6f6f6; 2362} 2363 2364.nav-link[aria-expanded='true']:after .menu2 .expand_menu--image .ai-all__item { 2365 padding-left: 10px; 2366 padding-right: 10px; 2367 display: block !important; 2368 flex-shrink: 0; 2369} 2370 2371.category-tools__item--big { 2372 padding-bottom: 16px !important; 2373 padding-right: 42px !important; 2374} 2375 2376.subscribe-modal { 2377 padding: 24px; 2378 background: #FFFFFF; 2379 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 2380 border-radius: 12px; 2381 display: flex; 2382 align-items: center; 2383 flex-direction: column; 2384 max-width: 448px; 2385} 2386 2387.subscribe-modal__icon { 2388 background-color: var(--theme-color); 2389 border-radius: 99px; 2390 flex-shrink: 0; 2391 display: flex; 2392 align-items: center; 2393 justify-content: center; 2394 width: 96px; 2395 height: 96px; 2396} 2397 2398.subscribe-modal__title { 2399 font-weight: 700; 2400 font-size: 24px; 2401 line-height: 1.33; 2402 color: #181D20; 2403 margin-top: 24px; 2404} 2405 2406.subscribe-modal__descr { 2407 margin-top: 10px; 2408 line-height: 1.5; 2409 text-align: center; 2410} 2411 2412.subscribe-modal__field { 2413 margin-top: 24px; 2414} 2415 2416.subscribe-modal__field .form-control-field { 2417 height: 56px; 2418} 2419 2420.subscribe-modal__actions { 2421 display: flex; 2422} 2423 2424.subscribe-modal .modal-footer, 2425.subscribe-modal .modal-header { 2426 border: 0; 2427} 2428 2429.subscribe-modal .form-control-field { 2430 font-size: 14px; 2431} 2432 2433.subscribe-modal__close { 2434 position: absolute; 2435 top: 22px; 2436 right: 22px; 2437 padding: 0 !important; 2438 margin: 0 !important; 2439} 2440 2441@media (max-width: 1025px) { 2442 .pricing_group { 2443 padding-left: 0; 2444 padding-right: 0; 2445 } 2446} 2447 2448@media (min-width: 992px) { 2449 .price_box { 2450 position: relative; 2451 } 2452 .price_box .button { 2453 /*position: absolute; 2454 left: 24px; 2455 right: 24px; 2456 bottom: 24px; 2457 width: auto;*/ 2458 } 2459 .price_box-header p { 2460 font-size: 14px; 2461 } 2462 .price_box--short h4 { 2463 font-size: 20px; 2464 } 2465 .price_box--short { 2466 padding-bottom: 24px; 2467 } 2468 .price_box--short .button { 2469 position: static; 2470 font-size: 14px; 2471 } 2472 .price_box-decor { 2473 width: 32px; 2474 height: 32px; 2475 border: 5px solid #fff; 2476 } 2477 .price_box .button-link { 2478 font-size: 14px; 2479 } 2480} 2481 2482@media (max-width: 575.98px) { 2483 .price_box.price_box--short h4 { 2484 font-size: 14px; 2485 } 2486 .details-popup--catalog .qr { 2487 width: 100%; 2488 height: auto; 2489 } 2490 .details-popup--catalog .details-popup__btn { 2491 height: 40px; 2492 width: 40px; 2493 display: flex; 2494 align-items: center; 2495 justify-content: center; 2496 border: 1.5px solid #1A8FE3; 2497 color: #1A8FE3; 2498 } 2499 .details-popup--catalog.details-popup .btn-action--blue { 2500 height: 40px; 2501 font-size: 12px; 2502 } 2503 .subscribe-modal { 2504 padding: 16px; 2505 } 2506 .subscribe-modal__icon { 2507 width: 72px; 2508 height: 72px; 2509 } 2510 .subscribe-modal__icon svg { 2511 width: 27px; 2512 height: 23px; 2513 } 2514 .subscribe-modal__icon img { 2515 width: 32px; 2516 height: 32px; 2517 } 2518 .subscribe-modal__title { 2519 font-size: 20px; 2520 } 2521 .subscribe-modal__descr { 2522 font-size: 12px; 2523 } 2524 .subscribe-modal__field .form-control-field { 2525 height: 48px; 2526 } 2527 .subscribe-modal__close { 2528 top: 16px; 2529 right: 16px; 2530 } 2531} 2532 2533 2534/*contact area*/ 2535 2536.contact_area input, 2537.contact_area textarea { 2538 background: #FFFFFF; 2539 border: 1px solid #E3E3E4; 2540 border-radius: 10px; 2541 width: 100%; 2542 height: 48px; 2543 padding: 0 16px; 2544 font-size: 14px; 2545 margin-top: 15px; 2546 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2547 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2548} 2549 2550.contact_area label { 2551 font-weight: 500; 2552 font-size: 16px; 2553 line-height: 140%; 2554 color: #525658; 2555} 2556 2557.contact_area input::-webkit-input-placeholder, 2558.contact_area textarea::-webkit-input-placeholder { 2559 color: #C8C9CA; 2560 opacity: 1; 2561} 2562 2563.contact_area input::-moz-placeholder, 2564.contact_area textarea::-moz-placeholder { 2565 color: #C8C9CA; 2566 opacity: 1; 2567} 2568 2569.contact_area input:-ms-input-placeholder, 2570.contact_area textarea:-ms-input-placeholder { 2571 color: #C8C9CA; 2572 opacity: 1; 2573} 2574 2575.contact_area input::-ms-input-placeholder, 2576.contact_area textarea::-ms-input-placeholder { 2577 color: #C8C9CA; 2578 opacity: 1; 2579} 2580 2581.contact_area input::placeholder, 2582.contact_area textarea::placeholder { 2583 color: #C8C9CA; 2584 opacity: 1; 2585} 2586 2587.contact_area textarea { 2588 height: 137px; 2589 resize: none; 2590 padding-top: 14px; 2591 padding-bottom: 14px; 2592} 2593 2594.contact_area .button { 2595 -webkit-box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2596 box-shadow: 0 5px 10px rgba(26, 143, 227, 0.1); 2597 border-radius: 14px; 2598} 2599 2600.contact_area--section { 2601 padding-top: 50px; 2602 padding-bottom: 100px; 2603} 2604 2605@media (min-width: 960px) { 2606 2607 .contact_area--section { 2608 padding-top: 75px; 2609 padding-bottom: 150px; 2610 } 2611} 2612 2613.title_md { 2614 font-weight: bold; 2615 font-size: 32px; 2616 line-height: 1.5; 2617 color: #181D20; 2618 margin-top: 40px; 2619} 2620 2621.privacy_area p a { 2622 color: inherit; 2623} 2624 2625.privacy_area p a:hover, 2626.privacy_area p a.active { 2627 color: var(--blue); 2628} 2629 2630 2631/*compress area*/ 2632 2633.title_lg { 2634 font-weight: bold; 2635 font-size: 40px; 2636 line-height: 140%; 2637 color: #181D20; 2638} 2639 2640.rating_box { 2641 display: -webkit-box; 2642 display: -ms-flexbox; 2643} 2644 2645 2646/* tools-menu */ 2647 2648.tools-menu { 2649 display: flex; 2650 -webkit-box-align: center; 2651 -ms-flex-align: center;
2652 align-items: center; 2653 -webkit-box-pack: justify; 2654 -ms-flex-pack: justify; 2655 justify-content: space-between; 2656 background: #FFFFFF; 2657 border-radius: 12px; 2658 padding: 6px 24px 16px 24px; 2659 max-width: 480px; 2660 margin-top: 55px; 2661 -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2662 box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2663} 2664 2665.rating_box { 2666 display: -webkit-box; 2667 display: -ms-flexbox; 2668 display: flex; 2669 -webkit-box-align: center; 2670 -ms-flex-align: center; 2671 align-items: center; 2672 -webkit-box-pack: justify; 2673 -ms-flex-pack: justify; 2674 justify-content: space-between; 2675 background: #FFFFFF; 2676 border-radius: 12px; 2677 padding: 6px 24px 16px 24px; 2678 max-width: 480px; 2679 margin-top: 55px; 2680 -webkit-box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2681 box-shadow: 0 8px 16px rgba(24, 29, 32, 0.03); 2682} 2683 2684.rating_box h5 { 2685 font-weight: 600; 2686 font-size: 18px; 2687 color: #707375; 2688} 2689 2690.rating_box h6 { 2691 font-weight: 500; 2692 font-size: 16px; 2693 line-height: 24px; 2694 color: #1A8FE3; 2695 border-left: 1px solid #E3E3E4; 2696 padding-left: 8px; 2697} 2698 2699.rating_box h6 span { 2700 font-size: 12px; 2701 color: #828586; 2702 font-weight: 400; 2703} 2704 2705.rating_wrap { 2706 display: -webkit-box; 2707 display: -ms-flexbox; 2708 display: flex; 2709 -webkit-box-align: center; 2710 -ms-flex-align: center; 2711 align-items: center; 2712} 2713 2714.star-rating { 2715 direction: rtl; 2716 display: inline-block; 2717 padding: 0 20px; 2718} 2719 2720.star-rating input[type=radio] { 2721 display: none 2722} 2723 2724.star-rating label { 2725 cursor: pointer; 2726} 2727 2728.star-rating label svg path { 2729 -webkit-transition: all .3s ease-in-out; 2730 -o-transition: all .3s ease-in-out; 2731 transition: all .3s ease-in-out 2732} 2733 2734.star-rating label:hover svg path, 2735.star-rating label:hover~label svg path, 2736.star-rating input[type=radio]:checked~label svg path { 2737 stroke: #f2b600; 2738 fill: #f2b600; 2739} 2740 2741.file-drop-area { 2742 position: relative; 2743 display: -webkit-box; 2744 display: -ms-flexbox; 2745 display: flex; 2746 -webkit-box-align: center; 2747 -ms-flex-align: center; 2748 align-items: center; 2749 width: 100%; 2750 max-width: 100%; 2751 -webkit-transition: 0.2s; 2752 -o-transition: 0.2s; 2753 transition: 0.2s; 2754 border-radius: 12px; 2755 padding: 2rem; 2756 -webkit-box-pack: center; 2757 -ms-flex-pack: center; 2758 justify-content: center; 2759 -webkit-box-orient: vertical; 2760 -webkit-box-direction: normal; 2761 -ms-flex-direction: column; 2762 flex-direction: column; 2763 margin-top: 4.5rem; 2764 height: 366px; 2765 background: #FFFFFF; 2766 border: 1px solid #EFEFEF; 2767} 2768 2769.file-drop-area.is-active { 2770 background-color: rgba(255, 255, 255, 0.05); 2771} 2772 2773.file-msg { 2774 font-size: small; 2775 font-weight: 300; 2776 line-height: 1.4; 2777 white-space: nowrap; 2778 overflow: hidden; 2779 -o-text-overflow: ellipsis; 2780 text-overflow: ellipsis; 2781} 2782 2783.file-input { 2784 position: absolute; 2785 left: 0; 2786 top: 0; 2787 height: 100%; 2788 width: 100%; 2789 cursor: pointer; 2790 opacity: 0; 2791} 2792 2793.file-input:focus { 2794 outline: none; 2795} 2796 2797.file-drop-area .social_icon { 2798 position: relative; 2799 z-index: 1; 2800} 2801 2802.file-drop-area .social_icon a { 2803 height: 32px; 2804 width: 32px; 2805 line-height: 32px; 2806} 2807 2808.file-drop-area .button { 2809 border-radius: 14px; 2810 display: -webkit-inline-box; 2811 display: -ms-inline-flexbox; 2812 display: inline-flex; 2813 -webkit-box-align: center; 2814 -ms-flex-align: center; 2815 align-items: center; 2816 -webkit-box-pack: center; 2817 -ms-flex-pack: center; 2818 justify-content: center; 2819 font-weight: 500; 2820 padding: 16px 24px; 2821} 2822 2823.file-drop-area .button img { 2824 margin-right: 8px; 2825} 2826 2827p.drag { 2828 font-size: 16px; 2829 line-height: 140%; 2830 color: #707375; 2831} 2832 2833.tools_area.v2 .tools_box { 2834 padding: 32px; 2835} 2836 2837.tools_area.v2 .icon_box { 2838 width: 72px; 2839 height: 72px; 2840} 2841 2842.tools_area.v2 .tools_box p { 2843 font-size: 16px; 2844} 2845 2846.step_item { 2847 position: relative; 2848 padding-left: 40px; 2849} 2850 2851.step_item h4 { 2852 font-weight: 600; 2853 font-size: 18px; 2854 color: #181D20; 2855} 2856 2857.step_item::after { 2858 position: absolute; 2859 content: ''; 2860 left: 5px; 2861 height: 14px; 2862 width: 14px; 2863 top: 4px; 2864 border-radius: 50%; 2865 background-color: var(--blue); 2866 -webkit-box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue); 2867 box-shadow: 0 0 0 4px #FFFFFF, 0 0 0 6px var(--blue); 2868} 2869 2870.step_item::before { 2871 position: absolute; 2872 content: ''; 2873 top: 0; 2874 left: 11.5px; 2875 height: calc(100% + 30px); 2876 border-left: 2px dashed #71BAEE; 2877} 2878 2879.step_item:last-child::before { 2880 display: none; 2881} 2882 2883 2884/*footer area*/ 2885 2886footer { 2887 font-size: 14px; 2888 line-height: 140%; 2889 color: #828586; 2890 background-color: #fff; 2891 padding-top: 10px; 2892} 2893 2894footer ul li { 2895 padding-top: 14px; 2896} 2897 2898footer a { 2899 color: inherit; 2900} 2901 2902footer a:hover, 2903footer a.active { 2904 color: var(--blue); 2905} 2906 2907footer h4 { 2908 font-weight: bold; 2909 font-size: 18px; 2910 line-height: 150%; 2911 color: #525658; 2912} 2913 2914.footer_bottom { 2915 background: #EFF7FD; 2916 padding: 14px 0 24px; 2917 font-weight: 500; 2918 margin-top: 80px; 2919} 2920 2921.copy_right { 2922 color: #707375; 2923} 2924 2925.footer_bottom p span { 2926 color: var(--blue); 2927} 2928 2929.footer_bottom p img { 2930 max-width: 114px; 2931 margin-right: 24px; 2932} 2933 2934 2935/*return-to-top START CSS*/ 2936 2937.back-to-top { 2938 font-size: 24px; 2939 width: 45px; 2940 height: 45px; 2941 line-height: 45px; 2942 text-align: center; 2943 display: none; 2944 position: fixed; 2945 bottom: 30px; 2946 right: 20px; 2947 border-radius: 50%; 2948 background: var(--blue); 2949 z-index: 1000; 2950} 2951 2952.back-to-top i { 2953 color: #fff; 2954} 2955 2956.menu2 { 2957 display: -webkit-box; 2958 display: -ms-flexbox; 2959 display: flex; 2960 -webkit-box-align: center; 2961 -ms-flex-align: center;
2962 align-items: center; 2963 -webkit-box-pack: center; 2964 -ms-flex-pack: center; 2965 justify-content: center; 2966} 2967 2968.menu2>li { 2969 padding: 0 11px; 2970} 2971 2972.menu2 li a { 2973 font-size: 16px; 2974 line-height: 140%; 2975 color: #525658; 2976 display: -webkit-inline-box; 2977 display: -ms-inline-flexbox; 2978 display: inline-flex; 2979 -webkit-box-align: center; 2980 -ms-flex-align: center; 2981 align-items: center; 2982 padding: 0; 2983} 2984 2985.menu2 li a:hover { 2986 color: var(--blue); 2987} 2988 2989.menu2 li a img { 2990 width: 20px; 2991 height: 20px; 2992 margin-right: 8px; 2993} 2994 2995.menu2 li a:hover img { 2996 -webkit-filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%); 2997 filter: invert(48%) sepia(99%) saturate(5326%) hue-rotate(200deg) brightness(103%) contrast(107%); 2998} 2999 3000.drop_menu { 3001 position: relative; 3002} 3003 3004.menu2>li>ul { 3005 background: #FFFFFF; 3006 border-radius: 10px 0 0 10px; 3007 padding: 8px 0 8px; 3008 position: absolute; 3009 top: 100%; 3010 left: 0; 3011 width: 250px; 3012 -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3013 box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3014 opacity: 0; 3015 visibility: hidden; 3016 -webkit-transition: 0.3s; 3017 -o-transition: 0.3s; 3018 transition: 0.3s; 3019} 3020 3021.menu2>li:hover>ul { 3022 opacity: 1; 3023 visibility: visible; 3024} 3025 3026.menu2>li>ul>li { 3027 padding: 8px 16px; 3028} 3029 3030.drop_menu>a::after { 3031 content: ''; 3032 width: 7px; 3033 height: 7px; 3034 margin-left: 7px; 3035 margin-top: -4px; 3036 border-right: 1px solid #707375; 3037 border-bottom: 1px solid #707375; 3038 -webkit-transform: rotate(45deg); 3039 transform: rotate(45deg); 3040} 3041 3042.multilavel { 3043 position: relative; 3044} 3045 3046.multilavel>a { 3047 position: relative; 3048 display: -webkit-box !important; 3049 display: -ms-flexbox !important; 3050 display: flex !important; 3051} 3052 3053.multilavel>a::after { 3054 position: absolute; 3055 content: ''; 3056 width: 7px; 3057 height: 7px; 3058 margin-left: 7px; 3059 border-right: 1px solid #707375; 3060 border-bottom: 1px solid #707375; 3061 -webkit-transform: rotate(45deg); 3062 transform: rotate(45deg); 3063 right: 0; 3064 top: 5px; 3065} 3066 3067.multilavel>ul { 3068 top: 0; 3069 left: 100%; 3070 position: absolute; 3071 -webkit-box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3072 box-shadow: 0 8px 8px rgba(0, 0, 0, 0.1); 3073 border-radius: 0 10px 10px 0; 3074 padding: 8px 0 8px; 3075 background-color: #fff; 3076 width: 250px; 3077 visibility: hidden; 3078 opacity: 0; 3079 -webkit-transition: 0.3s; 3080 -o-transition: 0.3s; 3081 transition: 0.3s; 3082} 3083 3084.multilavel>ul>li { 3085 padding: 8px 16px; 3086} 3087 3088.multilavel:hover>ul { 3089 visibility: visible; 3090 opacity: 1; 3091} 3092 3093@media (min-width: 1025px) { 3094 .menu2>li { 3095 display: flex; 3096 align-items: center; 3097 } 3098} 3099 3100 3101/*****new*****/ 3102 3103.mobile_menu .menu2 { 3104 margin-left: 0; 3105} 3106 3107.sticky-top-group { 3108 display: -webkit-box; 3109 display: -ms-flexbox; 3110 display: flex; 3111 -webkit-box-align: center; 3112 -ms-flex-align: center; 3113 align-items: center; 3114 -webkit-box-pack: end; 3115 -ms-flex-pack: end; 3116 justify-content: flex-end; 3117} 3118 3119.button-share-box { 3120 text-align: right; 3121 display: inline-block; 3122} 3123 3124.menu2~.sticky-top-group .button-share-box { 3125 display: none; 3126} 3127 3128.sticky-top-group .button { 3129 font-size: 12px; 3130 padding: 5px 16px; 3131 vertical-align: middle; 3132} 3133 3134.sticky-top-group .button-files { 3135 padding-top: 6px; 3136 padding-bottom: 6px; 3137} 3138 3139.sticky-top-group .button-share img { 3140 width: 12px; 3141 height: 12px; 3142 margin-right: 6px; 3143} 3144 3145.sticky-top-group .header-search { 3146 display: none; 3147} 3148 3149.header-tools+.hamburger-menu { 3150 margin-left: 10px; 3151} 3152 3153 3154/* logo */ 3155 3156.logo { 3157 font-weight: 700; 3158 font-size: 16px; 3159 line-height: 24px; 3160 color: #1A8FE3; 3161 white-space: nowrap; 3162} 3163 3164.logo span { 3165 color: #181D20; 3166} 3167 3168 3169/* header-search */ 3170 3171.header-search { 3172 display: inline-flex; 3173 vertical-align: middle; 3174 width: 217px; 3175 position: relative; 3176 height: 44px; 3177 margin-right: 8px; 3178} 3179 3180.header-search .header-search_button { 3181 display: none; 3182 background: none; 3183} 3184 3185.header-search_group { 3186 width: inherit; 3187 height: inherit; 3188} 3189 3190.header-search_form { 3191 height: inherit; 3192} 3193 3194.header-search .form-control { 3195 padding-left: 42px; 3196 background: #F6F6F6; 3197 border-radius: 10px; 3198 border: none; 3199 height: inherit; 3200 font-weight: 400; 3201 font-size: 10px; 3202} 3203 3204.header-search_form .button { 3205 padding: 11px 6px 10px 12px; 3206 background: none; 3207 position: absolute; 3208 top: 0; 3209 left: 0; 3210 width: 38px; 3211 height: inherit; 3212} 3213 3214.header-search .button img { 3215 width: 100%; 3216 height: 100%; 3217 display: block; 3218} 3219 3220.header-search .button:hover { 3221 background: none; 3222} 3223 3224.header-search_results { 3225 position: absolute; 3226 top: 100%; 3227 left: 0; 3228 width: 100%; 3229 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 3230 border-radius: 7px; 3231 padding-top: 1px; 3232 padding-bottom: 1px; 3233 padding-left: 10px; 3234 padding-right: 10px; 3235 background-color: #fff; 3236 margin-top: 8px; 3237 text-align: left; 3238} 3239 3240.header-search_results-list { 3241 color: #828586; 3242 font-size: 12px; 3243} 3244 3245.header-search_results-list li { 3246 border-bottom: 1px solid #E3E3E4; 3247 padding-top: 9px; 3248 padding-bottom: 9px; 3249 padding-left: 2px; 3250} 3251 3252.header-search_results-list a { 3253 color: inherit; 3254 white-space: nowrap; 3255 text-overflow: ellipsis; 3256 overflow: hidden; 3257 max-width: 100%; 3258 display: block; 3259} 3260 3261.header-search_results-list img { 3262 display: inline-block; 3263 vertical-align: middle; 3264 margin-right: 10px; 3265} 3266 3267.header-search_results-list strong { 3268 font-weight: 500; 3269 color: #181D20; 3270} 3271 3272.header-search_results-all a { 3273 font-weight: 500; 3274 font-size: 12px; 3275 line-height: 18px; 3276 padding-top: 8px; 3277 padding-bottom: 8px; 3278 display: block; 3279 text-align: center; 3280 color: #1A8FE3; 3281} 3282 3283.header-search_form .header-search_back, 3284.header-search_form .header-search_clear, 3285.header-search_popular, 3286.header-search_example { 3287 display: none; 3288} 3289 3290.header-search .tools_box { 3291 display: block; 3292} 3293 3294.tags-box { 3295 display: flex; 3296 align-items: center; 3297} 3298 3299.tags-box span { 3300 font-weight: 500; 3301 font-size: 14px; 3302 color: #181D20; 3303 margin-right: 8px; 3304 white-space: nowrap; 3305} 3306 3307.tag-item { 3308 color: var(--theme-color); 3309 font-weight: 500; 3310 font-size: 14px; 3311 padding: 8px 10px; 3312 border: 1px solid var(--theme-color); 3313 border-radius: 10px; 3314 display: inline-block; 3315 margin-left: 16px; 3316 white-space: nowrap; 3317} 3318 3319.tags-box--tools { 3320 margin-bottom: 48px; 3321} 3322 3323.tags-box--tools span { 3324 margin-left: 6px; 3325 margin-right: 10px !important; 3326 font-size: 16px; 3327} 3328 3329.tags-box__wrapper { 3330 margin: -6px; 3331 align-items: center; 3332} 3333 3334.tags-box--tools .tag-item { 3335 padding-top: 6px; 3336 padding-bottom: 6px; 3337 background-color: #E3F1FB; 3338 line-height: 1.3; 3339 margin: 6px; 3340} 3341 3342@media (max-width: 1199px) { 3343 .header-search { 3344 width: 150px; 3345 } 3346} 3347 3348@media (max-width: 992px) { 3349 .header-search { 3350 height: auto; 3351 } 3352 .header-search_group { 3353 position: relative; 3354 z-index: 5; 3355 } 3356 .header-search_results { 3357 position: fixed; 3358 top: 170px; 3359 bottom: 0; 3360 left: 0; 3361 width: 100%; 3362 z-index: 4; 3363 box-shadow: none; 3364 border-radius: 0; 3365 padding-top: 0; 3366 padding-left: 0; 3367 padding-right: 0; 3368 background-color: #fff; 3369 } 3370 .header-search_results-box { 3371 overflow-y: auto; 3372 height: 100%; 3373 } 3374 .header-search_results .tools_box { 3375 display: flex; 3376 align-items: center; 3377 margin-top: 16px; 3378 padding: 0 !important; 3379 width: 100%; 3380 border-radius: 0; 3381 } 3382 .header-search_results .tools_box .icon_box { 3383 width: 40px; 3384 height: 40px; 3385 flex-shrink: 0; 3386 margin-right: 10px; 3387 margin-bottom: 0; 3388 } 3389 .header-search_results .tools_box svg {
3390 width: 20px; 3391 height: 20px; 3392 } 3393 .header-search_results .tools_box h4 { 3394 color: #A7A9AA; 3395 margin-bottom: 0; 3396 font-size: 12px; 3397 margin-top: 0; 3398 line-height: 1.2; 3399 } 3400 .header-search_results .tools_box h4 strong { 3401 color: #181D20; 3402 font-weight: 600; 3403 } 3404 .header-search_results .catalog-box__tag { 3405 color: #707375; 3406 } 3407 .header-search_other { 3408 margin-top: 18px; 3409 } 3410 .header-search_other-title { 3411 text-align: center; 3412 text-transform: uppercase; 3413 font-weight: 500; 3414 font-size: 10px; 3415 line-height: 16px; 3416 position: relative; 3417 } 3418 .header-search_other-title:before { 3419 content: ""; 3420 display: block; 3421 border-top: 1px solid #C8C9CA; 3422 position: absolute; 3423 left: 0; 3424 right: 0; 3425 top: 50%; 3426 transform: translateY(-50%); 3427 z-index: -1; 3428 } 3429 .header-search_other-title span { 3430 display: inline-block; 3431 background-color: #fff; 3432 padding-left: 8px; 3433 padding-right: 8px; 3434 } 3435} 3436 3437 3438/* header-user */ 3439 3440.header-user { 3441 margin-left: 8px; 3442 position: relative; 3443 display: inline-block; 3444 vertical-align: middle; 3445} 3446 3447.header-user:hover .header-user_menu { 3448 display: block; 3449} 3450 3451.header-user_avatar { 3452 width: 40px; 3453 height: 40px; 3454 overflow: hidden; 3455 border-radius: 100%; 3456 font-weight: 600; 3457 font-size: 16px; 3458 color: #fff; 3459 display: flex; 3460 align-items: center; 3461 justify-content: center; 3462 background-color: #9747FF; 3463} 3464 3465.header-user_menu { 3466 position: absolute; 3467 top: 100%; 3468 right: 0; 3469 width: 224px; 3470 padding-top: 17px; 3471 margin-left: 5px; 3472 text-align: left; 3473 display: none; 3474} 3475 3476.header-user_menu::before { 3477 content: ""; 3478 width: 0; 3479 height: 0; 3480 border-left: 6px solid transparent; 3481 border-right: 6px solid transparent; 3482 border-bottom: 10px solid #FFF; 3483 position: absolute; 3484 top: 8px; 3485 left: 50%; 3486 transform: translateX(-50%); 3487} 3488 3489.header-user_menu-box { 3490 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 3491 border-radius: 12px; 3492 background: #FFF; 3493 padding: 16px; 3494} 3495 3496.header-user_menu-list { 3497 margin-top: 16px; 3498} 3499 3500.header-user_menu-list li { 3501 border-bottom: 1px solid #E3E3E4; 3502 display: flex; 3503 justify-content: space-between; 3504} 3505 3506.header-user_menu-list li:first-child { 3507 border-top: 1px solid #E3E3E4; 3508} 3509 3510.header-user_menu-list a { 3511 padding-top: 12px; 3512 padding-bottom: 12px; 3513 color: #525658; 3514 font-weight: 400; 3515 font-size: 14px; 3516 line-height: 21px; 3517 display: block; 3518} 3519 3520.header-user_menu .switch-mode-tool { 3521 display: inline-flex; 3522 padding: 0; 3523 margin-top: 0; 3524 border: none; 3525} 3526 3527.header-user_menu .switch-mode-tool .form-check-input { 3528 width: 48px; 3529} 3530 3531.header-user_menu .switch-mode-tool .form-check-input::after { 3532 left: 2px; 3533 top: 2px; 3534 width: 20px; 3535 height: 20px; 3536} 3537 3538.header-user_menu-actions { 3539 margin-top: 16px; 3540} 3541 3542.header-user_menu-actions .btn { 3543 width: 100%; 3544 padding-top: 7px; 3545 padding-bottom: 7px; 3546 border-radius: 4px; 3547 font-weight: 500; 3548 font-size: 12px; 3549} 3550 3551.header-user_menu-actions .btn-support {} 3552 3553.header-user_menu-actions .btn-logout { 3554 border: 1px solid #E2464C; 3555 color: #E2464C; 3556 margin-top: 8px; 3557} 3558 3559 3560/* tools-menu */ 3561 3562.tools-menu { 3563 display: flex; 3564 align-items: center; 3565 color: #525658; 3566 padding-right: 10px; 3567 margin-right: 4px; 3568 position: relative; 3569} 3570 3571.tools-menu.current { 3572 color: #1A8FE3; 3573} 3574 3575.tools-menu.current .tools-menu_icon-arrow { 3576 transform: rotate(180deg); 3577} 3578 3579.tools-menu::after { 3580 content: ""; 3581 position: absolute; 3582 top: 50%; 3583 right: 0; 3584 transform: translateY(-50%); 3585 width: 1px; 3586 height: 12px; 3587 background-color: #E3E3E4; 3588} 3589 3590.tools-menu_icon-grid { 3591 width: 20px; 3592 height: 20px; 3593 transition: color .2s linear; 3594} 3595 3596.tools-menu_icon-arrow { 3597 width: 12px; 3598 height: 12px; 3599 margin-left: 6px; 3600 transition: transform, color .2s linear; 3601} 3602 3603.tools-menu svg { 3604 width: 100%; 3605 height: 100%; 3606 vertical-align: top; 3607} 3608 3609@media (min-width: 767px) { 3610 .tools-menu { 3611 margin-right: 12px; 3612 } 3613} 3614 3615@media (min-width: 992px) { 3616 .tools-menu { 3617 display: none; 3618 } 3619 .sticky-top-group .button-switch-mode { 3620 margin: 0 0 0 20px; 3621 } 3622 .sticky-top-group .header-search { 3623 display: inline-block; 3624 width: auto; 3625 height: auto; 3626 } 3627 .header-search .form-control { 3628 padding: 16.5px 16.5px 16px 46px; 3629 font-size: 10px; 3630 background-color: #F6F6F6; 3631 border-radius: 8px; 3632 border: none; 3633 outline: none; 3634 color: #707375; 3635 } 3636 .header-search_form .button { 3637 padding: 0 10px; 3638 top: 0; 3639 left: 3px; 3640 } 3641 .sticky-top-group .hamburger-menu { 3642 margin-left: 12px; 3643 }
3644 .modal-share .modal-title { 3645 font-size: 20px; 3646 } 3647 .modal-share .modal-header-text { 3648 font-size: 14px; 3649 } 3650 /* modal-choose-options */ 3651 .modal-choose-options .modal-dialog { 3652 max-width: 616px; 3653 } 3654 .choose-options_label { 3655 min-height: 114px; 3656 } 3657} 3658 3659 3660/* .faq_item_box */ 3661 3662.faq_item_box {} 3663 3664.faq_item_box .card { 3665 margin-top: 24px; 3666 border: none; 3667 border-radius: 12px; 3668 width: 100%; 3669} 3670 3671.faq_item_box .card-body { 3672 padding: 0; 3673} 3674 3675.faq_item_box .card-title { 3676 color: #707375; 3677 font-size: 18px; 3678 font-weight: 500; 3679 margin-bottom: 0; 3680 min-height: 20px; 3681 -webkit-transition: color .2s linear; 3682 -o-transition: color .2s linear; 3683 transition: color .2s linear; 3684 cursor: pointer; 3685 position: relative; 3686 padding: 24px 64px 24px 24px 3687} 3688 3689.faq_item_box .card-action { 3690 position: absolute; 3691 top: 50%; 3692 margin-top: -12px; 3693 right: 24px; 3694 width: 24px; 3695 height: 24px; 3696 overflow: hidden; 3697 display: block; 3698} 3699 3700.faq_item_box .card-action img { 3701 max-width: 100%; 3702} 3703 3704.faq_item_box .card-action-plus {} 3705 3706.faq_item_box .card-action-minus { 3707 display: none; 3708} 3709 3710.faq_item_box .card-content { 3711 padding: 0 24px 24px; 3712 display: none; 3713} 3714 3715.faq_item_box .card-text { 3716 color: #828586; 3717 font-size: 16px; 3718 font-weight: 400; 3719} 3720 3721.faq_item_box .card-title.is-active+.card-content { 3722 display: block; 3723} 3724 3725.faq_item_box .card-title.is-active { 3726 color: #1A8FE3; 3727} 3728 3729.faq_item_box .card-title.is-active .card-action-plus { 3730 display: none; 3731} 3732 3733.faq_item_box .card-title.is-active .card-action-minus { 3734 display: block; 3735} 3736 3737.modal-share {} 3738 3739.modal-share .modal-content { 3740 border-radius: 12px; 3741} 3742 3743.modal-share .modal-header { 3744 border: none; 3745 padding: 40px 40px 0; 3746 display: block; 3747} 3748 3749.modal-share.ctrl-modal .modal-header { 3750 text-align: left; 3751} 3752 3753.modal-share .modal-title { 3754 color: #181D20; 3755 font-weight: bold; 3756 font-size: 24px; 3757 margin-bottom: 8px; 3758} 3759 3760.modal-share .modal-header-text { 3761 color: #828586; 3762 font-size: 16px; 3763} 3764 3765.modal-share .modal-header .close { 3766 position: absolute; 3767 top: 24px; 3768 right: -8px; 3769} 3770 3771.modal-share .modal-body { 3772 padding: 8px 40px 40px; 3773} 3774 3775.modal-share .social_icon { 3776 text-align: left; 3777 display: -webkit-box; 3778 display: -ms-flexbox; 3779 display: flex; 3780 -webkit-box-pack: justify; 3781 -ms-flex-pack: justify; 3782 justify-content: space-between; 3783 -ms-flex-wrap: wrap; 3784 flex-wrap: wrap; 3785 margin-left: -8px; 3786 margin-right: -8px; 3787} 3788 3789.modal-share .social_icon a { 3790 width: 48px; 3791 height: 48px; 3792 background-color: #fff; 3793 border: 1px solid #E3E3E4; 3794 line-height: 46px; 3795 -ms-flex-negative: 0; 3796 flex-shrink: 0; 3797 margin-left: 8px; 3798 margin-right: 8px; 3799 margin-top: 16px; 3800} 3801 3802.modal-share .input-group { 3803 margin-top: 40px; 3804} 3805 3806.modal-share .form-control { 3807 padding: 13px 6px 11px 16px; 3808 font-size: 14px; 3809 border-radius: 8px 0 0 8px; 3810 border-color: #E3E3E4; 3811 border-right-width: 0; 3812 height: 44px; 3813} 3814 3815.modal-share .form-control:focus { 3816 outline: none; 3817 -webkit-box-shadow: none; 3818 box-shadow: none; 3819} 3820 3821.modal-share .input-group-append .btn { 3822 padding: 13px 8px 10px 6px; 3823 font-size: 12px; 3824 color: #1A8FE3; 3825 font-weight: 600; 3826 border-radius: 0 8px 8px 0; 3827 border-color: #E3E3E4; 3828 border-left-width: 0; 3829} 3830 3831.modal-share .input-group-append .btn:hover { 3832 background: none; 3833} 3834 3835 3836/* modal-files */ 3837 3838.modal-files .modal-dialog { 3839 max-width: 723px; 3840} 3841 3842.modal-files .modal-header { 3843 border: none; 3844 padding: 40px 40px 0; 3845 -webkit-box-align: center; 3846 -ms-flex-align: center; 3847 align-items: center; 3848} 3849 3850.modal-files .modal-title { 3851 color: #181D20; 3852 font-weight: bold; 3853 font-size: 24px; 3854 margin-bottom: 8px; 3855} 3856 3857.modal-files .modal-header-text { 3858 color: #828586; 3859 font-size: 16px; 3860} 3861 3862.modal-files .button-delete-all { 3863 background-color: #D0726C; 3864 border-radius: 10px; 3865 padding: 10px 24px; 3866} 3867 3868.modal-files .modal-body { 3869 padding: 8px 40px 40px; 3870} 3871 3872 3873/* files */ 3874 3875.files {} 3876 3877.files_group { 3878 border-top: 1px solid #E3E3E4; 3879 padding-top: 16px; 3880 padding-bottom: 16px; 3881} 3882 3883.files_group:first-child { 3884 border: none; 3885} 3886 3887.files_item { 3888 display: -webkit-box; 3889 display: -ms-flexbox; 3890 display: flex; 3891 -webkit-box-align: center; 3892 -ms-flex-align: center;
3893 align-items: center; 3894 -webkit-box-pack: justify; 3895 -ms-flex-pack: justify; 3896 justify-content: space-between; 3897 position: relative; 3898} 3899 3900.files_name { 3901 border: 1px solid #EFEFEF; 3902 -webkit-box-sizing: border-box; 3903 box-sizing: border-box; 3904 border-radius: 10px; 3905 width: 158px; 3906 -o-text-overflow: ellipsis; 3907 text-overflow: ellipsis; 3908 overflow: hidden; 3909 padding-top: 10px; 3910 padding-bottom: 10px; 3911 padding-left: 16px; 3912 font-size: 14px; 3913 font-weight: 400; 3914 white-space: nowrap; 3915 -ms-flex-negative: 0; 3916 flex-shrink: 0; 3917} 3918 3919.files_name svg { 3920 margin-right: 4px; 3921 vertical-align: -5px; 3922 width: 20px; 3923 height: 21px; 3924 color: #1A8FE3; 3925 flex-shrink: 0; 3926} 3927 3928.files_tools { 3929 display: -webkit-box; 3930 display: -ms-flexbox; 3931 display: flex; 3932 -webkit-box-align: center; 3933 -ms-flex-align: center; 3934 align-items: center; 3935} 3936 3937.files_tools-group { 3938 display: -webkit-box; 3939 display: -ms-flexbox; 3940 display: flex; 3941 -webkit-box-align: center; 3942 -ms-flex-align: center; 3943 align-items: center; 3944} 3945 3946.files_note { 3947 font-size: 12px; 3948 color: #A7A9AA; 3949 margin-right: 16px; 3950} 3951 3952.files_note-colored { 3953 color: #DDBE22; 3954} 3955 3956.button-tool { 3957 width: 40px; 3958 height: 40px; 3959 -webkit-box-sizing: border-box; 3960 box-sizing: border-box; 3961 text-align: center; 3962 line-height: 40px; 3963 padding: 0; 3964 background: #fff; 3965 font-size: 0; 3966} 3967 3968.button-tool_menu { 3969 display: none; 3970 background-color: #EFF7FD; 3971 width: 32px; 3972 height: 32px; 3973 line-height: 32px; 3974} 3975 3976.button-tool_menu:hover { 3977 background-color: #EFF7FD; 3978} 3979 3980.button-tool_download { 3981 -webkit-box-ordinal-group: 3; 3982 -ms-flex-order: 2; 3983 order: 2; 3984} 3985 3986.button-tool_icon { 3987 width: 24px; 3988 height: 24px; 3989 fill: none; 3990 transition: fill .2s linear; 3991} 3992 3993.button-tool_delete { 3994 color: #D0726C; 3995} 3996 3997.button-tool_delete:hover { 3998 background-color: #F9EEED; 3999 color: #D0726C; 4000} 4001 4002.button-tool_delete:hover .button-tool_icon { 4003 fill: #D0726C; 4004} 4005 4006.button-tool_download { 4007 color: #1A8FE3; 4008} 4009 4010.button-tool_download:hover { 4011 background-color: rgb(26 143 227 / 10%); 4012 color: #1A8FE3; 4013} 4014 4015.button-tool_menu { 4016 background: none; 4017} 4018 4019.button-tool_menu .button-tool_icon { 4020 width: 16px; 4021 height: 16px; 4022} 4023 4024.button-tool_menu { 4025 color: #1A8FE3; 4026} 4027 4028.button-tool_menu:hover { 4029 color: #1A8FE3; 4030} 4031 4032.button-select { 4033 margin-left: 8px; 4034 font-size: 14px; 4035 padding: 9px 24px; 4036 border-radius: 10px; 4037} 4038 4039.files_tree { 4040 position: relative; 4041} 4042 4043.files_tree:before { 4044 content: ""; 4045 display: block; 4046 height: calc(100% - 22px); 4047 background-color: #E3E3E4; 4048 position: absolute; 4049 top: -4px; 4050 left: 14.4px; 4051 width: 1px; 4052} 4053 4054.files_tree .files_item { 4055 padding-left: 40px; 4056 margin-top: 12px; 4057} 4058 4059.files_tree .files_item:before { 4060 content: ""; 4061 display: block; 4062 width: 14px; 4063 height: 28px; 4064 background-image: url("/v3/img/arrow-tree.svg"); 4065 background-repeat: no-repeat; 4066 background-position: 0 0; 4067 position: absolute; 4068 top: 0; 4069 left: 14px; 4070} 4071 4072.files_tree .files_name { 4073 width: 117px; 4074} 4075 4076 4077/* modal-choose-options */ 4078 4079.modal-choose-options .modal-dialog { 4080 max-width: 892px; 4081} 4082 4083.modal-choose-options .modal-content { 4084 border-radius: 12px; 4085} 4086 4087.modal-choose-options .modal-header { 4088 border: none; 4089 padding: 40px 40px 0; 4090 display: block; 4091} 4092 4093.modal-choose-options .modal-title { 4094 color: #181D20; 4095 font-weight: bold; 4096 font-size: 24px; 4097 margin-bottom: 8px; 4098} 4099 4100.modal-choose-options .modal-header-text { 4101 color: #828586; 4102 font-size: 16px; 4103} 4104 4105.modal-choose-options .button-delete-all { 4106 background-color: #D0726C; 4107 border-radius: 10px; 4108 padding: 10px 24px; 4109} 4110 4111.modal-choose-options .modal-body { 4112 padding: 8px 40px 40px; 4113} 4114 4115 4116/* choose-options */ 4117 4118.choose-options {} 4119 4120.choose-options_group { 4121 display: flex; 4122 flex-wrap: wrap; 4123 align-items: stretch; 4124 margin-left: -7px; 4125 margin-right: -7px; 4126} 4127 4128.choose-options_item { 4129 position: relative; 4130 overflow: hidden; 4131 width: 260px; 4132 min-height: 114px; 4133 margin-left: 7px; 4134 margin-right: 7px; 4135 margin-top: 16px; 4136} 4137 4138.choose-options_input { 4139 position: absolute; 4140 bottom: 100%; 4141 right: 100%; 4142} 4143 4144.choose-options_input:checked~.choose-options_label { 4145 border-color: #1A8FE3; 4146 background-color: #F6FBFE; 4147} 4148 4149.choose-options_label { 4150 border: 1px solid #EFEFEF; 4151 box-sizing: border-box; 4152 border-radius: 10px; 4153 display: block; 4154 width: inherit; 4155 height: 100%; 4156 padding: 12px; 4157 cursor: pointer; 4158} 4159 4160.choose-options_name { 4161 color: #181D20; 4162 font-weight: 500; 4163 font-size: 14px; 4164 line-height: 140%; 4165 margin-bottom: 8px; 4166} 4167 4168.choose-options_text { 4169 font-size: 12px; 4170 line-height: 18px; 4171 letter-spacing: 0.005em; 4172 color: #707375; 4173} 4174 4175.choose-options_note { 4176 font-style: italic; 4177 font-size: 12px; 4178 line-height: 18px; 4179 color: #525658; 4180 text-align: center; 4181 margin-top: 32px; 4182} 4183 4184.choose-options_note a { 4185 color: #D0726C; 4186 text-decoration: none; 4187} 4188 4189.choose-options_note a:hover { 4190 text-decoration: underline; 4191} 4192 4193.choose-options_button { 4194 display: block; 4195 width: 100%; 4196 margin-top: 16px; 4197 border-radius: 14px; 4198 padding-top: 16px; 4199 padding-bottom: 16px; 4200} 4201 4202.choose-options_button:disabled { 4203 background: #C8C9CA; 4204} 4205 4206.counter { 4207 font-weight: 400; 4208 font-size: 12px; 4209 line-height: 18px; 4210 letter-spacing: 0.005em; 4211 color: #A7A9AA; 4212 margin-left: 7px; 4213 cursor: context-menu; 4214 margin-bottom: 8px; 4215} 4216 4217@media (max-width: 1199px) { 4218 .header-tools { 4219 margin-right: 6px; 4220 margin-left: 6px; 4221 padding-left: 6px; 4222 padding-right: 6px; 4223 min-width: 96px; 4224 } 4225 .header-tools .button { 4226 width: 22px; 4227 height: 22px; 4228 } 4229 .btn-support { 4230 margin-left: -55px; 4231 } 4232 .button-switch-mode { 4233 /*margin-left: -57px; 4234margin-right: 56px;*/ 4235 } 4236 .btn-support { 4237 font-size: 12px; 4238 } 4239 .button-sign-in { 4240 font-size: 12px; 4241 padding: 5px 18px 4px; 4242 } 4243 .menu2 li a { 4244 padding-top: 7px; 4245 } 4246} 4247 4248@media (max-width: 992px) { 4249 .sticky-top-group .button-share-box { 4250 display: none; 4251 } 4252 .sticky-top-group .button { 4253 font-size: 12px; 4254 padding: 5px 16px; 4255 vertical-align: middle; 4256 } 4257 .sticky-top-group .button-files { 4258 padding-top: 7px; 4259 padding-bottom: 7px; 4260 } 4261 .sticky-top-group .button-share img { 4262 width: 12px; 4263 height: 12px; 4264 margin-right: 6px; 4265 } 4266 .menu2~.sticky-top-group .button-share-box { 4267 display: block; 4268 } 4269 .menu2 .sticky-top-group .button-switch-mode { 4270 display: none; 4271 } 4272 .sticky-top-group .button-share { 4273 display: none; 4274 } 4275 .sticky-top-group .button-switch-mode { 4276 margin: 0 0 0 20px; 4277 } 4278 .sticky-top-group .header-search { 4279 display: inline-block; 4280 width: auto; 4281 height: auto; 4282 } 4283 .header-search .form-control { 4284 padding: 16.5px 16.5px 16px 46px; 4285 font-size: 10px; 4286 background-color: #F6F6F6; 4287 border-radius: 8px; 4288 border: none; 4289 outline: none; 4290 color: #707375; 4291 } 4292 .header-search_form .button { 4293 padding: 14px 10px 10px; 4294 top: 0; 4295 left: 6px; 4296 } 4297 .sticky-top-group .hamburger-menu { 4298 margin-left: 12px; 4299 }
4300 .modal-share.ctrl-modal .modal-header { 4301 text-align: left; 4302 } 4303 .modal-share .modal-title { 4304 font-size: 20px; 4305 } 4306 .modal-share .modal-header-text { 4307 font-size: 14px; 4308 } 4309 /* modal-choose-options */ 4310 .modal-choose-options .modal-dialog { 4311 max-width: 616px; 4312 } 4313 .choose-options_label { 4314 min-height: 114px; 4315 } 4316} 4317 4318@media (max-width: 767px) { 4319 .modal-share .modal-header, 4320 .modal-choose-options .modal-header { 4321 padding: 24px 24px 0; 4322 } 4323 .modal-share .modal-body, 4324 .modal-choose-options .modal-body { 4325 padding: 8px 24px 24px; 4326 } 4327 .modal-share.ctrl-modal .modal-body { 4328 padding-left: 16px; 4329 padding-right: 16px; 4330 } 4331 .modal-share .social_icon { 4332 -webkit-box-pack: center; 4333 -ms-flex-pack: center; 4334 justify-content: center; 4335 margin-left: 0; 4336 margin-right: 0; 4337 } 4338 .modal-share .modal-title, 4339 .modal-choose-options .modal-title { 4340 font-size: 18px; 4341 } 4342 .modal-share .modal-header-text, 4343 .modal-choose-options .modal-header-text { 4344 font-size: 12px; 4345 } 4346 .modal-share .input-group { 4347 margin-top: 24px; 4348 } 4349 .modal-share .form-control { 4350 height: 40px; 4351 } 4352 .modal-share .input-group-append .btn { 4353 padding: 10px 8px 10px 6px; 4354 } 4355 .faq_item_box .card { 4356 margin-top: 16px; 4357 } 4358 .faq_item_box .card-title { 4359 font-size: 12px; 4360 padding: 16px 40px 16px 12px; 4361 } 4362 .faq_item_box .card-action { 4363 width: 18px; 4364 height: 18px; 4365 margin-top: -9px; 4366 right: 12px; 4367 } 4368 .faq_item_box .card-text { 4369 font-size: 10px; 4370 } 4371 .faq_item_box .card-content { 4372 padding: 0 12px 16px 12px; 4373 } 4374 .sticky-top-group .button-files { 4375 font-size: 0; 4376 padding-left: 6px; 4377 padding-right: 6px; 4378 padding-top: 4px; 4379 padding-bottom: 4px; 4380 } 4381 .button-files img { 4382 margin-right: 0; 4383 } 4384 .sticky-top-group .button-share { 4385 margin-left: 4px; 4386 } 4387 .sticky-top-group .header-search_group { 4388 position: fixed; 4389 top: 0; 4390 left: 0; 4391 width: 100%; 4392 height: 100%; 4393 background-color: #fff; 4394 padding-left: 0; 4395 padding-right: 0; 4396 display: none; 4397 z-index: 1000; 4398 } 4399 .header-search_group.is-active { 4400 display: block; 4401 } 4402 .sticky-top-group .header-search_form { 4403 height: 69px; 4404 position: relative; 4405 } 4406 .sticky-top-group .header-search .form-control { 4407 border: none; 4408 padding-top: 18px; 4409 padding-bottom: 18px; 4410 border-radius: 0; 4411 border-bottom: 1px solid #E3E3E4; 4412 padding-left: 61px; 4413 padding-right: 50px; 4414 font-size: 14px; 4415 } 4416 .sticky-top-group .header-search .form-control:focus { 4417 outline: none; 4418 box-shadow: none; 4419 } 4420 .header-search_results { 4421 display: none; 4422 } 4423 .sticky-top-group .header-search_results--mobile { 4424 position: absolute; 4425 top: 70px; 4426 height: calc(100vh - 70px); 4427 overflow-y: auto; 4428 box-shadow: none; 4429 padding-left: 24px; 4430 padding-right: 24px; 4431 padding-bottom: 16px; 4432 margin-top: 0; 4433 } 4434 .sticky-top-group .header-search_form .header-search_back, 4435 .sticky-top-group .header-search_form .header-search_clear { 4436 position: absolute; 4437 top: 50%; 4438 transform: translateY(-50%); 4439 padding: 10px; 4440 width: 41px; 4441 height: 41px; 4442 display: block; 4443 } 4444 .sticky-top-group .header-search_submit { 4445 display: none; 4446 } 4447 .sticky-top-group .header-search_form .header-search_back { 4448 left: 14px; 4449 } 4450 .sticky-top-group .header-search_form .header-search_clear { 4451 transform: translateY(-50%) rotate(45deg); 4452 right: 14px; 4453 left: auto; 4454 width: 35px; 4455 height: 35px; 4456 } 4457 .sticky-top-group .header-search_example { 4458 display: flex; 4459 max-width: 100%; 4460 overflow-x: auto; 4461 margin-left: 24px; 4462 margin-right: 12px; 4463 margin-top: 16px; 4464 padding-bottom: 14px; 4465 } 4466 .sticky-top-group .header-search .tools_box { 4467 border: 1px solid #E3E3E4; 4468 padding: 8px; 4469 flex-shrink: 0; 4470 min-width: fit-content; 4471 border-radius: 6px; 4472 height: auto; 4473 } 4474 .header-search_example .tools_box { 4475 margin-right: 12px; 4476 } 4477 .header-search_example .tools_box .icon_box { 4478 width: 24px; 4479 height: 24px; 4480 margin-right: 8px; 4481 } 4482 .header-search_example .tools_box h4 { 4483 color: #707375; 4484 font-weight: 500; 4485 font-size: 12px; 4486 line-height: 18px; 4487 margin-top: 3px; 4488 } 4489 .header-search_popular { 4490 margin-top: 10px; 4491 padding-left: 24px; 4492 padding-right: 24px; 4493 height: calc(100vh - 150px); 4494 overflow-y: auto; 4495 padding-bottom: 16px; 4496 display: block; 4497 } 4498 .header-search_popular h6 { 4499 font-weight: 600; 4500 font-size: 16px; 4501 line-height: 24px; 4502 color: #181D20; 4503 } 4504 .header-search_popular .tools_box, 4505 .header-search_results .tools_box { 4506 margin-top: 16px; 4507 } 4508 .header-search_results .tools_box h4 { 4509 color: #828586; 4510 font-weight: 500; 4511 } 4512 .header-search_results .tools_box h4 span { 4513 color: #181D20; 4514 font-weight: 600; 4515 } 4516 /* .modal-choose-options */ 4517 .choose-options_group { 4518 display: block; 4519 margin-left: 0; 4520 margin-right: 0; 4521 } 4522 .choose-options_item { 4523 width: auto; 4524 margin-left: 0; 4525 margin-right: 0; 4526 } 4527 .choose-options_note { 4528 margin-top: 24px; 4529 max-width: 250px; 4530 margin-left: auto; 4531 margin-right: auto; 4532 } 4533 .choose-options_button { 4534 padding-top: 10px; 4535 padding-bottom: 10px; 4536 border-radius: 12px; 4537 margin-top: 8px; 4538 } 4539 /* .modal-files*/
4540 .modal-files .modal-header { 4541 padding: 24px 24px 0; 4542 display: block; 4543 } 4544 .modal-files .modal-title { 4545 font-size: 18px; 4546 } 4547 .modal-files .modal-header-text { 4548 font-size: 12px; 4549 } 4550 .modal-files .button-delete-all { 4551 padding: 10px 24px; 4552 display: block; 4553 margin-top: 16px; 4554 } 4555 .modal-files .modal-body { 4556 padding: 14px 24px 24px; 4557 } 4558 .button-tool_menu { 4559 display: block; 4560 } 4561 .files_tools-group.is-active { 4562 display: block; 4563 } 4564 .files_tools-group { 4565 display: none; 4566 position: absolute; 4567 bottom: 100%; 4568 left: 50%; 4569 -webkit-transform: translateX(-50%); 4570 -ms-transform: translateX(-50%); 4571 transform: translateX(-50%); 4572 width: 150px; 4573 background: #FFF; 4574 -webkit-box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05); 4575 box-shadow: 0 10px 40px rgba(24, 29, 32, 0.05); 4576 border-radius: 10px; 4577 padding-left: 8px; 4578 padding-right: 8px; 4579 } 4580 .files_tree .files_item { 4581 padding-left: 36px; 4582 } 4583 .files_name { 4584 width: 140px; 4585 font-size: 12px; 4586 } 4587 .files_tree .files_name { 4588 width: 105px; 4589 } 4590 .files_note { 4591 margin-right: 0; 4592 font-size: 10px; 4593 padding-top: 8px; 4594 padding-bottom: 8px; 4595 line-height: 1.5; 4596 } 4597 .button-select { 4598 padding: 7px 16px; 4599 font-size: 12px; 4600 } 4601 .button-tool_download, 4602 .button-tool_delete { 4603 display: block; 4604 background: none; 4605 font-weight: 500; 4606 font-size: 10px; 4607 width: auto; 4608 height: auto; 4609 padding-top: 8px; 4610 padding-bottom: 8px; 4611 border-top: 1px solid #EFEFEF; 4612 text-align: left; 4613 line-height: 1.2; 4614 border-radius: 0; 4615 } 4616 .button.button-tool_download, 4617 .button.button-tool_delete { 4618 font-size: 10px; 4619 } 4620 .button-tool_download { 4621 color: #1A8FE3; 4622 } 4623 .button-tool_delete { 4624 color: #D0726C; 4625 } 4626 .button-tool_download:hover, 4627 .button-tool_delete:hover { 4628 background: none; 4629 } 4630 .button-tool_download:hover { 4631 color: #1A8FE3; 4632 } 4633 .button-tool_delete:hover { 4634 color: #D0726C; 4635 } 4636 .button-tool_download .button-tool_icon, 4637 .button-tool_delete .button-tool_icon { 4638 margin-right: 4px; 4639 vertical-align: -3px; 4640 width: 16px; 4641 height: 16px; 4642 } 4643} 4644 4645@media (max-width: 375px) { 4646 .sticky-top-group .button-share { 4647 padding-left: 13px; 4648 padding-right: 13px; 4649 } 4650 .sticky-top-group .button-switch-mode { 4651 margin-left: 12px; 4652 } 4653 .sticky-top-group .hamburger-menu { 4654 margin-left: 12px; 4655 } 4656 .modal-files .modal-body { 4657 padding-left: 10px; 4658 padding-right: 10px; 4659 } 4660 .modal-files .modal-header { 4661 padding-left: 10px; 4662 padding-right: 10px; 4663 } 4664} 4665 4666 4667/****** dark-mode ******/ 4668 4669.dark-mode { 4670 color: #EFEFEF; 4671 background-color: #1F2A33; 4672} 4673 4674.dark-mode main { 4675 background-color: #1F2A33; 4676} 4677 4678.dark-mode header { 4679 background-color: #1A252E; 4680} 4681 4682.dark-mode .logo { 4683 display: flex; 4684 align-items: center; 4685} 4686 4687.dark-mode header .img-fluid.logo-normal { 4688 display: none; 4689} 4690 4691.dark-mode header .img-fluid.logo-dark { 4692 display: block; 4693} 4694 4695.dark-mode .logo span { 4696 color: #EFEFEF; 4697} 4698 4699.dark-mode .menu2 li a { 4700 color: #fff; 4701} 4702 4703.dark-mode .drop_menu>a::after { 4704 border-right-color: #fff; 4705 border-bottom-color: #fff; 4706} 4707 4708.dark-mode .menu2>li>ul { 4709 background-color: #223544; 4710 border-radius: 10px; 4711} 4712 4713.dark-mode .multilavel>ul { 4714 background-color: #223544; 4715} 4716 4717.dark-mode .header-tools .button { 4718 background: #223544; 4719 border-color: #828586; 4720} 4721 4722.dark-mode .header-tools .button img { 4723 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4724 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4725} 4726 4727.dark-mode .button-files { 4728 border: none; 4729} 4730 4731.dark-mode .switch-mode-icon_sun { 4732 display: block; 4733} 4734 4735.dark-mode .switch-mode-icon_moon { 4736 display: none; 4737} 4738 4739.dark-mode .header-search .form-control { 4740 background-color: #223544; 4741 color: #fff; 4742} 4743 4744.dark-mode .header-search .form-control::placeholder { 4745 color: #EFEFEF; 4746} 4747 4748.dark-mode .header-search .button img { 4749 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4750 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4751} 4752 4753.dark-mode .header-search_results { 4754 background-color: #1A252E; 4755} 4756 4757.dark-mode .header-search_results-list a { 4758 color: #EFEFEF; 4759} 4760 4761.dark-mode .header-search_results-list a img { 4762 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4763 filter: brightness(0) saturate(100%) invert(100%) sepia(1%) saturate(775%) hue-rotate(165deg) brightness(119%) contrast(87%); 4764} 4765 4766.dark-mode .header-search_results-list li { 4767 border-bottom-color: #828586; 4768} 4769 4770.dark-mode .header-user_menu-box { 4771 background-color: #1A252E; 4772} 4773 4774.dark-mode .header-user_menu::before { 4775 border-bottom-color: #1A252E; 4776} 4777 4778.dark-mode .user-bar_name { 4779 color: #fff; 4780} 4781 4782.dark-mode .user-bar_plan { 4783 color: #EFEFEF; 4784} 4785 4786.dark-mode .header-user_menu-list li { 4787 border-bottom-color: #828586; 4788} 4789 4790.dark-mode .header-user_menu-list li:first-child { 4791 border-top-color: #828586; 4792} 4793 4794.dark-mode .header-user_menu-list a { 4795 color: #fff; 4796} 4797 4798.dark-mode .expand_menu-box { 4799 background-color: #1A262F; 4800} 4801 4802.dark-mode .switch-mode-tool .form-check-input { 4803 background: #273744; 4804} 4805 4806.dark-mode .switch-mode-tool .form-check-input::after { 4807 background-color: #7a8289; 4808} 4809 4810.dark-mode .expand_menu-box .category-tools__item h4, 4811.dark-mode .expand_menu-box .category-tools__item a { 4812 color: #fff; 4813} 4814 4815.dark-mode .expand_menu-box .category-tools__descr, 4816.dark-mode .expand_menu-name-categiry, 4817.dark-mode .expand_menu .mega_menu li a { 4818 color: #EFEFEF; 4819} 4820 4821.dark-mode .expand_menu .gray { 4822 color: #EFEFEF !important; 4823} 4824 4825.dark-mode .drop_menu.is-opened, 4826.dark-mode .menu2 li .category-tools__item:hover { 4827 background-color: #223544; 4828} 4829 4830.dark-mode .tags-box--tools span { 4831 color: #fff; 4832} 4833 4834.dark-mode .tags-box--tools .tag-item { 4835 background-color: #223544; 4836} 4837 4838.dark-mode .home_area h1 { 4839 color: #fff; 4840} 4841 4842.dark-mode .home_area { 4843 background: #1A252E; 4844} 4845 4846.dark-mode .home_area .gray, 4847.dark-mode .present_area .gray { 4848 color: #EFEFEF !important; 4849} 4850 4851.dark-mode .search_group input { 4852 background-color: #223544; 4853 color: #EFEFEF; 4854} 4855 4856.dark-mode .search_group input::-webkit-input-placeholder { 4857 color: #EFEFEF; 4858} 4859 4860.dark-mode .search_group input::-moz-placeholder { 4861 color: #EFEFEF; 4862} 4863 4864.dark-mode .search_group input:-ms-input-placeholder { 4865 color: #EFEFEF; 4866} 4867 4868.dark-mode .search_group input::-ms-input-placeholder { 4869 color: #EFEFEF; 4870} 4871 4872.dark-mode .search_group input::placeholder { 4873 color: #EFEFEF; 4874} 4875 4876.dark-mode .tools__span { 4877 color: #EFEFEF; 4878} 4879 4880.dark-mode .tools__footer { 4881 background-color: #223544; 4882} 4883 4884.dark-mode .tag_box a { 4885 background-color: #1F2A33; 4886 color: #1A8FE3; 4887} 4888 4889.dark-mode .title, 4890.dark-mode .step_box h4 { 4891 color: #fff; 4892} 4893 4894.dark-mode .tools_box { 4895 background-color: #1A252E; 4896} 4897 4898.dark-mode .elect { 4899 background-color: #525658; 4900 color: #828586; 4901} 4902 4903.dark-mode .tools_box .icon_box { 4904 background-color: #415461; 4905} 4906 4907.dark-mode .tools__item.color-violet .tools__footer>div { 4908 background-color: #423D5C; 4909} 4910 4911.dark-mode .color-violet { 4912 color: #B1A3F5; 4913} 4914 4915.dark-mode .tools__item.color-orange .tools__footer>div { 4916 background-color: #5C483D; 4917} 4918 4919.dark-mode .color-orange { 4920 color: #F99058; 4921} 4922 4923.dark-mode .tools__item.color-purple .tools__footer>div { 4924 background-color: #65434C; 4925} 4926 4927.dark-mode .color-purple { 4928 color: #EB6689; 4929} 4930 4931.dark-mode .tools__item.color-blue .tools__footer>div { 4932 background-color: #3D4A5C; 4933} 4934 4935.dark-mode .color-blue { 4936 color: #66A0EA; 4937} 4938 4939.dark-mode .tools__item.color-green .tools__footer>div { 4940 background-color: #3D595C; 4941} 4942 4943.dark-mode .color-green { 4944 color: #77D0D9; 4945} 4946 4947.dark-mode .tools_box h4 { 4948 color: #fff; 4949} 4950 4951.dark-mode .icon_box.v_1 { 4952 color: #EF94A7; 4953} 4954 4955.dark-mode .icon_box.v_2 { 4956 color: #AC94EF; 4957} 4958 4959.dark-mode .icon_box.v_3 { 4960 color: #FF8FA4; 4961} 4962 4963.dark-mode .icon_box.v_4 { 4964 color: #F6BA97; 4965} 4966 4967.dark-mode .icon_box.v_5 { 4968 color: #B7AAF8; 4969} 4970 4971.dark-mode .icon_box.v_6 { 4972 color: #B7E750; 4973} 4974 4975.dark-mode .icon_box.v_8 { 4976 color: #F2CE9C; 4977} 4978 4979.dark-mode .icon_box.v_9 { 4980 color: #98E750; 4981} 4982 4983.dark-mode .icon_box.v1 { 4984 background-color: #45515E; 4985} 4986 4987.dark-mode .icon_box.v2 { 4988 background-color: #46545F; 4989} 4990 4991.dark-mode .icon_box.v3 { 4992 background-color: #46525D; 4993} 4994 4995.dark-mode .icon_box.v4 { 4996 background-color: #415461; 4997} 4998 4999.dark-mode .icon_box.v5 { 5000 background-color: #425161; 5001} 5002 5003.dark-mode .icon_box.v6 { 5004 background-color: #415262; 5005} 5006 5007.dark-mode .icon_box.v7 { 5008 background-color: #43545E; 5009} 5010 5011.dark-mode .icon_box.v8 { 5012 background-color: #46505E; 5013} 5014 5015.dark-mode .icon_box.v9 {
5016 background-color: #46515D; 5017} 5018 5019.dark-mode .icon_box.v10 { 5020 background-color: #46515D; 5021} 5022 5023.dark-mode .icon_box.v11 { 5024 background-color: #46505E; 5025} 5026 5027.dark-mode .icon_box.v12 { 5028 background-color: #425161; 5029} 5030 5031.dark-mode .icon_box.v13 { 5032 background-color: #43545E; 5033} 5034 5035.dark-mode .icon_box.v14 { 5036 background-color: #415261; 5037} 5038 5039.dark-mode .icon_box.v15 { 5040 background-color: #46535D; 5041} 5042 5043.dark-mode .icon_box.v5 img { 5044 -webkit-filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%); 5045 filter: brightness(0) saturate(100%) invert(79%) sepia(45%) saturate(7123%) hue-rotate(212deg) brightness(102%) contrast(104%); 5046} 5047 5048.dark-mode .tools_area .button { 5049 -webkit-box-shadow: 0 16px 18px rgb(26 143 227 / 10%); 5050 box-shadow: 0 16px 18px rgb(26 143 227 / 10%); 5051} 5052 5053.dark-mode .statistic { 5054 background-color: #273744; 5055} 5056 5057.dark-mode .statistic__text { 5058 color: #F6F6F6; 5059} 5060 5061.dark-mode .tools_area.check-tools { 5062 background-color: #273744; 5063} 5064 5065.dark-mode .check-tools .gray { 5066 color: #EFEFEF !important; 5067} 5068 5069.dark-mode .filter { 5070 background-color: #212D36; 5071 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 5072} 5073 5074.dark-mode .filter__category { 5075 color: #F6F6F6; 5076} 5077 5078.dark-mode .present__button { 5079 background: #223544; 5080 border-color: #828586; 5081} 5082 5083.dark-mode .present__button path { 5084 stroke: #EFEFEF; 5085} 5086 5087.dark-mode .present__button.is-active { 5088 background: #1A8FE3; 5089 border-color: #1A8FE3; 5090} 5091 5092.dark-mode .present-card { 5093 background-color: #223544; 5094} 5095 5096.dark-mode .present-card__name { 5097 color: #FFFFFF; 5098} 5099 5100.dark-mode .present-card__bg { 5101 /*background-color: #496B83;*/ 5102} 5103 5104.dark-mode .price_box { 5105 background-color: #223544; 5106 border-color: #707375; 5107} 5108 5109.dark-mode .price_box h4 { 5110 color: #E3E3E4; 5111} 5112 5113.dark-mode .price_box h3 span { 5114 color: #E3E3E4; 5115} 5116 5117.dark-mode .price_box ul li { 5118 color: #EFEFEF; 5119} 5120 5121.dark-mode .price_box ul li::before { 5122 background-image: url(/v3/img/check-dark.svg); 5123} 5124 5125.dark-mode .price_box .button.default { 5126 background-color: #404A54; 5127} 5128 5129.dark-mode .contact_area { 5130 position: relative; 5131} 5132 5133.dark-mode .contact_area label { 5134 color: #F6F6F6; 5135} 5136 5137.dark-mode .contact_area input, 5138.dark-mode .contact_area textarea { 5139 background-color: #223749; 5140 border: 1px solid #828586; 5141 color: #C8C9CA; 5142} 5143 5144.dark-mode .contact_area:before { 5145 content: ""; 5146 width: 1200px; 5147 height: 1200px; 5148 position: absolute; 5149 bottom: -230px; 5150 right: -360px; 5151 opacity: .3; 5152 border-radius: 100%; 5153 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5154 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5155} 5156 5157.dark-mode .contact_area input::-webkit-input-placeholder, 5158.dark-mode .contact_area textarea::-webkit-input-placeholder { 5159 color: #C8C9CA; 5160} 5161 5162.dark-mode .contact_area input::-moz-placeholder, 5163.dark-mode .contact_area textarea::-moz-placeholder { 5164 color: #C8C9CA; 5165} 5166 5167.dark-mode .contact_area input:-ms-input-placeholder, 5168.dark-mode .contact_area textarea:-ms-input-placeholder { 5169 color: #C8C9CA; 5170} 5171 5172.dark-mode .contact_area input::-ms-input-placeholder, 5173.dark-mode .contact_area textarea::-ms-input-placeholder { 5174 color: #C8C9CA; 5175} 5176 5177.dark-mode .contact_area input::placeholder, 5178.dark-mode .contact_area textarea::placeholder { 5179 color: #C8C9CA; 5180} 5181 5182.dark-mode .support-area { 5183 background: linear-gradient(87.56deg, #273744 1.79%, rgba(26, 143, 227, 0) 383.1%); 5184} 5185 5186.dark-mode footer { 5187 background-color: #1A2630; 5188 color: #E3E3E4; 5189} 5190 5191.dark-mode footer a .img-fluid { 5192 display: none; 5193} 5194 5195.dark-mode footer a .img-fluid.logo-dark, 5196.dark-mode footer a .img-fluid.logo-icon { 5197 display: inline-block; 5198 vertical-align: middle; 5199} 5200 5201.dark-mode footer h4 { 5202 color: #E3E3E4; 5203} 5204 5205.dark-mode footer {} 5206 5207.dark-mode .footer_bottom { 5208 background-color: #1A2630; 5209 color: #E3E3E4; 5210 padding: 0; 5211} 5212 5213.dark-mode .footer_bottom .container { 5214 padding: 14px 0 24px; 5215 border-top: 1px solid #828586; 5216} 5217 5218.dark-mode .footer_bottom p span { 5219 color: #1A8FE3; 5220} 5221 5222.dark-mode .social_icon a { 5223 background-color: #364C5E; 5224} 5225 5226.dark-mode footer a.active { 5227 color: #71BAEE; 5228} 5229 5230.dark-mode .copy_right { 5231 color: #EFEFEF; 5232} 5233 5234.dark-mode .footer_bottom p img { 5235 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5236 filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5237} 5238 5239.dark-mode .compress_area, 5240.dark-mode .compress_area .container { 5241 position: relative; 5242} 5243 5244.dark-mode .compress_area:before { 5245 content: ""; 5246 width: 1200px; 5247 height: 1200px; 5248 position: absolute; 5249 top: 40px; 5250 right: -260px; 5251 opacity: .3; 5252 border-radius: 100%; 5253 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5254 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5255} 5256 5257.dark-mode .title_lg { 5258 color: #FFFFFF; 5259} 5260 5261.dark-mode .rating_box { 5262 background-color: #223544; 5263} 5264 5265.dark-mode .rating_box h5 { 5266 color: #EFEFEF; 5267} 5268 5269.dark-mode .star-rating svg { 5270 stroke: #C8C9CA; 5271} 5272 5273.dark-mode .rating_box h6 span { 5274 color: #E3E3E4; 5275} 5276 5277.dark-mode .file-drop-area { 5278 background-color: #223544; 5279 border-color: #707375; 5280} 5281 5282.dark-mode .file-drop-area .social_icon a { 5283 background-color: #1F2A33; 5284} 5285 5286.dark-mode .file-drop-area p.drag { 5287 color: #C8C9CA; 5288} 5289 5290.dark-mode .step_item h4 { 5291 color: #fff; 5292} 5293 5294.dark-mode .step_item::after { 5295 -webkit-box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue); 5296 box-shadow: 0 0 0 4px #1B2D3A, 0 0 0 6px var(--blue); 5297} 5298 5299.dark-mode .faq_item_box .card { 5300 background-color: #223544; 5301 color: #EFEFEF; 5302} 5303 5304.dark-mode .faq_item_box .card-action img { 5305 -webkit-filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5306 filter: brightness(0) saturate(100%) invert(100%) sepia(97%) saturate(12%) hue-rotate(188deg) brightness(102%) contrast(105%); 5307} 5308 5309.dark-mode .faq_item_box .card-title, 5310.dark-mode .faq_item_box .card-text { 5311 color: #EFEFEF; 5312} 5313 5314.dark-mode .faq_item_box .card-title.is-active { 5315 color: #1A8FE3; 5316} 5317 5318.dark-mode .modal-content { 5319 background-color: #1A252F; 5320} 5321 5322.dark-mode .modal-title { 5323 color: #fff; 5324} 5325 5326.dark-mode .modal-header-text { 5327 color: #E3E3E4; 5328} 5329 5330.dark-mode .modal-share .social_icon a { 5331 border-color: #828586; 5332} 5333 5334.dark-mode .modal-share .form-control { 5335 background-color: #1A252F; 5336 border-color: #828586; 5337 color: #C8C9CA; 5338} 5339 5340.dark-mode .modal-share .form-control::-webkit-input-placeholder { 5341 color: #C8C9CA; 5342} 5343 5344.dark-mode .modal-share .form-control::-moz-placeholder { 5345 color: #C8C9CA; 5346} 5347 5348.dark-mode .modal-share .form-control:-ms-input-placeholder { 5349 color: #C8C9CA; 5350} 5351 5352.dark-mode .modal-share .form-control::-ms-input-placeholder { 5353 color: #C8C9CA; 5354} 5355 5356.dark-mode .modal-share .form-control::placeholder { 5357 color: #C8C9CA; 5358} 5359 5360.dark-mode .modal-share .input-group-append .btn { 5361 border-color: #828586; 5362} 5363 5364.dark-mode .modal-files .modal-title { 5365 color: #fff; 5366} 5367 5368.dark-mode .modal-files .modal-header-text { 5369 color: #E3E3E4; 5370} 5371 5372.dark-mode .button-tool { 5373 background-color: #1A252F; 5374} 5375 5376.dark-mode .mobile_menu { 5377 background-color: #1A252F; 5378} 5379 5380.dark-mode .mobile_menu .menu2>li>a { 5381 background-color: #223544; 5382 border-color: #1A2833; 5383} 5384 5385.dark-mode .pricing_area { 5386 position: relative; 5387} 5388 5389.dark-mode .pricing_area:before { 5390 content: ""; 5391 width: 1200px; 5392 height: 1200px; 5393 position: absolute; 5394 top: -90px; 5395 right: -260px; 5396 opacity: .3; 5397 border-radius: 100%; 5398 background: -o-radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5399 background: radial-gradient(circle, rgba(26, 143, 227, 1) 0%, rgba(26, 143, 227, 1) 0%, rgba(255, 255, 255, 0) 70%); 5400} 5401 5402.dark-mode .title_md { 5403 color: #fff; 5404} 5405 5406.dark-mode .choose-options_name { 5407 color: #fff; 5408} 5409 5410.dark-mode .choose-options_text { 5411 color: #E3E3E4; 5412} 5413 5414.dark-mode .choose-options_note { 5415 color: #E3E3E4; 5416} 5417 5418.dark-mode .choose-options_input:checked~.choose-options_label { 5419 background-color: #223544; 5420 border-color: #707375; 5421} 5422 5423.dark-mode .billing_box { 5424 background-color: #223544; 5425 color: #E3E3E4; 5426} 5427 5428.dark-mode .cards-list_item { 5429 border-bottom-color: #707375; 5430} 5431 5432.dark-mode .cards-list_text { 5433 color: #E3E3E4; 5434} 5435 5436.dark-mode .cards-list_text span { 5437 color: #fff; 5438} 5439 5440.dark-mode .title-section span { 5441 background-color: #1F2A33; 5442 color: #E3E3E4; 5443} 5444 5445.dark-mode .billing-history_message { 5446 color: #E3E3E4; 5447 border-color: #707375; 5448} 5449 5450.dark-mode .billing-history .table tbody th, 5451.dark-mode .billing-history .table td { 5452 color: #E3E3E4; 5453} 5454 5455.dark-mode .billing-history .table .thead-light th { 5456 background-color: #2d465a; 5457 color: #E3E3E4; 5458} 5459 5460.dark-mode .billing-history .table th, 5461.dark-mode .billing-history .table td { 5462 border-color: #707375; 5463} 5464 5465.dark-mode .billing_box .btn-outline-secondary { 5466 color: #E3E3E4; 5467 border-color: #707375; 5468} 5469 5470.dark-mode .billing-history { 5471 border-radius: 3px 3px 0 0; 5472} 5473 5474.dark-mode .price_box-header p, 5475.dark-mode .price_box-note { 5476 color: #E3E3E4; 5477} 5478 5479.dark-mode .price_box-date { 5480 color: #cbcbcb; 5481} 5482 5483.dark-mode .price_box.active { 5484 background-color: #1A8FE3; 5485} 5486 5487.dark-mode .chart-creators_box, 5488.dark-mode .collage-maker_box, 5489.dark-mode .splitter-image_box, 5490.dark-mode .compress-result { 5491 background-color: #223544; 5492 border-color: #707375; 5493} 5494 5495.dark-mode .chart-creators_tabs .list-group { 5496 background-color: #1F2A33; 5497 color: #C8C9CA; 5498} 5499 5500.dark-mode .tab-content .form-group>.form-control, 5501.dark-mode .tab-content .dropdown .btn-secondary { 5502 background-color: #1A252E; 5503 border-color: #828586; 5504 color: #C8C9CA; 5505} 5506 5507.dark-mode .tab-content .form-group>.form-control::placeholder { 5508 color: #C8C9CA; 5509} 5510 5511.dark-mode .tab-content .dropdown-menu { 5512 background-color: #1A252E; 5513} 5514 5515.dark-mode .tab-content .dropdown-item { 5516 color: #C8C9CA; 5517} 5518 5519.dark-mode .tab-content .form-group>label, 5520.dark-mode .chart-creators_tabs .list-group-item, 5521.dark-mode .compress-result_file, 5522.dark-mode .share h3 { 5523 color: #fff; 5524} 5525 5526.dark-mode .tab-content .dropdown-item:focus, 5527.dark-mode .tab-content .dropdown-item:hover { 5528 background-color: #1a8fe3; 5529} 5530 5531.dark-mode .tools-button { 5532 background-color: #1A252E; 5533 color: #C8C9CA; 5534} 5535 5536.dark-mode .chart-creators_table .table .thead-light th, 5537.dark-mode .chart-creators_table .table th, 5538.dark-mode .pick-color .form-control, 5539.dark-mode .collage-maker_border .input-group .form-control, 5540.dark-mode .chart-creators_tabs .pick-color .form-control { 5541 background-color: #1A252E; 5542 color: #C8C9CA; 5543} 5544 5545.dark-mode .collage-maker_border p { 5546 color: #fff; 5547} 5548 5549.dark-mode .collage-grid_item { 5550 background-color: #1A252E; 5551 border-color: #707375; 5552} 5553 5554.dark-mode .collage-grid { 5555 border-color: #707375; 5556} 5557 5558.dark-mode .splitter-image_bar-item p, 5559.dark-mode .compress-result .get-update h3 { 5560 color: #fff; 5561} 5562 5563.dark-mode .splitter-image_bar .button, 5564.dark-mode .splitter-image .form-control { 5565 background-color: #1A252E; 5566 color: #C8C9CA; 5567 border-color: #707375; 5568} 5569 5570.dark-mode .compress-result_file-icon--pdf, 5571.dark-mode .compress-result_file-icon--image { 5572 background-color: #1A252E; 5573} 5574 5575.dark-mode .compress-result .get-update { 5576 background-color: transparent; 5577 color: #fff; 5578 border-color: #E3E3E4; 5579} 5580 5581.dark-mode .builder-container, 5582.dark-mode .builder-box { 5583 background-color: #1A252E; 5584} 5585 5586.dark-mode .builder-container h2 { 5587 color: #EFEFEF; 5588} 5589 5590.dark-mode .blog-builder_area .rating_box h5 { 5591 color: #EFEFEF; 5592} 5593 5594.dark-mode .page-with-buider-step, 5595.dark-mode .page-with-buider-step .builder-wrapper { 5596 background: #1F2A33; 5597} 5598 5599.dark-mode .builder-wrapper__title, 5600.dark-mode .steps__name, 5601.dark-mode .builder-title, 5602.dark-mode .outlines__body p, 5603.dark-mode .heading-titles__item, 5604.dark-mode .article-item__text p { 5605 color: #EFEFEF; 5606} 5607 5608.dark-mode .article-item__head { 5609 background: transparent; 5610} 5611 5612@media (max-width: 992px) { 5613 .dark-mode .mobile_menu .menu2>li>a { 5614 background-color: #223544; 5615 } 5616 .dark-mode .mobile_menu li a::after { 5617 border-right-color: #fff; 5618 border-bottom-color: #fff; 5619 } 5620 /* .dark-mode .menu2 .mega_menu>
5620li>a, 5621 .dark-mode .menu2 .mega_menu>li.multilavel ul, 5622 .dark-mode .menu2 .mega_menu>li.multilavel a { 5623 background-color: #2A4255; 5624 color: #fff; 5625 } */ 5626 .dark-mode .header-search { 5627 background-color: #1A252E; 5628 } 5629 .dark-mode .mobile_menu .menu2>li>a { 5630 background: #1A252E; 5631 color: #fff; 5632 } 5633 .dark-mode .category-tools__item h4 { 5634 color: #fff; 5635 } 5636 .dark-mode .expand_menu .mega_menu li .expand_menu__link-all, 5637 .dark-mode .nav-link[aria-expanded='true']:after { 5638 color: #1A8FE3; 5639 } 5640 .dark-mode .category-tools__item--big.is-active, 5641 .dark-mode .menu2 .expand_menu--image .category-tools__item--big.is-active:hover { 5642 background-color: #1A252E; 5643 } 5644 .dark-mode .menu2 li .category-tools__item:hover { 5645 background-color: #1A252E; 5646 } 5647 .dark-mode .menu2 .icon_box, 5648 .dark-mode .main-item { 5649 background-color: #415461; 5650 } 5651 .dark-mode .mobile_menu__actions { 5652 background-color: #1A252E; 5653 } 5654 .dark-mode .ai-all__item .v_12 { 5655 background: #524884; 5656 } 5657 .dark-mode .ai-all__item .v_11 { 5658 background: #847948; 5659 } 5660 .dark-mode .ai-all__item .v_14 { 5661 background: #846148; 5662 } 5663 .dark-mode .hamburger-menu span { 5664 background-color: #F6F6F6; 5665 } 5666} 5667 5668 5669/*new css*/ 5670 5671.convert_header { 5672 background-color: #fff; 5673 position: sticky; 5674 top: 0; 5675 z-index: 1000; 5676} 5677 5678.convert_wrapper { 5679 background: #FAFAFA; 5680} 5681 5682.top_header { 5683 padding: 10px 0; 5684 border-bottom: 1px solid #EFEFEF; 5685} 5686 5687.top_header h4, 5688.top_header h4 input { 5689 font-weight: 500; 5690 font-size: 16px; 5691 color: #181D20; 5692 line-height: 1.2; 5693} 5694 5695.top_header .button { 5696 font-size: 14px; 5697 line-height: 1.4; 5698 font-weight: 500; 5699 display: -webkit-box; 5700 display: -ms-flexbox; 5701 display: flex; 5702 -webkit-box-align: center; 5703 -ms-flex-align: center; 5704 align-items: center; 5705 -webkit-box-pack: center; 5706 -ms-flex-pack: center; 5707 justify-content: center; 5708 padding: 10px 16px; 5709} 5710 5711.top_header .button img { 5712 margin-right: 5px; 5713} 5714 5715.top_header .dropdown-toggle { 5716 width: 40px; 5717 height: 40px; 5718 border: 1px solid #E3E3E4; 5719 border-radius: 10px; 5720 display: -webkit-inline-box; 5721 display: -ms-inline-flexbox; 5722 display: inline-flex; 5723 -webkit-box-align: center; 5724 -ms-flex-align: center; 5725 align-items: center; 5726 -webkit-box-pack: center; 5727 -ms-flex-pack: center; 5728 justify-content: center; 5729} 5730 5731.convert_header .dropdown-toggle::after { 5732 display: none; 5733} 5734 5735.top_header .button-switch-mode { 5736 margin-right: 15px; 5737} 5738 5739.convert_header .dropdown-menu { 5740 border-radius: 10px; 5741 min-width: 120px; 5742 padding: 8px 0; 5743 margin-top: 0; 5744} 5745 5746.convert_header .dropdown-menu a.dropdown-item { 5747 font-size: 14px; 5748 line-height: 140%; 5749 letter-spacing: 0.005em; 5750 color: #828586; 5751 padding: 8px 16px; 5752} 5753 5754.convert_header .dropdown-menu a img { 5755 margin-right: 5px; 5756} 5757 5758.menu_wrap .dropdown-menu { 5759 left: 50% !important; 5760 -webkit-transform: translateX(-50%) !important; 5761 -ms-transform: translateX(-50%) !important; 5762 transform: translateX(-50%) !important; 5763 top: 100% !important; 5764} 5765 5766.menu_wrap .sign_menu { 5767 min-width: 200px; 5768 padding: 16px; 5769} 5770 5771.menu_wrap .sign_menu .button { 5772 font-size: 12px; 5773 font-weight: 500; 5774 padding: 7px 12px; 5775 width: 100%; 5776} 5777 5778 5779/*range css*/ 5780 5781.slider-box { 5782 background: #ffffff; 5783 padding: 11px 12px; 5784 border-radius: 12px; 5785 border: 1px solid #E3E3E4; 5786 width: 100%; 5787 max-width: 228px; 5788} 5789 5790.slider-box button { 5791 background-color: transparent; 5792 padding: 0; 5793 border: none; 5794} 5795 5796.range_box { 5797 width: 100%; 5798 margin-left: 12px; 5799 margin-right: 12px; 5800 position: relative; 5801} 5802 5803.range_box .range { 5804 width: 100%; 5805 height: 1px; 5806 background-color: #C8C9CA; 5807} 5808 5809.slider-box h4 { 5810 font-weight: 500; 5811 font-size: 12px; 5812 line-height: 1.2; 5813 color: #707375; 5814} 5815 5816.handle { 5817 height: 7px; 5818 width: 7px; 5819 border-radius: 50%; 5820 border: 1px solid #C8C9CA; 5821 position: absolute; 5822 top: 50%; 5823 -webkit-transform: translateY(-50%); 5824 -ms-transform: translateY(-50%); 5825 transform: translateY(-50%); 5826 left: 70%; 5827 background-color: #fff; 5828 cursor: pointer; 5829} 5830 5831 5832/*.menu*/ 5833 5834.bottom_menu { 5835 display: -webkit-box; 5836 display: -ms-flexbox; 5837 display: flex; 5838 -webkit-box-pack: justify; 5839 -ms-flex-pack: justify; 5840 justify-content: space-between; 5841 padding-right: 15px; 5842} 5843 5844.menu_wrap>ul { 5845 display: -webkit-box; 5846 display: -ms-flexbox; 5847 display: flex; 5848} 5849 5850.menu_wrap>ul>li>a { 5851 display: -webkit-box; 5852 display: -ms-flexbox; 5853 display: flex; 5854 -webkit-box-align: center; 5855 -ms-flex-align: center;
5856 align-items: center; 5857 -webkit-box-pack: center; 5858 -ms-flex-pack: center; 5859 justify-content: center; 5860 text-align: center; 5861 -webkit-box-orient: vertical; 5862 -webkit-box-direction: normal; 5863 -ms-flex-direction: column; 5864 flex-direction: column; 5865 font-weight: 500; 5866 font-size: 12px; 5867 line-height: 1.2; 5868 color: #707375; 5869 height: 72px; 5870 width: 72px; 5871 -webkit-transition: 0.3s; 5872 -o-transition: 0.3s; 5873 transition: 0.3s; 5874} 5875 5876.menu_wrap>ul>li>a:hover, 5877.menu_wrap>ul li a.active { 5878 color: #fff; 5879 background-color: var(--theme-color); 5880} 5881 5882.menu_wrap>ul>li>a img { 5883 margin-bottom: 2px; 5884} 5885 5886.menu_wrap>ul>li>a:hover img, 5887.menu_wrap>ul>li>a.active img { 5888 -webkit-filter: brightness(200%); 5889 filter: brightness(200%); 5890} 5891 5892.button.outline_btn { 5893 font-size: 14px; 5894 line-height: 1.1; 5895 padding: 13px 16px; 5896 background-color: transparent; 5897 border: 1px solid var(--theme-color); 5898 color: var(--theme-color); 5899 font-weight: 500; 5900} 5901 5902.button.outline_btn:hover { 5903 background-color: var(--theme-color); 5904 color: #fff; 5905} 5906 5907.divider { 5908 width: 100%; 5909 height: 1px; 5910 background-color: #EFEFEF; 5911 margin-top: 8px; 5912 margin-bottom: 8px; 5913} 5914 5915.delete { 5916 position: absolute; 5917 right: 8px; 5918 top: 50%; 5919 -webkit-transform: translateY(-50%); 5920 -ms-transform: translateY(-50%); 5921 transform: translateY(-50%); 5922 cursor: pointer; 5923} 5924 5925.tooltip .tooltip-inner { 5926 background: rgba(24, 29, 32, 0.72); 5927 font-size: 12px; 5928 font-weight: 500; 5929 line-height: 1.2; 5930 padding: 10px 16px; 5931} 5932 5933.tooltip .arrow::before { 5934 border-bottom-color: rgba(24, 29, 32, 0.72); 5935} 5936 5937.sidebar { 5938 position: fixed; 5939 top: 132px; 5940 left: 0; 5941 width: 258px; 5942 background: #FFFFFF; 5943 -webkit-transition: 0.3s; 5944 -o-transition: 0.3s; 5945 transition: 0.3s; 5946 height: calc(100vh - 132px); 5947 overflow: auto; 5948 padding: 16px 24px; 5949 overflow-x: hidden; 5950 z-index: 2; 5951} 5952 5953.sidebar.small_width { 5954 width: 72px; 5955 overflow: hidden; 5956} 5957 5958.sidebar.small_width ul, 5959.sidebar.small_width .pager, 5960.sidebar.small_width .add_wrap { 5961 display: none !important; 5962} 5963 5964.add_wrap { 5965 border-top: 1px solid #E3E3E4; 5966 margin-top: 15px; 5967 padding-top: 15px; 5968 text-align: center; 5969} 5970 5971.add_wrap a { 5972 border: 1.5px solid #1A8FE3; 5973 height: 20px; 5974 width: 20px; 5975 border-radius: 4px; 5976 color: #1A8FE3; 5977 display: inline-flex; 5978 align-items: center; 5979 justify-content: center; 5980 font-weight: 500; 5981 font-size: 17px; 5982} 5983 5984.add_wrap a:hover { 5985 background-color: #1A8FE3; 5986 color: #fff; 5987} 5988 5989.pdf_content { 5990 padding-left: 288px; 5991 padding-top: 12px; 5992 padding-bottom: 20px; 5993 padding-right: calc((100% - 1130px) / 2 + 15px); 5994 -webkit-transition: 0.3s; 5995 -o-transition: 0.3s; 5996 transition: 0.3s; 5997} 5998 5999.pdf_content.lg_content { 6000 padding-left: 152px; 6001} 6002 6003.toggle_btn { 6004 width: 24px; 6005 height: 24px; 6006 border: 1px solid #E3E3E4; 6007 border-radius: 4px; 6008 padding: 4px; 6009 cursor: pointer; 6010 display: -webkit-inline-box; 6011 display: -ms-inline-flexbox; 6012 display: inline-flex; 6013 -webkit-box-align: center; 6014 -ms-flex-align: center; 6015 align-items: center; 6016 -webkit-box-pack: center; 6017 -ms-flex-pack: center; 6018 justify-content: center; 6019 -webkit-transition: 0.3s; 6020 -o-transition: 0.3s; 6021 transition: 0.3s; 6022} 6023 6024.toggle_btn img { 6025 -webkit-transition: 0.3s; 6026 -o-transition: 0.3s; 6027 transition: 0.3s; 6028} 6029 6030.toggle_btn:hover { 6031 background-color: #e6e6e6; 6032} 6033 6034.toggle_btn.rotate img { 6035 -webkit-transform: rotate(180deg); 6036 -ms-transform: rotate(180deg); 6037 transform: rotate(180deg); 6038} 6039 6040.pager h4 { 6041 font-weight: 600; 6042 font-size: 16px; 6043 line-height: 1.5; 6044 color: #181D20; 6045} 6046 6047.pager span.active { 6048 width: 46px; 6049 height: 24px; 6050 border: 1px solid #E3E3E4; 6051 border-radius: 4px; 6052 display: -webkit-inline-box; 6053 display: -ms-inline-flexbox; 6054 display: inline-flex; 6055 -webkit-box-align: center; 6056 -ms-flex-align: center; 6057 align-items: center; 6058 -webkit-box-pack: center; 6059 -ms-flex-pack: center; 6060 justify-content: center; 6061 font-size: 14px; 6062 line-height: 1; 6063 color: #707375; 6064 font-weight: 400; 6065 margin-right: 10px; 6066} 6067 6068.page_count { 6069 font-weight: 500; 6070 font-size: 14px; 6071 line-height: 1; 6072 color: #707375; 6073 display: -webkit-box; 6074 display: -ms-flexbox; 6075 display: flex; 6076 -webkit-box-align: center; 6077 -ms-flex-align: center;
6078 align-items: center; 6079} 6080 6081.page_number { 6082 display: inline-block; 6083 margin-left: 5px; 6084} 6085 6086.sidebar ul.nav-pills { 6087 border-bottom: none; 6088} 6089 6090.sidebar ul li { 6091 margin-top: 24px; 6092 text-align: center; 6093 width: 100%; 6094} 6095 6096.sidebar ul li span { 6097 font-weight: 500; 6098 font-size: 12px; 6099 line-height: 1.3; 6100 color: #707375; 6101} 6102 6103.sidebar ul li a { 6104 font-weight: 600; 6105 font-size: 16px; 6106 line-height: 1.2; 6107 color: #707375; 6108 padding: 0; 6109 border: none !important; 6110 border-radius: 0; 6111} 6112 6113.sidebar ul>li>a>canvas { 6114 border: 1px solid #E3E3E4; 6115 margin-bottom: 12px; 6116} 6117 6118.sidebar ul li a.nav-link.active { 6119 color: var(--theme-color) !important; 6120 background-color: transparent; 6121} 6122 6123.sidebar ul li a.nav-link.active+div span { 6124 color: var(--theme-color) !important; 6125} 6126 6127.sidebar ul li a.active canvas { 6128 border-color: var(--theme-color); 6129} 6130 6131.pdf_content .page { 6132 border: 1px solid #E3E3E4; 6133 margin-top: 20px; 6134} 6135 6136#signature .modal-content, 6137#switch .modal-content { 6138 border-radius: 12px; 6139 border: none; 6140} 6141 6142#signature .modal-content .modal-body { 6143 padding: 40px; 6144} 6145 6146#signature .modal-content .modal-body h4, 6147#switch .modal-content .modal-body h4 { 6148 font-weight: bold; 6149 font-size: 24px; 6150 line-height: 140%; 6151 letter-spacing: 0.005em; 6152 color: #181D20; 6153} 6154 6155.modal_sub { 6156 font-size: 16px; 6157 line-height: 140%; 6158 letter-spacing: 0.005em; 6159 color: #828586; 6160 margin-top: 8px; 6161} 6162 6163#signature .modal-content .modal-body ul li { 6164 width: 33.33%; 6165} 6166 6167#signature .modal-content .modal-body ul li a { 6168 font-size: 16px; 6169 line-height: 140%; 6170 letter-spacing: 0.005em; 6171 color: #828586; 6172 text-align: center; 6173 padding: 0 5px 8px; 6174 border-bottom: 2px solid #F6F6F6; 6175 border-radius: 0; 6176 background-color: transparent; 6177} 6178 6179#signature .modal-content .modal-body ul li a.active { 6180 border-color: var(--theme-color); 6181 color: var(--theme-color); 6182} 6183 6184.input_box { 6185 height: 40px; 6186 border: 1px solid #EFEFEF; 6187 border-radius: 10px; 6188 font-size: 12px; 6189 padding: 0 16px; 6190 width: 100%; 6191 color: #707375; 6192} 6193 6194.input_box::-webkit-input-placeholder { 6195 color: #A7A9AA; 6196 opacity: 1; 6197} 6198 6199.input_box::-moz-placeholder { 6200 color: #A7A9AA; 6201 opacity: 1; 6202} 6203 6204.input_box:-ms-input-placeholder { 6205 color: #A7A9AA; 6206 opacity: 1; 6207} 6208 6209.input_box::-ms-input-placeholder { 6210 color: #A7A9AA; 6211 opacity: 1; 6212} 6213 6214.input_box::placeholder { 6215 color: #A7A9AA; 6216 opacity: 1; 6217} 6218 6219.signature_text { 6220 font-weight: 500; 6221 font-size: 64px; 6222 line-height: 1.1; 6223 color: #181D20; 6224 font-family: 'ChopinScript'; 6225 text-align: center; 6226 margin: 53px 0; 6227} 6228 6229.signature_text.default { 6230 color: #A7A9AA; 6231} 6232 6233#signature .button { 6234 line-height: 140%; 6235 padding: 17px 20px; 6236 border-radius: 14px; 6237} 6238 6239#signature .button.disabled { 6240 background: #C8C9CA; 6241 pointer-events: none; 6242} 6243 6244.label_text { 6245 font-weight: 500; 6246 font-size: 12px; 6247 line-height: 18px; 6248 color: #707375; 6249 display: inline-block; 6250} 6251 6252.clear_btn { 6253 background: #D0726C; 6254 border-radius: 8px; 6255 font-weight: 600; 6256 font-size: 10px; 6257 line-height: 1.2; 6258 color: #FFFFFF; 6259 padding: 5px 16px; 6260 border: none; 6261 -webkit-transition: 0.3s; 6262 -o-transition: 0.3s; 6263 transition: 0.3s; 6264} 6265 6266.clear_btn:hover { 6267 -webkit-box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset; 6268 box-shadow: 0 0 40px rgba(0, 0, 0, 0.3) inset; 6269} 6270 6271textarea.input_box { 6272 resize: none; 6273 height: 163px; 6274 padding: 10px 16px; 6275} 6276 6277.more_text { 6278 font-size: 12px; 6279 line-height: 1.3; 6280 letter-spacing: 0.005em; 6281 color: #525658; 6282 text-align: center; 6283 margin-top: 25px; 6284 margin-bottom: 15px; 6285} 6286 6287.more_text a { 6288 color: #D0726C; 6289 font-weight: 500; 6290 -webkit-transition: 0.3s; 6291 -o-transition: 0.3s; 6292 transition: 0.3s; 6293} 6294 6295.more_text a:hover { 6296 text-decoration: underline; 6297} 6298 6299 6300/*image upload width preview*/ 6301 6302.avatar-upload { 6303 border: 1px solid #EFEFEF; 6304 border-radius: 10px; 6305 height: 163px; 6306 width: 100%; 6307 margin-top: 15px; 6308 overflow: hidden; 6309 position: relative; 6310} 6311 6312.avatar-upload .avatar-edit { 6313 position: absolute; 6314 top: 50%; 6315 left: 50%; 6316 -webkit-transform: translate(-50%, -50%); 6317 -ms-transform: translate(-50%, -50%); 6318 transform: translate(-50%, -50%); 6319 z-index: 1; 6320} 6321 6322.avatar-upload .avatar-edit input { 6323 display: none; 6324} 6325 6326.avatar-upload .avatar-edit input+label { 6327 padding: 12px 24px; 6328 border: 1px solid #83C2F0; 6329 border-radius: 10px; 6330 font-weight: 600; 6331 font-size: 12px; 6332 line-height: 1.3; 6333 text-align: center; 6334 letter-spacing: 0.005em; 6335 color: #71BAEE; 6336 cursor: pointer; 6337 -webkit-transition: 0.3s; 6338 -o-transition: 0.3s; 6339 transition: 0.3s; 6340} 6341 6342.avatar-upload .avatar-edit input+label:hover { 6343 background-color: #71BAEE; 6344 color: #fff; 6345} 6346 6347.avatar-upload .avatar-preview { 6348 width: 100%; 6349 height: 100%; 6350 position: relative; 6351} 6352 6353.avatar-upload .avatar-preview>div { 6354 width: 100%; 6355 height: 100%; 6356 background-size: cover; 6357 background-repeat: no-repeat; 6358 background-position: center; 6359} 6360 6361 6362/*switch modal*/ 6363 6364#switch .modal-body { 6365 padding: 40px; 6366} 6367 6368#switch .modal-dialog { 6369 max-width: 892px; 6370 margin: 1.75rem auto; 6371} 6372 6373#switch .row { 6374 margin-right: -8px; 6375 margin-left: -8px; 6376} 6377 6378#switch .row>div { 6379 padding-left: 8px; 6380 padding-right: 8px; 6381} 6382 6383.switch_radio_box { 6384 margin-top: 24px; 6385} 6386 6387.switch_radio_box input { 6388 display: none; 6389} 6390 6391.switch_radio_box label { 6392 background: #FFFFFF; 6393 border: 1px solid #EFEFEF; 6394 border-radius: 10px; 6395 padding: 12px; 6396 cursor: pointer; 6397 width: 100%; 6398} 6399 6400.switch_radio_box label .span1 { 6401 font-weight: 500; 6402 font-size: 14px; 6403 line-height: 130%; 6404 letter-spacing: 0.005em; 6405 color: #181D20; 6406 display: block; 6407} 6408 6409.switch_radio_box label .span2 { 6410 font-size: 12px; 6411 letter-spacing: 0.005em; 6412 color: #707375; 6413 padding-top: 8px; 6414 display: inline-block; 6415} 6416 6417.switch_radio_box input:checked+label { 6418 background-color: #F6FBFE; 6419 border-color: #1A8FE3; 6420} 6421 6422.switch_btn p { 6423 font-size: 12px; 6424 line-height: 1.4; 6425 letter-spacing: 0.005em; 6426 color: #525658; 6427 text-align: center; 6428 margin-top: 32px; 6429 font-style: italic; 6430} 6431 6432.switch_btn p a { 6433 color: #D0726C; 6434} 6435 6436.switch_btn button { 6437 width: 100%; 6438 border: none; 6439 background: #1A8FE3; 6440 border-radius: 14px; 6441 font-weight: 600; 6442 font-size: 16px; 6443 line-height: 140%; 6444 text-align: center; 6445 letter-spacing: 0.005em; 6446 color: #FFFFFF; 6447 padding: 17px; 6448 margin-top: 16px; 6449} 6450 6451.range_right_content { 6452 display: -webkit-box; 6453 display: -ms-flexbox; 6454 display: flex; 6455 -webkit-box-align: center; 6456 -ms-flex-align: center;
6457 align-items: center; 6458 width: 100%; 6459 -webkit-box-pack: end; 6460 -ms-flex-pack: end; 6461 justify-content: flex-end; 6462} 6463 6464 6465/*color area satrt*/ 6466 6467.color_wrapper { 6468 padding-top: 40px; 6469 padding-bottom: 70px; 6470} 6471 6472.color_main_wrapper { 6473 background-color: #FFFFFF; 6474 -webkit-box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03); 6475 box-shadow: 3px 15px 35px rgba(45, 42, 60, 0.03); 6476 border-radius: 12px; 6477 padding: 24px; 6478} 6479 6480.color_box_wrapper { 6481 display: -webkit-box; 6482 display: -ms-flexbox; 6483 display: flex; 6484 -webkit-box-align: center; 6485 -ms-flex-align: center; 6486 align-items: center; 6487 -webkit-box-pack: justify; 6488 -ms-flex-pack: justify; 6489 justify-content: space-between; 6490 padding-top: 16px; 6491} 6492 6493.color_heading h4 { 6494 font-weight: 600; 6495 font-size: 24px; 6496 line-height: 1.2; 6497 color: #2D2A3C; 6498} 6499 6500.color_box { 6501 height: 40px; 6502 width: 40px; 6503 border-radius: 50%; 6504} 6505 6506.color_box1 { 6507 background-color: #F25E4C; 6508} 6509 6510.color_box2 { 6511 background-color: #4C3F91; 6512} 6513 6514.color_box3 { 6515 background-color: #7F2CCB; 6516} 6517 6518.color_box4 { 6519 background-color: #CE8147; 6520} 6521 6522.color_box5 { 6523 background-color: #414361; 6524} 6525 6526.color_box6 { 6527 background-color: #36494E; 6528} 6529 6530.color_box7 { 6531 background-color: #606D5D; 6532} 6533 6534.color_box8 { 6535 background-color: #70695A; 6536} 6537 6538.color_box9 { 6539 background-color: #5F5566; 6540} 6541 6542.color_box10 { 6543 background-color: #4C3549; 6544} 6545 6546.color_box11 { 6547 background-color: #895B1E; 6548} 6549 6550.color_box12 { 6551 background-color: #994636; 6552} 6553 6554.color_box13 { 6555 background-color: #333333; 6556} 6557 6558.color_box14 { 6559 background-color: #80A1D4; 6560} 6561 6562.color_box15 { 6563 background-color: #468189; 6564} 6565 6566.color_box16 { 6567 background: -o-radial-gradient(50% 50%, 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522; 6568 background: radial-gradient(50% 50% at 50% 50%, rgba(198, 255, 221, 0.44) 44.27%, #FBD786 70.31%, #F25E4C 94.27%), #767522; 6569} 6570 6571.color_box17 { 6572 background: -o-radial-gradient(50% 50%, 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB; 6573 background: radial-gradient(50% 50% at 50% 50%, #F25F5C 0%, #FFE066 50.52%, #247BA0 100%), #9BC4CB; 6574} 6575 6576.color_box18 { 6577 background-color: #7D387D; 6578} 6579 6580.color_box19 { 6581 background: conic-gradient(from 180deg at 50% 50%, #F8F991 -54.38deg, rgba(61, 49, 91, 0.924948) 33.75deg, #444B6E 118.12deg, #708B75 178.12deg, #F8F991 305.62deg, rgba(61, 49, 91, 0.924948) 393.75deg), #C4C4C4; 6582} 6583 6584.color_box20 { 6585 background: conic-gradient(from 180deg at 50% 50%, #0000FD -54.38deg, rgba(128, 21, 232, 0.924948) 33.75deg, #28E4FF 118.12deg, rgba(221, 17, 86, 0.44) 178.12deg, #0000FD 305.62deg, rgba(128, 21, 232, 0.924948) 393.75deg), #C4C4C4; 6586} 6587 6588.color_box21 { 6589 background: -o-linear-gradient(315deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4; 6590 background: linear-gradient(135deg, #12C2E9 -7%, #C471ED 55.66%, #F7797D 82.23%), #C4C4C4; 6591} 6592 6593.color_box22 { 6594 background: -webkit-gradient(linear, left top, left bottom, from(#EF2F88), to(#8843F2)), #C4C4C4; 6595 background: -o-linear-gradient(top, #EF2F88 0%, #8843F2 100%), #C4C4C4; 6596 background: linear-gradient(180deg, #EF2F88 0%, #8843F2 100%), #C4C4C4; 6597} 6598 6599.color_box23 { 6600 background: -webkit-gradient(linear, left top, left bottom, from(#B92B27), to(#1565C0)), #C4C4C4; 6601 background: -o-linear-gradient(top, #B92B27 0%, #1565C0 100%), #C4C4C4; 6602 background: linear-gradient(180deg, #B92B27 0%, #1565C0 100%), #C4C4C4; 6603} 6604 6605.color_box24 { 6606 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #8360C3), color-stop(131.53%, #2EBF91)), #C4C4C4; 6607 background: -o-linear-gradient(top, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4; 6608 background: linear-gradient(180deg, #8360C3 -45.13%, #2EBF91 131.53%), #C4C4C4; 6609} 6610 6611.color_box25 { 6612 background: -o-linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4; 6613 background: linear-gradient(225deg, #2980B9 -18.81%, #6DD5FA 43.55%, #FFFFFF 109.63%), #C4C4C4; 6614} 6615 6616.color_box26 { 6617 background: -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4; 6618 background: -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4
6618C4C4; 6619 background: linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6620} 6621 6622.color_box27 { 6623 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD452), color-stop(131.53%, #2EBF91)), -webkit-gradient(linear, left bottom, left top, color-stop(13.87%, #FF0099), color-stop(160.27%, #493240)), #C4C4C4; 6624 background: -o-linear-gradient(top, #FFD452 -45.13%, #2EBF91 131.53%), -o-linear-gradient(bottom, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6625 background: linear-gradient(180deg, #FFD452 -45.13%, #2EBF91 131.53%), linear-gradient(360deg, #FF0099 13.87%, #493240 160.27%), #C4C4C4; 6626} 6627 6628.color_box28 { 6629 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #654EA3), color-stop(131.53%, #EAAFC8)), -webkit-gradient(linear, left bottom, left top, from(#EF744D), to(#EF744D)), #C4C4C4; 6630 background: -o-linear-gradient(top, #654EA3 -45.13%, #EAAFC8 131.53%), -o-linear-gradient(bottom, #EF744D, #EF744D), #C4C4C4; 6631 background: linear-gradient(180deg, #654EA3 -45.13%, #EAAFC8 131.53%), linear-gradient(0deg, #EF744D, #EF744D), #C4C4C4; 6632} 6633 6634.color_box29 { 6635 background: -webkit-gradient(linear, left top, left bottom, color-stop(4.32%, #00B4DB), color-stop(121.46%, #0083B0)), #C4C4C4; 6636 background: -o-linear-gradient(top, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4; 6637 background: linear-gradient(180deg, #00B4DB 4.32%, #0083B0 121.46%), #C4C4C4; 6638} 6639 6640.color_box30 { 6641 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFFDE4), color-stop(131.53%, #005AA7)), #C4C4C4; 6642 background: -o-linear-gradient(top, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4; 6643 background: linear-gradient(180deg, #FFFDE4 -45.13%, #005AA7 131.53%), #C4C4C4; 6644} 6645 6646.color_box31 { 6647 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4; 6648 background: -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6649 background: linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6650} 6651 6652.color_box32 { 6653 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4; 6654 background: -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6655 background: linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6656} 6657 6658.color_box33 { 6659 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FF5858), color-stop(131.53%, #FFC8C8)), #C4C4C4; 6660 background: -o-linear-gradient(top, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4; 6661 background: linear-gradient(180deg, #FF5858 -45.13%, #FFC8C8 131.53%), #C4C4C4; 6662} 6663 6664.color_box34 { 6665 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F187FB), color-stop(131.53%, #439CFB)), #C4C4C4; 6666 background: -o-linear-gradient(top, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4; 6667 background: linear-gradient(180deg, #F187FB -45.13%, #439CFB 131.53%), #C4C4C4; 6668} 6669 6670.color_box35 { 6671 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #6E78FF), color-stop(47.8%, #95F9C3), color-stop(131.53%, #61F4DE)), #C4C4C4; 6672 background: -o-linear-gradient(top, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4; 6673 background: linear-gradient(180deg, #6E78FF -45.13%, #95F9C3 47.8%, #61F4DE 131.53%), #C4C4C4; 6674} 6675 6676.color_box36 { 6677 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #40E0D0), color-stop(45.96%, #FF8C00), color-stop(131.53%, #FF0080)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #2EBF91)), #C4C4C4; 6678 background: -o-linear-gradient(top, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), -o-linear-gradient(top, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6679 background: linear-gradient(180deg, #40E0D0 -45.13%, #FF8C00 45.96%, #FF0080 131.53%), linear-gradient(180deg, #A8C0FF -45.13%, #2EBF91 131.53%), #C4C4C4; 6680} 6681 6682.color_box37 { 6683 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #108DC7), color-stop(108.76%, #EF8E38)), -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #A8C0FF), color-stop(131.53%, #3F2B96)), #C4C4C4; 6684 background: -o-linear-gradient(top, #108DC7 -12.51%, #EF8E38 108.76%), -o-linear-gradient(top, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6685 background: linear-gradient(180deg, #108DC7 -12.51%, #EF8E38 108.76%), linear-gradient(180deg, #A8C0FF -45.13%, #3F2B96 131.53%), #C4C4C4; 6686} 6687 6688.color_box38 { 6689 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #00B09B), color-stop(131.53%, #96C93D)); 6690 background: -o-linear-gradient(top, #00B09B -45.13%, #96C93D 131.53%); 6691 background: linear-gradient(180deg, #00B09B -45.13%, #96C93D 131.53%); 6692} 6693 6694.color_box39 { 6695 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #F6C4ED), color-stop(131.53%, #F1E1C2)); 6696 background: -o-linear-gradient(top, #F6C4ED -45.13%, #F1E1C2 131.53%); 6697 background: linear-gradient(180deg, #F6C4ED -45.13%, #F1E1C2 131.53%); 6698} 6699 6700.color_box40 { 6701 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #ED71AD), color-stop(131.53%, #7277F1)); 6702 background: -o-linear-gradient(top, #ED71AD -45.13%, #7277F1 131.53%); 6703 background: linear-gradient(180deg, #ED71AD -45.13%, #7277F1 131.53%); 6704} 6705 6706.color_box41 { 6707 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #00C3FF), color-stop(108.76%, #FFFF1C)); 6708 background: -o-linear-gradient(top, #00C3FF -12.51%, #FFFF1C 108.76%); 6709 background: linear-gradient(180deg, #00C3FF -12.51%, #FFFF1C 108.76%); 6710} 6711 6712.color_box42 { 6713 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #BE93C5), color-stop(108.76%, #7BC6CC)); 6714 background: -o-linear-gradient(top, #BE93C5 -12.51%, #7BC6CC 108.76%); 6715 background: linear-gradient(180deg, #BE93C5 -12.51%, #7BC6CC 108.76%); 6716} 6717 6718.color_box43 { 6719 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FFD89B), color-stop(131.53%, #19547B)); 6720 background: -o-linear-gradient(top, #FFD89B -45.13%, #19547B 131.53%); 6721 background: linear-gradient(180deg, #FFD89B -45.13%, #19547B 131.53%); 6722} 6723 6724.color_box44 { 6725 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #FCEABB), color-stop(131.52%, #F8B500), color-stop(131.53%, #F1E1C2)); 6726 background: -o-linear-gradient(top, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%); 6727 background: linear-gradient(180deg, #FCEABB -45.13%, #F8B500 131.52%, #F1E1C2 131.53%); 6728} 6729 6730.color_box45 { 6731 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #000428), color-stop(131.53%, #004E92)); 6732 background: -o-linear-gradient(top, #000428 -45.13%, #004E92 131.53%); 6733 background: linear-gradient(180deg, #000428 -45.13%, #004E92 131.53%); 6734} 6735 6736.color_box46 { 6737 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #FF5F6D), color-stop(108.76%, #FFC371)); 6738 background: -o-linear-gradient(top, #FF5F6D -12.51%, #FFC371 108.76%); 6739 background: linear-gradient(180deg, #FF5F6D -12.51%, #FFC371 108.76%); 6740} 6741 6742.color_box47 { 6743 background: -webkit-gradient(linear, left top, left bottom, color-stop(-12.51%, #E0EAFC), color-stop(108.76%, #CFDEF3)); 6744 background: -o-linear-gradient(top, #E0EAFC -12.51%, #CFDEF3 108.76%); 6745 background: linear-gradient(180deg, #E0EAFC -12.51%, #CFDEF3 108.76%); 6746} 6747 6748.color_box48 { 6749 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #4CA1AF), color-stop(131.53%, #C4E0E5)); 6750 background: -o-linear-gradient(top, #4CA1AF -45.13%, #C4E0E5 131.53%); 6751 background: linear-gradient(180deg, #4CA1AF -45.13%, #C4E0E5 131.53%); 6752} 6753 6754.color_box49 { 6755 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #403A3E), color-stop(131.53%, #BE5869)); 6756 background: -o-linear-gradient(top, #403A3E -45.13%, #BE5869 131.53%); 6757 background: linear-gradient(180deg, #403A3E -45.13%, #BE5869 131.53%); 6758} 6759 6760.color_box50 { 6761 background: -webkit-gradient(linear, left top, left bottom, color-stop(-45.13%, #5A3F37), color-stop(131.53%, #2C7744)); 6762 background: -o-linear-gradient(top, #5A3F37 -45.13%, #2C7744 131.53%); 6763 background: linear-gradient(180deg, #5A3F37 -45.13%, #2C7744 131.53%); 6764} 6765 6766.color_box51 { 6767 background-color: #5A7403; 6768} 6769 6770.color_box52 { 6771 background-color: #474689; 6772} 6773 6774.color_box53 { 6775 background-color: #1C69FF; 6776} 6777 6778.color_box54 { 6779 background-color: #FBF20C; 6780} 6781 6782.color_box55 { 6783 background-color: #C00475; 6784} 6785 6786.color_btn { 6787 padding-top: 24px; 6788 margin-top: 24px; 6789 border-top: 1px solid #B9B8BC; 6790} 6791 6792.color_btn a { 6793 display: inline-block; 6794 padding: 18px; 6795 width: 100%; 6796 background: -webkit-gradient(linear, left top, left bottom, from(#FC7E81), to(#FC696D)); 6797 background: -o-linear-gradient(top, #FC7E81 0%, #FC696D 100%); 6798 background: linear-gradient(180deg, #FC7E81 0%, #FC696D 100%); 6799 border-radius: 12px; 6800 text-align: center; 6801 font-weight: 600; 6802 font-size: 14px; 6803 line-height: 1.2; 6804 color: #FFFFFF; 6805} 6806 6807.color_img_wrapper { 6808 display: -webkit-box; 6809 display: -ms-flexbox; 6810 display: flex; 6811 -webkit-box-align: center; 6812 -ms-flex-align: center;
6813 align-items: center; 6814 -ms-flex-wrap: wrap; 6815 flex-wrap: wrap; 6816} 6817 6818.color_img1 { 6819 margin-top: 0; 6820} 6821 6822.color_img { 6823 -ms-flex-preferred-size: 20%; 6824 flex-basis: 20%; 6825 max-width: 20%; 6826 margin-top: 24px; 6827 text-align: center; 6828} 6829 6830.color_img img { 6831 height: 160px; 6832 width: 160px; 6833 border-radius: 50%; 6834 -o-object-fit: cover; 6835 object-fit: cover; 6836} 6837 6838.tools_area { 6839 background-color: #EFF7FD; 6840 padding-top: 60px; 6841 padding-bottom: 60px; 6842} 6843 6844.tools_box { 6845 padding: 16px; 6846} 6847 6848.tools_box .icon_box { 6849 float: left; 6850 margin-right: 12px; 6851 margin-bottom: 12px; 6852} 6853 6854.tools_box p { 6855 clear: both; 6856} 6857 6858@media (min-width: 992px) { 6859 .tools_area { 6860 padding-top: 100px; 6861 padding-bottom: 80px; 6862 } 6863 .tools_area .col-lg-2 { 6864 flex: 0 0 20%; 6865 max-width: 20%; 6866 } 6867} 6868 6869.tools_box__small { 6870 padding: 8px; 6871} 6872 6873.tools_box__small .icon_box { 6874 margin-right: 12px; 6875 margin-bottom: 0; 6876 width: 48px; 6877 height: 48px; 6878 padding: 12px; 6879} 6880 6881.tools_box__small h4 { 6882 font-size: 16px; 6883} 6884 6885.icon_box.v16 { 6886 background: #E24841; 6887} 6888 6889.icon_box.v17 { 6890 background: #F8D32B; 6891} 6892 6893.icon_box.v18 { 6894 background: #79DC47; 6895} 6896 6897.icon_box.v19 { 6898 background: #624BD8; 6899} 6900 6901.icon_box.v20 { 6902 background: #3295F1; 6903} 6904 6905.icon_box.v21 { 6906 background: #FF7919; 6907} 6908 6909.icon_box.v22 { 6910 background: #FF244E; 6911} 6912 6913.tools_editor { 6914 background: #FFF; 6915 border-radius: 14px; 6916 padding: 40px 24px 32px 24px; 6917 display: flex; 6918 justify-content: space-between; 6919 align-items: center; 6920 flex-direction: column; 6921 height: 100%; 6922} 6923 6924.tools_editor_group { 6925 max-width: 316px; 6926} 6927 6928.tools_editor h3 { 6929 color: #181D20; 6930 font-size: 24px; 6931 font-weight: 700; 6932 margin-bottom: 8px; 6933} 6934 6935.tools_editor p { 6936 font-size: 12px; 6937} 6938 6939.tools_editor_buttons {} 6940 6941.tools_editor .button { 6942 font-weight: 600; 6943 font-size: 12px; 6944 line-height: 18px; 6945 color: #1A8FE3; 6946 box-shadow: none; 6947 margin-top: 24px; 6948} 6949 6950.tools_editor .button-create { 6951 background-color: #F6FBFE; 6952 border: 1px solid #1A8FE3; 6953 border-radius: 10px; 6954 padding: 15px 16px; 6955} 6956 6957.tools_editor .button-upload { 6958 padding: 0; 6959 background-color: transparent; 6960 text-decoration: underline; 6961 margin-left: 16px; 6962} 6963 6964.tools_editor_image { 6965 flex-shrink: 0; 6966 margin-top: 20px; 6967} 6968 6969.tools_editor__image .tools_editor_image { 6970 filter: blur(2px); 6971} 6972 6973.tools_editor__image .tools_editor_group { 6974 filter: blur(2px); 6975} 6976 6977@media (min-width: 768px) { 6978 .tools_editor { 6979 flex-direction: row; 6980 } 6981 .tools_editor_image { 6982 width: 235px; 6983 margin-left: 10px; 6984 } 6985 .tools_editor_image { 6986 margin-top: -16px; 6987 } 6988 .tools_editor__image .tools_editor_image { 6989 margin-top: -20px; 6990 margin-right: -14px; 6991 margin-bottom: -10px; 6992 } 6993} 6994 6995@media (min-width: 992px) { 6996 .tools_editor_image { 6997 width: 180px; 6998 } 6999} 7000 7001@media (min-width: 1200px) { 7002 .tools_editor_image { 7003 width: 235px; 7004 } 7005} 7006 7007.dark-mode .tools_area { 7008 background-color: inherit; 7009} 7010 7011.dark-mode .tools_editor { 7012 background-color: #223544; 7013} 7014 7015.dark-mode .tools_editor .button-create { 7016 background-color: #404A54; 7017 border-color: #50677A; 7018 color: #71BAEE; 7019} 7020 7021.dark-mode .tools_editor .button { 7022 box-shadow: none; 7023} 7024 7025.dark-mode .tools_editor h3 { 7026 color: #fff; 7027} 7028 7029.button-gray { 7030 border: 1px solid #707375; 7031 border-radius: 14px; 7032 background-color: #fff; 7033 color: #707375; 7034} 7035 7036.button-gray:hover { 7037 background-color: #f3f7f9; 7038 color: #707375; 7039} 7040 7041.file-drop-area .button-gray { 7042 position: relative; 7043 z-index: 5; 7044 cursor: pointer; 7045} 7046 7047.file-drop-area_note { 7048 font-weight: 500; 7049 font-size: 14px; 7050 text-align: center; 7051 color: #D0726C; 7052} 7053 7054 7055/* modal-browse-templates */ 7056 7057.modal-browse-templates .modal-dialog { 7058 margin: 0; 7059} 7060 7061.modal-browse-templates .modal-dialog-centered { 7062 align-items: flex-end; 7063 min-height: calc(100%); 7064} 7065 7066.modal-browse-templates .modal-content { 7067 border-radius: 12px 12px 0 0; 7068} 7069 7070.modal-browse-templates .modal-header { 7071 border: none; 7072 padding: 36px 16px 0; 7073 display: block; 7074} 7075 7076.modal-browse-templates .modal-title { 7077 color: #181D20; 7078 font-weight: bold; 7079 font-size: 16px; 7080 margin-bottom: 8px; 7081} 7082 7083.modal-browse-templates .modal-header-text { 7084 color: #828586; 7085 font-size: 12px; 7086} 7087 7088.modal-browse-templates .modal-body { 7089 padding: 8px 16px 0; 7090} 7091 7092@media (min-width: 768px) {
7093 .modal-browse-templates .modal-dialog-centered { 7094 min-height: calc(100% - 3.5rem); 7095 } 7096 .modal-browse-templates .modal-title { 7097 font-size: 24px; 7098 } 7099 .modal-browse-templates .modal-header-text { 7100 font-size: 16px; 7101 } 7102 .modal-browse-templates .modal-header { 7103 padding: 40px 40px 0; 7104 } 7105 .modal-browse-templates .modal-body { 7106 padding: 8px 40px 40px; 7107 } 7108 .modal-browse-templates .modal-content { 7109 border-radius: 12px; 7110 } 7111 .modal-browse-templates .modal-dialog { 7112 max-width: 610px; 7113 margin: 1.75rem auto; 7114 } 7115 .modal-browse-templates .modal-dialog-centered { 7116 align-items: center; 7117 justify-content: center; 7118 } 7119} 7120 7121@media (min-width: 992px) {} 7122 7123@media (min-width: 1200px) { 7124 .modal-browse-templates .modal-dialog { 7125 max-width: 1128px; 7126 } 7127} 7128 7129.tools-button { 7130 background: #FFFFFF; 7131 border: 1px solid #E3E3E4; 7132 border-radius: 8px; 7133 color: #707375; 7134 padding-left: 9px; 7135 padding-right: 9px; 7136 padding-top: 9px; 7137 padding-bottom: 8px; 7138 margin-left: 8px; 7139 height: auto; 7140 width: auto; 7141} 7142 7143.tools-button:hover { 7144 color: #007bff; 7145 border-color: #007bff; 7146 background: #FFFFFF; 7147} 7148 7149.tools-button.dropdown-toggle::after { 7150 display: none; 7151} 7152 7153.tools-button--add { 7154 color: #57B286; 7155 border-color: #57B286; 7156} 7157 7158.tools-button--delete { 7159 color: #D0726C; 7160 border-color: #D0726C; 7161} 7162 7163 7164/* text-settings */ 7165 7166.text-settings { 7167 position: relative; 7168} 7169 7170.modal-text-settings {} 7171 7172.modal-text-settings .modal-dialog { 7173 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7174 margin-left: 0; 7175 margin-right: 0; 7176 margin-bottom: 0; 7177} 7178 7179.modal-text-settings .modal-dialog-centered { 7180 align-items: flex-end; 7181 min-height: calc(100%); 7182} 7183 7184.modal-text-settings .modal-content { 7185 border-radius: 16px 16px 0 0; 7186 border: none; 7187} 7188 7189.modal-text-settings .modal-header { 7190 border: none; 7191 padding-bottom: 0; 7192} 7193 7194.modal-text-settings .modal-title { 7195 font-weight: 600; 7196 font-size: 16px; 7197 line-height: 24px; 7198 color: #181D20; 7199} 7200 7201@media (min-width: 768px) { 7202 .modal-text-settings { 7203 position: absolute; 7204 top: 0; 7205 left: -287px; 7206 width: 360px; 7207 overflow: visible; 7208 box-sizing: border-box; 7209 min-height: 400px; 7210 } 7211 .modal-open .modal-text-settings { 7212 overflow: visible; 7213 } 7214 .modal-text-settings .modal-header { 7215 display: none; 7216 } 7217 .memes-edit_form .form-control { 7218 padding: 14px; 7219 font-size: 14px; 7220 height: 48px; 7221 } 7222 .modal-text-settings .modal-dialog { 7223 width: 100%; 7224 margin-top: 60px; 7225 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7226 } 7227 .modal-text-settings .modal-dialog-centered { 7228 align-items: flex-start; 7229 min-height: auto; 7230 } 7231 .modal-text-settings .modal-content { 7232 border-radius: 12px; 7233 } 7234 .is-show-text-setting { 7235 overflow-y: auto; 7236 padding-right: 0 !important; 7237 } 7238 .is-show-text-setting .modal-backdrop { 7239 display: none; 7240 } 7241 .tools-button { 7242 padding-left: 13px; 7243 padding-right: 13px; 7244 padding-top: 12px; 7245 padding-bottom: 11px; 7246 } 7247 /*.memes-edit_tools .dropdown-menu { 7248position: absolute !important; 7249left: auto !important; 7250right: 0; 7251bottom: auto; 7252margin-top: 8px; 7253margin-right: 7px; 7254padding: 16px; 7255border-radius: 12px; 7256width: 360px; 7257}*/ 7258} 7259 7260@media (min-width: 992px) {} 7261 7262@media (min-width: 1200px) {} 7263 7264 7265/* .memes-edit_tools-form */ 7266 7267.memes-edit_tools-form .mcfontpicker { 7268 border: 1px solid #E3E3E4; 7269 border-radius: 8px; 7270 height: 36px; 7271 position: relative; 7272} 7273 7274.memes-edit_tools-form .mcfontpicker:before { 7275 content: ""; 7276 position: absolute; 7277 top: 14px; 7278 right: 14px; 7279 width: 6px; 7280 height: 6px; 7281 border-right: 1px solid #707375; 7282 border-bottom: 1px solid #707375; 7283 transform: rotate(45deg); 7284 z-index: 3; 7285} 7286 7287.memes-edit_tools-form .mcfontpicker__search { 7288 height: 34px; 7289 border: none; 7290 border-radius: 8px; 7291 font-size: 12px; 7292 padding: 9px; 7293 padding-right: 30px; 7294 color: #707375; 7295 font-family: inherit; 7296 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 7297} 7298 7299.memes-edit_tools-form .mcfontpicker__search:focus { 7300 outline: 0; 7301 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 7302} 7303 7304.memes-edit_tools-form label { 7305 font-weight: 500; 7306 font-size: 12px; 7307 color: #707375; 7308 display: block; 7309 margin-bottom: 12px; 7310} 7311 7312.memes-edit_tools-form .form-control { 7313 height: 36px; 7314 border-color: #E3E3E4; 7315 border-radius: 8px; 7316 font-size: 12px; 7317 padding: 9px; 7318} 7319 7320.memes-edit_tools-form .memes-edit_tools { 7321 margin-left: 0; 7322} 7323 7324.memes-edit_tools { 7325 margin-left: -10px; 7326 display: flex; 7327} 7328 7329.memes-edit_tools-form .memes-edit_tools { 7330 margin-left: 0; 7331} 7332 7333.memes-edit_tools-form .tools-button { 7334 border-color: transparent; 7335 padding: 6px; 7336 margin-left: 1px; 7337} 7338 7339.memes-edit_tools-form .tools-button:hover, 7340.memes-edit_tools-form .tools-button.is-active { 7341 border-color: #1A8FE3; 7342 color: #1A8FE3; 7343 background-color: #F6FBFE; 7344} 7345 7346.memes-edit_tools-form .memes-edit_button { 7347 padding-top: 8px; 7348 padding-bottom: 8px; 7349 padding-left: 10px; 7350 padding-right: 10px; 7351 font-size: 12px; 7352 min-width: inherit; 7353 display: block; 7354 font-weight: 500; 7355 height: 40px; 7356} 7357 7358 7359/* before-after */ 7360 7361.before-after {} 7362 7363.before-after_note { 7364 max-width: 280px; 7365} 7366 7367.before-after_comparison { 7368 max-width: 806px; 7369 margin-left: auto; 7370 margin-right: auto; 7371} 7372 7373.before-after_comparison img { 7374 border-radius: 10px; 7375} 7376 7377.before-after_comparison .ba-slider { 7378 overflow: visible; 7379} 7380 7381.before-after_comparison .handle { 7382 width: 1px; 7383 margin-left: -.5px; 7384 background: #E3E3E4; 7385 height: 100%; 7386 transform: none; 7387 border: none; 7388} 7389 7390.before-after_comparison .handle::after { 7391 content: ""; 7392 background-image: url(/v3/img/handle-before-after.svg); 7393 background-repeat: no-repeat; 7394 background-size: 80% auto; 7395 background-position: 50%; 7396 width: 40px; 7397 height: 40px; 7398 margin: -20px 0 0 -20px; 7399 background-color: #FFF; 7400 border: none; 7401 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7402} 7403 7404.before-after_tool { 7405 margin-top: 32px; 7406} 7407 7408.before-after_item { 7409 flex-grow: 1; 7410 padding: 16px; 7411 background: #FFFFFF; 7412 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7413 border-radius: 12px; 7414 box-sizing: border-box; 7415 margin-bottom: 24px; 7416} 7417 7418.before-after_item--before {} 7419 7420.before-after_item-header { 7421 margin-bottom: 16px; 7422 text-align: left; 7423} 7424 7425.before-after_item-title { 7426 font-weight: 600; 7427 font-size: 16px; 7428 line-height: 130%; 7429 color: #57B286; 7430} 7431 7432.before-after_item--before .before-after_item-title { 7433 color: #D0726C; 7434} 7435 7436.before-after_item-note { 7437 margin-top: 8px; 7438 font-size: 12px; 7439} 7440 7441.before-after_item-patterns { 7442 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7443 background-color: #fff; 7444 border-radius: 12px; 7445 padding: 11px; 7446 box-sizing: border-box; 7447 max-width: 414px; 7448 display: flex; 7449 flex-wrap: wrap; 7450} 7451 7452.before-after_item-patterns img { 7453 border-radius: 100%; 7454 margin-left: 5px; 7455 margin-right: 5px; 7456 margin-top: 5px; 7457 margin-bottom: 5px; 7458 width: 60px; 7459} 7460 7461.before-after_item-group {} 7462 7463.before-after_advantage { 7464 display: flex; 7465 align-items: center; 7466 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7467 border-radius: 12px; 7468 padding: 10px; 7469 margin-top: 16px; 7470 background-color: #fff; 7471} 7472 7473.before-after_advantage:first-child {} 7474 7475.before-after_advantage img { 7476 border-radius: 100%; 7477 flex-shrink: 0; 7478 width: 32px; 7479 height: 32px; 7480} 7481 7482.before-after_advantage span { 7483 margin-left: 8px; 7484 font-weight: 500; 7485 font-size: 12px; 7486 color: #181D20; 7487} 7488 7489.dark-mode .before-after_item { 7490 background-color: #223544; 7491} 7492 7493.dark-mode .before-after_item-patterns, 7494.dark-mode .before-after_advantage { 7495 background-color: #1F2A33; 7496} 7497 7498.dark-mode .before-after_advantage span { 7499 color: #EFEFEF; 7500} 7501 7502.dark-mode .subscribe-modal__title { 7503 color: #EFEFEF; 7504} 7505 7506.dark-mode .subscribe-modal__descr { 7507 color: #fff !important; 7508} 7509 7510.dark-mode .btn-action--light-blue { 7511 background-color: transparent; 7512} 7513 7514.dark-mode .switch-mode-tool--green .switch-name.is-selected { 7515 color: #FFFFFF; 7516} 7517 7518.dark-mode .switch-mode-tool .form-check-input { 7519 background-color: #1CAB48; 7520} 7521 7522.dark-mode .switch-mode-tool .form-check-input::after { 7523 background-color: #ffffff; 7524} 7525 7526@media (min-width: 768px) { 7527 .before-after { 7528 text-align: center; 7529 } 7530 .before-after_note { 7531 max-width: 400px; 7532 margin-left: auto; 7533 margin-right: auto; 7534 } 7535 .before-after_comparison img { 7536 border-radius: 12px; 7537 } 7538 .before-after_comparison .handle::after { 7539 width: 56px; 7540 height: 56px; 7541 margin: -28px 0 0 -28px; 7542 } 7543 .before-after_tool { 7544 display: flex; 7545 justify-content: center; 7546 } 7547 .before-after_item { 7548 flex-grow: 1; 7549 margin-left: 12px; 7550 margin-right: 12px; 7551 max-width: 545px; 7552 margin-bottom: 0; 7553 } 7554 .before-after_item--before { 7555 max-width: 376px; 7556 } 7557 .before-after_tool { 7558 margin-top: 40px; 7559 } 7560 .before-after_item { 7561 padding: 24px; 7562 } 7563 .before-after_item-header { 7564 margin-bottom: 24px; 7565 } 7566 .before-after_item-title { 7567 font-size: 20px; 7568 } 7569 .before-after_item-note { 7570 font-size: 16px; 7571 } 7572 .before-after_item-patterns { 7573 padding: 5px; 7574 } 7575 .before-after_advantage { 7576 margin-top: 24px; 7577 padding: 16px; 7578 } 7579 .before-after_advantage img { 7580 width: 48px; 7581 height: 48px; 7582 } 7583 .before-after_advantage span { 7584 margin-left: 10px; 7585 font-size: 16px; 7586 } 7587} 7588 7589@media (min-width: 992px) { 7590 .before-after_item-group { 7591 display: flex; 7592 justify-content: space-between; 7593 } 7594 .before-after_advantage { 7595 margin-left: 24px; 7596 } 7597 .before-after_advantage:first-child { 7598 margin-left: 0; 7599 } 7600 .before-after_item-patterns img { 7601 width: 88px; 7602 } 7603 .before-after_item-title { 7604 font-size: 24px; 7605 } 7606} 7607 7608 7609/* .get update */ 7610 7611.get-update { 7612 background: #1A8FE3; 7613 border-radius: 14px; 7614 padding: 42px 32px; 7615 background-image: url(/v3/img/bg-get-update.svg); 7616 background-repeat: no-repeat; 7617 background-position: 100% 100%; 7618 box-shadow: 0 20px 20px rgb(26 143 227 / 32%); 7619 color: #fff; 7620 height: 100%; 7621} 7622 7623.get-update h3 { 7624 font-weight: 700; 7625 font-size: 24px; 7626} 7627 7628.get-update p { 7629 margin-top: 12px; 7630 font-size: 12px; 7631 max-width: 390px; 7632} 7633 7634.get-update_form {} 7635 7636.get-update .form-control { 7637 border-radius: 6px; 7638 height: 40px; 7639 width: 100%; 7640} 7641 7642.get-update .form-control::placeholder { 7643 color: #C8C9CA; 7644} 7645 7646.get-update .button { 7647 background: #FFFFFF; 7648 border-radius: 6px; 7649 font-size: 12px; 7650 color: #181D20; 7651 padding: 9px 20px; 7652 height: 40px; 7653} 7654 7655 7656/* .compress-result */ 7657 7658.compress-result { 7659 background: #FFFFFF; 7660 border: 1px solid #EFEFEF; 7661 box-sizing: border-box; 7662 border-radius: 12px; 7663 padding: 24px; 7664 text-align: center; 7665} 7666 7667.compress-result_title { 7668 font-size: 24px; 7669 font-weight: 600; 7670 padding-top: 0; 7671} 7672 7673.compress-result_action { 7674 margin-top: 16px; 7675 border-bottom: 1px solid #E3E3E4; 7676 padding-bottom: 56px; 7677} 7678 7679.compress-result_action-group {} 7680 7681.compress-result_file { 7682 border: 1px solid #E3E3E4; 7683 box-sizing: border-box; 7684 border-radius: 8px; 7685 padding-left: 10px; 7686 padding-top: 10px; 7687 padding-bottom: 10px; 7688 max-width: 100%; 7689 overflow: hidden; 7690 white-space: nowrap; 7691 text-overflow: ellipsis; 7692 font-weight: 500; 7693 font-size: 14px; 7694 color: #181D20; 7695} 7696 7697.compress-result_file-icon { 7698 width: 40px; 7699 height: 40px; 7700 border-radius: 8px; 7701 margin-right: 8px; 7702 display: inline-flex; 7703 justify-content: center;
7704 align-items: center; 7705 flex-shrink: 0; 7706 vertical-align: middle; 7707} 7708 7709.compress-result_file-icon--pdf { 7710 background: #FEF6F6; 7711} 7712 7713.compress-result_file-icon--image { 7714 background: #F5FFFA; 7715} 7716 7717.compress-result_link { 7718 margin-top: 8px; 7719} 7720 7721.compress-result_link .form-control { 7722 resize: none; 7723 background: #F6F6F6; 7724 border-color: #E3E3E4; 7725 border-radius: 8px; 7726 padding: 10px; 7727 font-weight: 500; 7728 font-size: 14px; 7729 color: #707375; 7730 min-height: 114px; 7731} 7732 7733.compress-result_tools {} 7734 7735.compress-result_tools-item { 7736 position: relative; 7737} 7738 7739.compress-result_tools { 7740 padding-top: 24px; 7741} 7742 7743.compress-result_tools .button { 7744 margin-top: 8px; 7745 width: 100%; 7746 font-weight: 500; 7747 border-radius: 6px; 7748} 7749 7750.compress-result_button-download::after { 7751 content: ''; 7752 width: 8px; 7753 height: 8px; 7754 margin-left: 10px; 7755 margin-top: -4px; 7756 border-right: 2px solid #fff; 7757 border-bottom: 2px solid #fff; 7758 -webkit-transform: rotate(45deg); 7759 transform: rotate(45deg); 7760 display: inline-block; 7761 vertical-align: middle; 7762} 7763 7764.compress-result_button-send { 7765 background-color: #FFF; 7766 border: 1px solid #1A8FE3; 7767 color: #1A8FE3; 7768} 7769 7770.compress-result_list-tools {} 7771 7772.compress-result_list-tools li { 7773 border-top: 1px solid #E3E3E4; 7774} 7775 7776.compress-result_list-tools li:first-child { 7777 border-top-width: 0; 7778} 7779 7780.compress-result_list-tools .item, 7781.compress-result_list-tools a { 7782 display: flex; 7783 align-items: center; 7784 padding-top: 10px; 7785 padding-bottom: 10px; 7786 color: #707375; 7787 font-size: 16px; 7788 cursor: pointer; 7789} 7790 7791.compress-result_list-tools .icon { 7792 margin-right: 10px; 7793 width: 32px; 7794 height: 32px; 7795 background-color: #F5FBFA; 7796 border-radius: 100%; 7797 display: flex; 7798 align-items: center; 7799 justify-content: center; 7800 color: #1a8fe3; 7801} 7802 7803.compress-result_list-tools .icon svg { 7804 width: 16px; 7805 height: 16px; 7806} 7807 7808.compress-result_list-tools .icon_box { 7809 width: 32px; 7810 height: 32px; 7811 margin-right: 10px; 7812 border-radius: 6px; 7813} 7814 7815.compress-result_button-link { 7816 font-weight: 500; 7817 font-size: 16px; 7818 text-decoration-line: underline; 7819 color: #707375; 7820 display: inline-block; 7821 margin-top: 16px; 7822 background: none; 7823 width: auto; 7824 padding: 0; 7825} 7826 7827.compress-result_button-link:hover { 7828 text-decoration: none; 7829 background: none; 7830 color: #707375; 7831} 7832 7833.compress-result .get-update { 7834 background: #F6F6F6; 7835 border: 1px solid #E3E3E4; 7836 border-radius: 8px; 7837 box-shadow: none; 7838 color: #707375; 7839 padding: 12px; 7840 text-align: left; 7841} 7842 7843.compress-result .get-update h3 { 7844 color: #181D20; 7845 font-weight: 600; 7846 font-size: 20px; 7847} 7848 7849.compress-result .get-update p { 7850 margin-top: 4px; 7851} 7852 7853.compress-result .get-update .form-control { 7854 height: 48px; 7855 font-size: 12px; 7856} 7857 7858.compress-result .get-update .button { 7859 height: 48px; 7860 min-width: 48px; 7861 background: #1A8FE3; 7862 color: #FFFFFF; 7863 font-weight: 600; 7864 font-size: 12px; 7865 padding: 10px; 7866 margin-left: -10px; 7867} 7868 7869.compress-result .get-update .button span { 7870 display: none; 7871} 7872 7873 7874/* .share */ 7875 7876.share { 7877 border: 1px solid #E3E3E4; 7878 border-radius: 8px; 7879 padding: 12px; 7880 height: 100%; 7881 box-sizing: border-box; 7882 text-align: left; 7883} 7884 7885.share h3 { 7886 color: #181D20; 7887 font-weight: 600; 7888 font-size: 20px; 7889 margin-bottom: 4px; 7890} 7891 7892.share p { 7893 font-size: 12px; 7894} 7895 7896.share .social_icon { 7897 text-align: left; 7898 margin-right: -16px; 7899 margin-top: 8px; 7900} 7901 7902.share .social_icon a { 7903 width: 40px; 7904 height: 40px; 7905 border: 1px solid #E3E3E4; 7906 line-height: 38px; 7907 background-color: #fff; 7908 margin-right: 12px; 7909 margin-top: 8px; 7910} 7911 7912.modal-result-tools {} 7913 7914.modal-result-tools .modal-dialog { 7915 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 7916 margin-left: 0; 7917 margin-right: 0; 7918 margin-bottom: 0; 7919} 7920 7921.modal-result-tools .modal-dialog-centered { 7922 align-items: flex-end; 7923 min-height: calc(100%); 7924 margin: auto; 7925} 7926 7927.modal-result-tools .modal-content { 7928 border-radius: 16px 16px 0 0; 7929 border: none; 7930} 7931 7932.modal-result-tools .modal-header { 7933 border: none; 7934 padding-bottom: 0; 7935} 7936 7937.modal-result-tools .close { 7938 position: absolute; 7939 top: -5px; 7940 left: 0; 7941 right: 0; 7942 font-size: 0; 7943 margin: 0; 7944 text-align: center; 7945} 7946 7947.modal-result-tools .close::before { 7948 content: ""; 7949 background: #E3E3E4; 7950 border-radius: 99px; 7951 width: 32px; 7952 height: 4px; 7953 display: inline-block; 7954} 7955 7956.modal-result-tools .modal-title { 7957 font-weight: 600; 7958 font-size: 16px; 7959 line-height: 24px; 7960 color: #181D20; 7961} 7962 7963@media (min-width: 768px) { 7964 .compress-result { 7965 padding: 24px; 7966 } 7967 .compress-result_action-group { 7968 width: 272px; 7969 margin-left: auto; 7970 margin-right: auto; 7971 } 7972 .compress-result .get-update { 7973 padding: 24px; 7974 } 7975 .compress-result .get-update .button { 7976 margin-left: 0; 7977 width: 100%; 7978 } 7979 .compress-result .get-update .button span { 7980 display: block; 7981 } 7982 .compress-result .get-update .button img { 7983 display: none; 7984 } 7985 .share { 7986 padding: 24px; 7987 } 7988 .share .social_icon a { 7989 width: 48px; 7990 height: 48px; 7991 line-height: 46px; 7992 } 7993 .compress-result_list-tools { 7994 margin-left: -4px; 7995 margin-right: -4px; 7996 margin-top: -13px; 7997 margin-bottom: -13px; 7998 }
7999 .modal-result-tools { 8000 position: absolute; 8001 top: 0; 8002 left: 0; 8003 width: 100%; 8004 overflow: visible; 8005 box-sizing: content-box; 8006 min-height: 400px; 8007 } 8008 .modal-open .modal-result-tools { 8009 overflow: visible; 8010 } 8011 .modal-result-tools .modal-header { 8012 display: none; 8013 } 8014 .modal-result-tools .modal-dialog { 8015 width: 100%; 8016 margin-top: 60px; 8017 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8018 } 8019 .modal-result-tools .modal-dialog-centered { 8020 align-items: flex-start; 8021 min-height: auto; 8022 } 8023 .modal-result-tools .modal-content { 8024 border-radius: 12px; 8025 } 8026 .is-show-result-tools { 8027 overflow-y: auto; 8028 padding-right: 0 !important; 8029 } 8030 .is-show-result-tools .modal-backdrop { 8031 display: none; 8032 } 8033} 8034 8035@media (min-width: 1025px) { 8036 .share .social_icon a { 8037 margin-right: 15px; 8038 } 8039} 8040 8041 8042/* .expand_menu */ 8043 8044.expand_menu-box { 8045 padding-top: 24px; 8046 padding-bottom: 20px; 8047 background: #FFF; 8048 box-shadow: inset 3px 15px 40px rgba(24, 29, 32, .05), 3px 15px 40px rgba(24, 29, 32, .05); 8049 border-radius: 0 0 10px 10px; 8050} 8051 8052.expand_menu-tools { 8053 margin-bottom: 16px; 8054} 8055 8056.expand_menu .tools_box { 8057 flex-basis: calc(100% / 5); 8058 flex-shrink: 0; 8059 margin: 10px 16px; 8060 border: 1px solid #E3E3E4; 8061 border-radius: 5px; 8062 padding: 8px; 8063} 8064 8065.expand_menu .tools_box .icon_box { 8066 width: 32px; 8067 height: 32px; 8068 margin-bottom: 0; 8069 margin-right: 10px; 8070 padding: 8px; 8071} 8072 8073.expand_menu .tools_box h4 { 8074 font-weight: 600; 8075 font-size: 14px; 8076 padding-bottom: 0; 8077 margin-top: 9px; 8078 margin-bottom: 0; 8079} 8080 8081.expand_menu_title { 8082 font-weight: 600; 8083 font-size: 16px; 8084 line-height: 140%; 8085 color: #181D20; 8086 min-height: 22px; 8087 margin-left: 16px; 8088 margin-right: 16px; 8089} 8090 8091.expand_menu .mega_menu { 8092 opacity: 1; 8093 visibility: visible; 8094 margin-top: 0; 8095 margin-bottom: 8px; 8096} 8097 8098.expand_menu .mega_menu-colums { 8099 display: flex; 8100 flex-wrap: wrap; 8101} 8102 8103.expand_menu .mega_menu-colums li { 8104 width: 50%; 8105} 8106 8107.expand_menu .mega_menu li { 8108 padding-top: 1px; 8109 padding-bottom: 1px; 8110} 8111 8112.expand_menu .mega_menu img { 8113 -webkit-filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%); 8114 filter: brightness(0) saturate(100%) invert(37%) sepia(99%) saturate(433%) hue-rotate(160deg) brightness(110%) contrast(99%); 8115} 8116 8117.expand_menu .mega_menu li a { 8118 padding-top: 5px; 8119 padding-bottom: 5px; 8120 align-items: flex-start; 8121} 8122 8123@media (min-width: 1200px) { 8124 .expand_menu { 8125 top: 46px; 8126 } 8127} 8128 8129/*@media (min-width: 1023px) {*/ 8130 .expand_menu { 8131 position: fixed; 8132 top: 40px; 8133 left: 0; 8134 width: 100%; 8135 padding-top: 24px; 8136 display: none; 8137 } 8138 .expand_menu .mega_menu { 8139 margin-bottom: 0; 8140 margin-top: 8px; 8141 margin-left: 0; 8142 margin-right: 0; 8143 } 8144 .menu2>li:hover .expand_menu { 8145 display: block; 8146 } 8147 .expand_menu-tools { 8148 display: flex; 8149 flex-wrap: wrap; 8150 margin-left: -10px; 8151 margin-right: -10px; 8152 margin-bottom: 16px; 8153 } 8154 .expand_menu .tools_box { 8155 flex-grow: 1; 8156 margin: 10px; 8157 } 8158 .expand_menu_title { 8159 color: #181D20; 8160 font-weight: 600; 8161 margin-left: 0; 8162 margin-right: 0; 8163 } 8164 .expand_menu .mega_menu li a { 8165 padding-top: 6px; 8166 padding-bottom: 6px; 8167 } 8168/*}*/ 8169 8170 8171/* .switch-mode-tool */ 8172 8173.switch-mode-tool { 8174 border-top: 1px solid #E3E3E4; 8175 padding-top: 16px; 8176 padding-bottom: 16px; 8177 display: flex; 8178 align-items: center; 8179 justify-content: space-between; 8180 margin-top: 16px; 8181} 8182 8183.switch-mode-tool_text { 8184 font-weight: 400; 8185 font-size: 16px; 8186 line-height: 24px; 8187 color: #525658; 8188 display: flex; 8189 align-items: center; 8190} 8191 8192.switch-mode-tool_icon { 8193 width: 24px; 8194 height: 24px; 8195 margin-right: 8px; 8196 color: #1A8FE3; 8197 flex-shrink: 0; 8198} 8199 8200.switch-mode-tool_icon svg { 8201 width: 100%; 8202 height: 100%; 8203} 8204 8205.switch-mode-tool .form-switch { 8206 padding-left: 2.5em; 8207} 8208 8209.switch-mode-tool .form-check-input { 8210 position: relative; 8211 display: inline-block; 8212 width: 45px; 8213 height: 24px; 8214 margin: 0; 8215 vertical-align: top; 8216 background: #E3E3E4; 8217 border-radius: 99px; 8218 outline: none; 8219 cursor: pointer; 8220 -webkit-appearance: none; 8221 -moz-appearance: none; 8222 appearance: none; 8223 transition: background .3s linear; 8224} 8225 8226.switch-mode-tool .form-check-input::after { 8227 content: ""; 8228 display: inline-block; 8229 position: absolute; 8230 left: 5px; 8231 top: 5px; 8232 width: 14px; 8233 height: 14px; 8234 background-color: #fff; 8235 border-radius: 50%; 8236 transform: translateX(0); 8237 transition: background, transform .3s linear; 8238} 8239 8240.switch-mode-tool .form-check-input:checked::after { 8241 transform: translateX(calc(100% + 5px)); 8242 background-color: #fff; 8243} 8244 8245.switch-mode-tool .form-check-input:checked { 8246 background-color: #1A8FE3; 8247} 8248 8249 8250/* user-bar */ 8251 8252.user-bar { 8253 display: flex; 8254 align-items: center; 8255 justify-content: space-between; 8256} 8257 8258.user-bar_info { 8259 display: flex; 8260 align-items: center; 8261} 8262 8263.user-bar_avatar { 8264 background-color: #FB5F7F; 8265 width: 48px; 8266 height: 48px; 8267 display: flex; 8268 align-items: center; 8269 justify-content: center; 8270 overflow: hidden; 8271 border-radius: 100%; 8272 position: relative; 8273 color: #fff; 8274 font-weight: 600; 8275 font-size: 18px; 8276 flex-shrink: 0; 8277} 8278 8279.user-bar_avatar-default { 8280 background-color: #EFEFEF; 8281 color: #828586; 8282} 8283 8284.user-bar_avatar svg { 8285 width: 24px; 8286 height: 24px; 8287 position: absolute; 8288 top: 50%; 8289 left: 50%; 8290 transform: translate(-50%, -50%); 8291 display: none; 8292} 8293 8294.user-bar_avatar-default svg { 8295 display: block; 8296} 8297 8298.user-bar_avatar img { 8299 position: relative; 8300 z-index: 1; 8301} 8302 8303.user-bar_text { 8304 margin-left: 10px; 8305 flex-shrink: 1; 8306} 8307 8308.user-bar_text .user-bar_name, 8309.user-bar_text .user-bar_plan { 8310 text-overflow: ellipsis; 8311 overflow: hidden; 8312 display: block; 8313 width: inherit; 8314 max-width: 135px; 8315 white-space: nowrap; 8316} 8317 8318.user-bar_name { 8319 font-weight: 500; 8320 font-size: 14px; 8321 line-height: 21px; 8322 color: #181D20; 8323 display: block; 8324} 8325 8326.user-bar_plan { 8327 font-size: 12px; 8328 line-height: 18px; 8329 color: #828586; 8330} 8331 8332.user-bar .button { 8333 font-size: 10px; 8334 padding: 5px 16px; 8335 border-radius: 5px; 8336} 8337 8338.user-bar .button-upgrade { 8339 background-color: #F65E55; 8340} 8341 8342.user-bar .button-info { 8343 background: none; 8344 color: #1A8FE3; 8345 border: 1px solid #1A8FE3; 8346} 8347 8348 8349/* .mobile_menu .button-files */ 8350 8351.mobile_menu .button-files { 8352 width: 100%; 8353 display: flex; 8354 align-items: center; 8355 justify-content: space-between; 8356 border-top: 1px solid #E3E3E4; 8357 padding-top: 16px; 8358 padding-bottom: 16px; 8359 background: none; 8360} 8361 8362.mobile_menu .button-files_text { 8363 font-weight: 400; 8364 font-size: 16px; 8365 line-height: 24px; 8366 color: #525658; 8367 display: flex; 8368 align-items: center; 8369} 8370 8371.mobile_menu .button-files_icon-folder { 8372 width: 24px; 8373 height: 24px; 8374 margin-right: 8px; 8375 color: #1A8FE3; 8376 flex-shrink: 0; 8377} 8378 8379.mobile_menu .button-files_icon-arrow { 8380 width: 16px; 8381 height: 16px; 8382 color: #A7A9AA; 8383 transform: rotate(-90deg); 8384} 8385 8386 8387/* .mobile_menu .share */ 8388 8389.mobile_menu .share { 8390 margin-top: 8px; 8391} 8392 8393.mobile_menu .share h3 { 8394 font-size: 16px; 8395} 8396 8397.mobile_menu .share .input-group { 8398 margin-top: 16px; 8399} 8400 8401.mobile_menu .share .form-control { 8402 padding: 13px 6px 11px 16px; 8403 font-size: 14px; 8404 border-radius: 8px 0 0 8px; 8405 border-color: #E3E3E4; 8406 border-right-width: 0; 8407 height: 44px; 8408} 8409 8410.mobile_menu .share .form-control:focus { 8411 outline: none; 8412 -webkit-box-shadow: none; 8413 box-shadow: none; 8414} 8415 8416.mobile_menu .share .input-group-append .btn { 8417 padding: 13px 8px 10px 6px; 8418 font-size: 12px; 8419 color: #1A8FE3; 8420 font-weight: 600; 8421 border-radius: 0 8px 8px 0; 8422 border-color: #E3E3E4; 8423 border-left-width: 0; 8424} 8425 8426.mobile_menu .share .input-group-append .btn:hover { 8427 background: none; 8428} 8429 8430 8431/* .mobile_menu .button-logout */ 8432 8433.mobile_menu .button-logout { 8434 background: #fff; 8435 font-weight: 400; 8436 font-size: 16px; 8437 color: #D0726C; 8438 position: fixed; 8439 bottom: 0; 8440 width: 100%; 8441 padding: 24px 15px; 8442 text-align: left; 8443 margin-left: -15px; 8444 z-index: 2; 8445} 8446 8447.mobile_menu .button-logout svg { 8448 width: 24px; 8449 height: 24px; 8450 margin-right: 8px; 8451 margin-top: -4px; 8452} 8453 8454 8455/* billing */ 8456 8457.billing_box { 8458 padding: 12px; 8459 background-color: #fff; 8460 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 8461 border-radius: 12px; 8462 color: #181D20; 8463 margin-top: 20px; 8464} 8465 8466.billing_box-header { 8467 display: flex; 8468 align-items: center; 8469 justify-content: space-between; 8470 margin-bottom: 16px; 8471} 8472 8473.billing_box h5 { 8474 font-weight: 600; 8475 font-size: 14px; 8476} 8477 8478.billing_box .btn-outline-secondary { 8479 /*color: #828586; 8480border-color: #828586;*/ 8481 border-radius: 5px; 8482 font-size: 10px; 8483} 8484 8485.billing_box .btn-outline-secondary svg { 8486 width: 16px; 8487 height: 16px; 8488 margin-right: 8px; 8489} 8490 8491.cards-list { 8492 margin-top: 4px; 8493 margin-bottom: 24px; 8494} 8495 8496.cards-list_item { 8497 padding-top: 12px; 8498 padding-bottom: 12px; 8499 border-bottom: 1px solid #E3E3E4; 8500} 8501 8502.cards-list_item .form-check { 8503 display: flex; 8504 align-items: center; 8505} 8506 8507.cards-list_icon { 8508 display: inline-block; 8509 vertical-align: middle; 8510 width: 71px; 8511 height: 32px; 8512 padding-left: 10px; 8513} 8514 8515.cards-list_item .form-check-input { 8516 margin-top: 0; 8517} 8518 8519.cards-list_item .form-check-label { 8520 display: flex; 8521 align-items: center; 8522} 8523 8524.cards-list_text { 8525 color: #525658; 8526 padding-left: 10px; 8527 font-size: 12px; 8528} 8529 8530.cards-list_text span { 8531 font-weight: 600; 8532 color: #181D20; 8533} 8534 8535.cards-list_action { 8536 padding-left: 20px; 8537 display: flex; 8538 flex-direction: row-reverse; 8539 justify-content: flex-end; 8540} 8541 8542.cards-list_action .btn { 8543 font-weight: 500; 8544 font-size: 10px; 8545 color: #707375; 8546} 8547 8548.cards-list_action .btn-outline-primary { 8549 color: #1A8FE3; 8550 border-color: transparent; 8551 padding: 12px; 8552 border-radius: 8px; 8553 font-weight: 600; 8554} 8555 8556.cards-list_action .btn-outline-primary:hover { 8557 color: #fff; 8558 background-color: #1A8FE3; 8559} 8560 8561@media (min-width: 768px) { 8562 .billing_box { 8563 padding: 20px; 8564 margin-top: 30px; 8565 } 8566 .billing_box h5 { 8567 font-size: 20px; 8568 } 8569 .billing_box .btn-outline-secondary { 8570 font-size: 14px; 8571 } 8572 .cards-list {} 8573 .cards-list_item { 8574 padding-top: 16px; 8575 padding-bottom: 16px; 8576 } 8577 .billing_box .btn-outline-secondary svg { 8578 width: 21px; 8579 height: 21px; 8580 } 8581 .cards-list_icon { 8582 width: 90px; 8583 height: 40px; 8584 } 8585 .cards-list_text { 8586 font-size: 16px; 8587 } 8588 .cards-list_action { 8589 text-align: right; 8590 padding-left: 0; 8591 flex-direction: row; 8592 } 8593 .cards-list_action .btn { 8594 font-size: 14px; 8595 } 8596 .cards-list_action .btn-outline-primary { 8597 border-color: #1A8FE3; 8598 padding: 12px 40px; 8599 } 8600} 8601 8602 8603/* .order-summary */ 8604 8605.order-summary {} 8606 8607.order-summary_list { 8608 padding-bottom: 16px; 8609} 8610 8611.order-summary_item { 8612 display: flex; 8613 justify-content: space-between; 8614 margin-top: 12px; 8615 font-size: 12px; 8616} 8617 8618.order-summary_name { 8619 font-weight: 400; 8620} 8621 8622.order-summary_price { 8623 font-weight: 600; 8624} 8625 8626.order-summary_price--colored { 8627 color: #1A8FE3; 8628} 8629 8630.order-summary_action {} 8631 8632.order-summary_action .button { 8633 width: 100%; 8634 font-size: 12px; 8635} 8636 8637.order-summary_action .button:disabled { 8638 background-color: #C8C9CA; 8639} 8640 8641@media (min-width: 768px) { 8642 .order-summary_item { 8643 font-size: 14px; 8644 } 8645 .order-summary_action .button { 8646 font-size: 16px; 8647 } 8648} 8649 8650 8651/* title-section */ 8652 8653.title-section { 8654 position: relative; 8655 font-weight: 500; 8656 font-size: 12px; 8657 color: #ADADAD; 8658 text-transform: uppercase; 8659 text-align: center; 8660 margin-top: 32px; 8661 margin-bottom: 12px; 8662} 8663 8664.title-section::before { 8665 content: ""; 8666 width: 100%; 8667 height: 1px; 8668 background-color: #ADADAD; 8669 position: absolute; 8670 top: 50%; 8671 left: 0; 8672 transform: translateY(-50%); 8673} 8674 8675.title-section span { 8676 display: inline-block; 8677 background-color: #fff; 8678 padding-left: 8px; 8679 padding-right: 8px; 8680 position: relative; 8681} 8682 8683@media (min-width: 768px) { 8684 .title-section { 8685 font-size: 16px; 8686 line-height: 20px; 8687 margin-top: 56px; 8688 margin-bottom: 56px; 8689 } 8690} 8691 8692 8693/* billing-history */ 8694 8695.billing-history { 8696 border-radius: 4px 4px 0 0; 8697 overflow-x: auto; 8698} 8699 8700.billing-history_message { 8701 text-align: center; 8702 border-width: 0 1px 1px 1px; 8703 border-style: solid; 8704 border-color: #E3E3E4; 8705 padding: 28px 12px; 8706 color: #707375; 8707 min-width: 480px; 8708 font-size: 12px; 8709} 8710 8711.billing-history .table { 8712 margin-bottom: 0; 8713 min-width: 480px 8714} 8715 8716.billing-history .table .thead-light th { 8717 background-color: #EFEFEF; 8718} 8719 8720.billing-history .table th { 8721 color: #707375; 8722 font-weight: 500; 8723 font-size: 10px; 8724 border: 1px solid #E3E3E4; 8725 padding: 10px 40px 10px 12px; 8726 vertical-align: middle; 8727 position: relative; 8728} 8729 8730.billing-history .table th:first-child { 8731 width: 375px; 8732} 8733 8734.billing-history .table th:nth-child(2) { 8735 width: 286px; 8736} 8737 8738.billing-history .table th:nth-child(3) { 8739 width: 272px; 8740} 8741 8742.billing-history .table td { 8743 font-weight: 400; 8744 font-size: 12px; 8745 color: #707375; 8746 border: 1px solid #E3E3E4; 8747 padding: 10px 12px; 8748 vertical-align: middle; 8749} 8750 8751.billing-history .table tbody th { 8752 font-weight: 600; 8753 color: #181D20; 8754} 8755 8756.billing-history .badge { 8757 font-weight: 500; 8758 font-size: 10px; 8759 text-transform: uppercase; 8760 padding: 6px 10px; 8761} 8762 8763.billing-history .badge-success { 8764 background-color: #EAF5F0; 8765 color: #57B286; 8766} 8767 8768.billing-history .badge-danger { 8769 background-color: #F9EEED; 8770 color: #D0726C; 8771} 8772 8773.billing-history .badge-warning { 8774 background-color: #FBF7E6; 8775 color: #DDBE22; 8776} 8777 8778.table_sort { 8779 position: absolute; 8780 top: 50%; 8781 right: 0; 8782 transform: translateY(-50%); 8783 padding: 0 6px; 8784 color: #707375; 8785} 8786 8787.table_sort svg { 8788 width: 12px; 8789 height: 12px; 8790} 8791 8792@media (min-width: 768px) { 8793 .billing-history { 8794 overflow: hidden; 8795 } 8796 .billing-history_message { 8797 font-size: 16px; 8798 } 8799 .billing-history .table {} 8800 .billing-history .table th { 8801 font-size: 14px; 8802 padding: 19px 40px 19px 12px; 8803 } 8804 .billing-history .table td { 8805 font-size: 16px; 8806 padding: 20px 12px; 8807 } 8808 .billing-history .badge { 8809 font-size: 16px; 8810 line-height: 24px; 8811 padding: 8px 16px; 8812 } 8813 .table_sort { 8814 right: 10px; 8815 } 8816 .table_sort svg { 8817 width: 17px; 8818 height: 17px; 8819 } 8820} 8821 8822 8823/* modal-add-card */ 8824 8825.modal-add-card {} 8826 8827.modal-add-card .modal-dialog { 8828 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8829 margin-left: 0; 8830 margin-right: 0; 8831 margin-bottom: 0; 8832} 8833 8834.modal-add-card .modal-dialog-centered { 8835 /*align-items: flex-end;*/ 8836 min-height: calc(100%); 8837 margin: auto; 8838} 8839 8840.modal-add-card .modal-content { 8841 border-radius: 16px; 8842 border: none; 8843} 8844 8845.modal-add-card .modal-header { 8846 border: none; 8847 padding-top: 36px; 8848 padding-bottom: 0; 8849} 8850 8851.modal-add-card .close { 8852 position: absolute; 8853 top: -5px; 8854 left: 0; 8855 right: 0; 8856 font-size: 0; 8857 margin: 0; 8858 text-align: center; 8859} 8860 8861.modal-add-card .close::before { 8862 content: ""; 8863 background: #E3E3E4; 8864 border-radius: 99px; 8865 width: 32px; 8866 height: 4px; 8867 display: inline-block; 8868} 8869 8870.modal-add-card .close svg { 8871 display: none; 8872} 8873 8874.modal-add-card .modal-title { 8875 font-weight: 700; 8876 color: #181D20; 8877 font-size: 18px; 8878} 8879 8880.modal-add-card .modal-body { 8881 padding-top: 0; 8882} 8883 8884.modal-add-card .form-control { 8885 height: 35px; 8886} 8887 8888.modal-add-card label { 8889 font-weight: 500; 8890 font-size: 12px; 8891 line-height: 18px; 8892 color: #707375; 8893 padding-bottom: 10px; 8894} 8895 8896.modal-add-card .modal-body .button { 8897 width: 100%; 8898 padding-top: 10px; 8899 padding-bottom: 10px; 8900} 8901 8902.modal-add-card .is-invalid label { 8903 color: #D0726C; 8904} 8905 8906.mod
8906al-add-card .is-invalid .form-control { 8907 border-color: #D0726C; 8908} 8909 8910.modal-add-card .is-invalid .invalid-feedback { 8911 color: #D0726C; 8912 display: block; 8913} 8914 8915@media (min-width: 768px) { 8916 .modal-add-card { 8917 position: absolute; 8918 top: 0; 8919 left: 0; 8920 width: 100%; 8921 overflow: visible; 8922 box-sizing: content-box; 8923 min-height: 400px; 8924 } 8925 .modal-open .modal-add-card { 8926 overflow: visible; 8927 } 8928 .modal-add-card .modal-dialog { 8929 max-width: 668px; 8930 } 8931 .modal-add-card .modal-header { 8932 padding: 24px 24px 0; 8933 } 8934 .modal-add-card .modal-title { 8935 font-weight: 700; 8936 font-size: 24px; 8937 line-height: 24px; 8938 } 8939 .modal-add-card .close { 8940 font-size: 20px; 8941 left: auto; 8942 top: 6px; 8943 } 8944 .modal-add-card .close svg { 8945 width: 24px; 8946 height: 24px; 8947 display: block; 8948 } 8949 .modal-add-card .close::before { 8950 display: none; 8951 } 8952 .modal-add-card .modal-dialog { 8953 width: 100%; 8954 box-shadow: none; 8955 } 8956 .modal-add-card .modal-dialog-centered { 8957 align-items: center; 8958 } 8959 .modal-add-card .modal-body { 8960 padding: 24px; 8961 } 8962 .modal-add-card .modal-content { 8963 border-radius: 12px; 8964 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 8965 } 8966 .modal-add-card .form-control { 8967 height: 49px; 8968 } 8969 .modal-add-card .modal-body .button { 8970 padding-top: 17px; 8971 padding-bottom: 17px; 8972 } 8973} 8974 8975 8976/* modal-remove-card */ 8977 8978.modal-remove-card {} 8979 8980.modal-remove-card .modal-content { 8981 border-radius: 12px; 8982} 8983 8984.modal-remove-card .modal-header { 8985 border: none; 8986 text-align: center; 8987 justify-content: center; 8988} 8989 8990.modal-remove-card .modal-title { 8991 font-weight: 700; 8992 color: #181D20; 8993} 8994 8995.modal-remove-card .modal-body { 8996 padding-top: 0; 8997} 8998 8999.modal-remove-card .modal-body p { 9000 text-align: center; 9001 font-size: 14px; 9002 color: #525658; 9003 padding-left: 20px; 9004 padding-right: 20px; 9005} 9006 9007.modal-remove-card .modal-body .button { 9008 width: 100%; 9009 font-weight: 500; 9010 padding-top: 11px; 9011 padding-bottom: 11px; 9012 font-size: 12px; 9013} 9014 9015.modal-remove-card .modal-body .btn-outline-secondary { 9016 width: 100%; 9017 color: #A7A9AA; 9018 border-color: #E3E3E4; 9019 font-weight: 400; 9020 font-size: 12px; 9021 padding-top: 9px; 9022 padding-bottom: 9px; 9023} 9024 9025.modal-remove-card .modal-body .btn-outline-secondary:hover { 9026 color: #fff; 9027 background-color: #6c757d; 9028 border-color: #6c757d; 9029} 9030 9031@media (min-width: 768px) { 9032 .modal-remove-card .modal-dialog { 9033 max-width: 338px; 9034 } 9035 .modal-remove-card .modal-body { 9036 padding-left: 24px; 9037 padding-right: 24px; 9038 } 9039 .modal-remove-card .modal-title { 9040 font-weight: 700; 9041 font-size: 24px; 9042 line-height: 140%; 9043 } 9044 .modal-remove-card .modal-header { 9045 padding-left: 24px; 9046 padding-right: 24px; 9047 padding-top: 24px; 9048 } 9049 .modal-remove-card .modal-body .button { 9050 padding-top: 17px; 9051 padding-bottom: 17px; 9052 } 9053 .modal-remove-card .modal-body .btn-outline-secondary { 9054 font-size: 16px; 9055 padding-top: 15px; 9056 padding-bottom: 15px; 9057 } 9058} 9059 9060 9061/* modal-sign-in */ 9062 9063.modal-sign-in {} 9064 9065.modal-sign-in .modal-content { 9066 border-radius: 10px; 9067 border: none; 9068 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 9069} 9070 9071.modal-sign-in .modal-header { 9072 border: none; 9073 padding-top: 24px; 9074 padding-bottom: 0; 9075 flex-direction: column; 9076 align-items: center; 9077} 9078 9079.modal-sign-in .modal-header_image { 9080 width: 40px; 9081 height: 40px; 9082 margin-bottom: 12px; 9083} 9084 9085.modal-sign-in .modal-title { 9086 font-weight: 700; 9087 color: #181D20; 9088 font-size: 20px; 9089} 9090 9091.modal-sign-in .modal-body { 9092 padding: 10px 24px 24px; 9093} 9094 9095.modal-sign-in .form-control { 9096 height: 40px; 9097 border-radius: 10px; 9098 font-size: 10px; 9099} 9100 9101.modal-sign-in label { 9102 font-weight: 500; 9103 font-size: 12px; 9104 line-height: 18px; 9105 color: #525658; 9106 padding-bottom: 12px; 9107} 9108 9109.modal-sign-in .modal-body .button { 9110 width: 100%; 9111 padding-top: 10px; 9112 padding-bottom: 10px; 9113 font-size: 12px; 9114 box-shadow: 0 20px 20px rgb(26 143 227 / 20%); 9115} 9116 9117.modal-sign-in .is-invalid label { 9118 color: #D0726C; 9119} 9120 9121.modal-sign-in .is-invalid .form-control { 9122 border-color: #D0726C; 9123} 9124 9125.modal-sign-in .is-invalid .invalid-feedback { 9126 color: #D0726C; 9127 display: block; 9128} 9129 9130.modal-sign-in .input-group .form-control, 9131.modal-sign-in .input-group .form-control:not(:last-child) { 9132 border-radius: 10px; 9133 padding-right: 48px; 9134} 9135 9136.modal-sign-in .input-group .form-control.is-invalid+.btn-form-control { 9137 right: 24px; 9138} 9139 9140.modal-sign-in .btn-form-control { 9141 position: absolute; 9142 top: 0; 9143 right: 0; 9144 width: 18px; 9145 height: 18px; 9146 padding: 10px; 9147 box-sizing: content-box; 9148 color: #A7A9AA; 9149 z-index: 5; 9150} 9151 9152.modal-sign-in .btn-form-control:focus { 9153 outline: none; 9154 box-shadow: none; 9155} 9156 9157.modal-sign-in .btn-form-control svg { 9158 width: 100%; 9159 height: 100%; 9160} 9161 9162.modal-sign-in .form-check-input { 9163 border-color: #828586; 9164} 9165 9166.modal-sign-in .form-check-label { 9167 color: #828586; 9168 font-weight: 400; 9169 font-size: 10px; 9170} 9171 9172.modal-sign-in .btn-link { 9173 color: #1A8FE3; 9174 font-weight: 400; 9175 font-size: 10px; 9176 line-height: 18px; 9177 text-decoration: none; 9178 padding: 0; 9179} 9180 9181.modal-sign-in .form-note { 9182 color: #707375; 9183 font-size: 12px; 9184} 9185 9186.modal-sign-in .form-note .btn-link { 9187 font-size: 12px; 9188} 9189 9190@media (min-width: 768px) {
9191 .modal-sign-in .modal-dialog { 9192 max-width: 464px; 9193 } 9194 .modal-sign-in .modal-header { 9195 padding: 24px 24px 0; 9196 } 9197 .modal-sign-in .modal-header_image { 9198 width: 48px; 9199 height: 48px; 9200 margin-bottom: 16px; 9201 } 9202 .modal-sign-in .modal-title { 9203 font-weight: 700; 9204 font-size: 24px; 9205 line-height: 24px; 9206 } 9207 .modal-sign-in .modal-dialog { 9208 width: 100%; 9209 box-shadow: none; 9210 } 9211 .modal-sign-in .modal-dialog-centered { 9212 align-items: center; 9213 } 9214 .modal-sign-in .modal-content { 9215 border-radius: 14px; 9216 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9217 } 9218 .modal-sign-in .form-control { 9219 height: 48px; 9220 font-size: 14px; 9221 } 9222 .modal-sign-in .modal-body .button { 9223 padding-top: 17px; 9224 padding-bottom: 17px; 9225 font-size: 16px; 9226 } 9227 .modal-sign-in .btn-form-control { 9228 width: 20px; 9229 height: 20px; 9230 padding: 11px; 9231 } 9232 .modal-sign-in .btn-form-control:hover { 9233 color: #525658; 9234 } 9235 .modal-sign-in .form-check-label { 9236 font-size: 12px; 9237 } 9238 .modal-sign-in .btn-link { 9239 font-size: 12px; 9240 } 9241 .modal-sign-in .form-note { 9242 font-size: 14px; 9243 } 9244 .modal-sign-in .form-note .btn-link { 9245 font-size: 14px; 9246 } 9247} 9248 9249 9250/* splitter-image */ 9251 9252.splitter-image {} 9253 9254.splitter-image_box { 9255 border: 1px solid #EFEFEF; 9256 background-color: #fff; 9257 border-radius: 12px; 9258 padding: 40px; 9259} 9260 9261.splitter-image_bar { 9262 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9263 border-radius: 8px; 9264 padding: 24px; 9265 text-align: right; 9266} 9267 9268.splitter-image .title { 9269 font-size: 24px; 9270 font-weight: 600; 9271 line-height: 1; 9272 padding-top: 0; 9273 text-align: left; 9274} 9275 9276.splitter-image_bar-item { 9277 display: inline-flex; 9278 align-items: center; 9279 vertical-align: middle; 9280 padding-left: 24px; 9281 margin-left: 24px; 9282 border-left: 1px solid #E3E3E4; 9283} 9284 9285.splitter-image_bar-item:first-child { 9286 padding-left: 0; 9287 margin-left: 0; 9288 border: none; 9289} 9290 9291.splitter-image_bar-item p { 9292 font-weight: 500; 9293 font-size: 16px; 9294 line-height: 24px; 9295 color: #181D20; 9296 margin-right: 16px; 9297} 9298 9299.splitter-image .form-control { 9300 text-align: center; 9301 width: 115px; 9302 height: 40px; 9303 margin-left: 8px; 9304 margin-right: 8px; 9305} 9306 9307.splitter-image_bar .button { 9308 background-color: #fff; 9309 color: #707375; 9310 border: 1px solid #E3E3E4; 9311 border-radius: 5px; 9312 padding: 7px; 9313} 9314 9315.splitter-image_bar .button svg { 9316 width: 24px; 9317 height: 24px; 9318} 9319 9320.splitter-image_buttons { 9321 text-align: right; 9322} 9323 9324.splitter-image_buttons .button { 9325 padding-left: 24px; 9326 padding-right: 24px; 9327 margin-left: 16px; 9328} 9329 9330@media (max-width: 1024px) { 9331 .splitter-image_box { 9332 padding: 30px; 9333 } 9334} 9335 9336@media (max-width: 992px) { 9337 .splitter-image_box { 9338 padding: 16px; 9339 } 9340 .splitter-image_bar { 9341 padding: 10px; 9342 } 9343 .splitter-image .title { 9344 display: none; 9345 } 9346 .splitter-image_bar { 9347 text-align: left; 9348 } 9349 .splitter-image_bar-item { 9350 margin-top: 10px; 9351 padding-left: 0; 9352 margin-left: 0; 9353 border: none; 9354 flex-wrap: wrap; 9355 width: 100%; 9356 } 9357 .splitter-image_bar-item:first-child { 9358 margin-top: 0; 9359 } 9360 .splitter-image_bar-item p { 9361 width: 100%; 9362 margin-bottom: 4px; 9363 } 9364 .splitter-image .form-control { 9365 flex-grow: 1; 9366 } 9367 .splitter-image_bar .button { 9368 flex-shrink: 0; 9369 } 9370} 9371 9372 9373/* collage-maker */ 9374 9375.collage-maker {} 9376 9377.collage-maker_box { 9378 border: 1px solid #EFEFEF; 9379 background-color: #fff; 9380 border-radius: 12px; 9381 padding: 40px; 9382} 9383 9384.collage-maker_bar { 9385 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9386 border-radius: 8px; 9387 padding: 14px 24px 24px; 9388} 9389 9390.collage-maker_border { 9391 display: inline-flex; 9392 vertical-align: middle; 9393 align-items: center; 9394 margin-left: 12px; 9395} 9396 9397.collage-maker_border:before { 9398 content: ""; 9399 display: block; 9400 width: 1px; 9401 height: 32px; 9402 background-color: #E3E3E4; 9403 margin-right: 12px; 9404} 9405 9406.collage-maker_border p { 9407 font-weight: 500; 9408 font-size: 16px; 9409 line-height: 24px; 9410 color: #181D20; 9411 margin-right: 12px; 9412} 9413 9414.collage-maker_border .form-group { 9415 margin-bottom: 0; 9416 border: 1px solid #E3E3E4; 9417 border-radius: 4px; 9418 width: 175px; 9419 padding-left: 12px; 9420 padding-right: 12px; 9421 padding-top: 15px; 9422 padding-bottom: 15px; 9423 display: inline-block; 9424 vertical-align: middle; 9425} 9426 9427 9428/* pick-color */ 9429 9430.pick-color, 9431.collage-maker_border .input-group { 9432 display: flex; 9433 border: 1px solid #E3E3E4; 9434 border-radius: 4px; 9435 padding: 7px 8px; 9436} 9437 9438.collage-maker_border .input-group { 9439 display: inline-flex; 9440 vertical-align: middle; 9441 width: 135px; 9442} 9443 9444.pick-color .form-control, 9445.collage-maker_border .input-group .form-control { 9446 border: none; 9447 height: 32px; 9448 font-size: 12px; 9449 color: #181D20; 9450} 9451 9452.pick-color .form-control:focus, 9453.collage-maker_border .input-group .form-control:focus { 9454 outline: none; 9455 box-shadow: none; 9456 background-color: transparent; 9457} 9458 9459.pick-color .input-group-prepend, 9460.collage-maker_border .input-group-prepend { 9461 flex-shrink: 0; 9462} 9463 9464.pick-color .input-group-prepend .btn, 9465.collage-maker_border .input-group-prepend .btn { 9466 width: 32px; 9467 height: 32px; 9468 border-radius: 4px; 9469} 9470 9471.collage-maker .button { 9472 padding-left: 24px; 9473 padding-right: 24px; 9474 font-size: 14px; 9475} 9476 9477.collage-maker_buttons { 9478 text-align: right; 9479} 9480 9481.collage-maker_buttons .button { 9482 margin-left: 12px; 9483} 9484 9485@media (max-width: 1024px) { 9486 .collage-maker_box { 9487 padding: 30px; 9488 } 9489} 9490 9491@media (max-width: 992px) { 9492 .collage-maker_box { 9493 padding: 16px; 9494 } 9495 .collage-maker_bar { 9496 padding: 0 10px 10px; 9497 } 9498} 9499 9500@media (max-width: 767px) { 9501 .collage-maker_border { 9502 display: block; 9503 margin-left: 0; 9504 margin-top: 10px; 9505 margin-bottom: 10px; 9506 } 9507 .collage-maker_border:before { 9508 display: none; 9509 } 9510 .collage-maker_border .form-group { 9511 margin-top: 10px; 9512 width: 164px; 9513 } 9514 .collage-maker_border .input-group { 9515 margin-top: 10px; 9516 width: 123px; 9517 } 9518} 9519 9520 9521/* .collage-grid */ 9522 9523.collage-grid { 9524 display: grid; 9525 grid-column-gap: 0; 9526 grid-row-gap: 0; 9527 border: 1px solid #E3E3E4; 9528 padding: 4px; 9529 height: 487px; 9530 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 9531 grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end]; 9532} 9533 9534.collage-grid--type-1 {} 9535 9536.collage-grid--type-1 .collage-grid_item--1 { 9537 grid-column: col1-start; 9538 grid-row: row1-start; 9539} 9540 9541.collage-grid--type-1 .collage-grid_item--2 { 9542 grid-column: col2-start; 9543 grid-row: row1-start; 9544} 9545 9546.collage-grid--type-1 .collage-grid_item--3 { 9547 grid-column: col1-start; 9548 grid-row: row2-start; 9549} 9550 9551.collage-grid--type-1 .collage-grid_item--4 { 9552 grid-column: col2-start; 9553 grid-row: row2-start / row2-end; 9554} 9555 9556.collage-grid--type-2 {} 9557 9558.collage-grid--type-2 .collage-grid_item--1 { 9559 grid-column: col1-start / col2-start; 9560 grid-row: row1-start; 9561} 9562 9563.collage-grid--type-2 .collage-grid_item--2 { 9564 grid-column: col2-start; 9565 grid-row: row1-start / row2-end; 9566} 9567 9568.collage-grid--type-2 .collage-grid_item--3 { 9569 grid-column: col1-start; 9570 grid-row: row2-start; 9571} 9572 9573.collage-grid--type-3 {} 9574 9575.collage-grid--type-3 .collage-grid_item--1 { 9576 grid-column: col1-start / row2-end; 9577 grid-row: row1-start; 9578} 9579 9580.collage-grid--type-3 .collage-grid_item--2 { 9581 grid-column: col2-start; 9582 grid-row: row2-start; 9583} 9584 9585.collage-grid--type-3 .collage-grid_item--3 { 9586 grid-column: col1-start; 9587 grid-row: row2-start / row2-end; 9588} 9589 9590.collage-grid--type-4 {} 9591 9592.collage-grid--type-4 .collage-grid_item--1 { 9593 grid-column: col1-start / col2-start; 9594 grid-row: row1-start / row2-end; 9595} 9596 9597.collage-grid--type-4 .collage-grid_item--2 { 9598 grid-column: col2-start; 9599 grid-row: row1-start; 9600} 9601 9602.collage-grid--type-4 .collage-grid_item--3 { 9603 grid-column: col2-start; 9604 grid-row: row2-start / row2-end; 9605} 9606 9607.collage-grid--type-5 {} 9608 9609.collage-grid--type-5 .collage-grid_item--1 { 9610 grid-column: col1-start; 9611 grid-row: row1-start; 9612} 9613 9614.collage-grid--type-5 .collage-grid_item--2 { 9615 grid-column: col2-start; 9616 grid-row: row1-start; 9617} 9618 9619.collage-grid--type-5 .collage-grid_item--3 { 9620 grid-column: col1-start / col2-end; 9621 grid-row: row2-start / row2-end; 9622} 9623 9624.collage-grid_item { 9625 margin: 4px; 9626 background: #EFEFEF; 9627 border: 2px solid transparent; 9628 overflow: hidden; 9629 position: relative; 9630 box-sizing: border-box; 9631} 9632 9633.collage-grid_item--1 {} 9634 9635.collage-grid_item--2 {} 9636 9637.collage-grid_item--3 {} 9638 9639.collage-grid_item--4 {} 9640 9641.collage-grid_item .file-input { 9642 z-index: 1; 9643} 9644 9645.collage-grid_item img { 9646 position: relative; 9647 z-index: 5; 9648} 9649 9650.collage-grid_item svg { 9651 width: 24px; 9652 height: 24px; 9653 position: absolute; 9654 top: 50%; 9655 left: 50%; 9656 transform: translate(-50%, -50%); 9657 color: #707375; 9658} 9659 9660 9661/* .modal-upload */ 9662 9663.modal-upload .modal-header { 9664 border: none; 9665 padding: 24px 24px 0; 9666 display: block; 9667} 9668 9669.modal-upload .modal-title { 9670 color: #181D20; 9671 font-weight: bold; 9672 font-size: 24px; 9673 margin-bottom: 2px; 9674} 9675 9676.modal-upload .modal-header-text { 9677 color: #828586; 9678 font-size: 16px; 9679} 9680 9681.modal-header .close svg { 9682 width: 24px; 9683 height: 24px; 9684} 9685 9686.modal-upload .close { 9687 position: absolute; 9688 top: 29px; 9689 right: 24px; 9690} 9691 9692.modal-upload .modal-dialog { 9693 max-width: 719px; 9694} 9695 9696.modal-upload .modal-content { 9697 border-radius: 12px; 9698} 9699 9700.modal-upload .file-drop-area { 9701 margin-top: 29px; 9702 margin-bottom: 29px; 9703 border: none; 9704 height: auto; 9705} 9706 9707 9708/* .modal-templates */ 9709 9710.modal-templates .modal-header { 9711 border: none; 9712 padding: 24px 24px 0; 9713 display: block; 9714} 9715 9716.modal-templates .modal-title { 9717 color: #181D20; 9718 font-weight: bold; 9719 font-size: 24px; 9720 margin-bottom: 2px; 9721} 9722 9723.modal-templates .modal-header-text { 9724 color: #828586; 9725 font-size: 16px; 9726} 9727 9728.modal-templates .close { 9729 position: absolute; 9730 top: 29px; 9731 right: 24px; 9732} 9733 9734.modal-templates .modal-dialog { 9735 max-width: 812px; 9736} 9737 9738.modal-templates .modal-content { 9739 border-radius: 12px; 9740} 9741 9742.modal-templates .modal-body { 9743 padding: 24px; 9744 display: block; 9745} 9746 9747 9748/* collage-choose */ 9749 9750.collage-choose { 9751 display: flex; 9752 position: relative; 9753} 9754 9755.collage-choose .form-check { 9756 overflow: hidden; 9757 margin-right: 12px; 9758} 9759 9760.collage-choose .form-check:last-child { 9761 margin-right: 0; 9762} 9763 9764.collage-choose .form-check-input { 9765 position: absolute; 9766 opacity: 0; 9767 visibility: hidden; 9768} 9769 9770.collage-choose .form-check-input:checked+.form-check-label { 9771 color: #1A8FE3; 9772 border-color: #1A8FE3; 9773} 9774 9775.collage-choose .form-check-label { 9776 padding: 8px 16px; 9777 border: 1px solid #E3E3E4; 9778 border-radius: 4px; 9779 font-weight: 500; 9780 font-size: 12px; 9781 line-height: 18px; 9782 color: #707375; 9783 cursor: pointer; 9784 transition: color, border-color .2s linear; 9785} 9786 9787.collage-choose_size {} 9788 9789.collage-choose_template { 9790 margin-top: 16px; 9791} 9792 9793.collage-choose_template .form-check { 9794 margin-right: 16px; 9795} 9796 9797.collage-choose_template .form-check:last-of-type { 9798 margin-right: 0; 9799} 9800 9801.collage-choose_template .form-check-label { 9802 border-radius: 0; 9803 padding: 0; 9804 border-color: transparent; 9805} 9806 9807.collage-choose_button { 9808 width: 40px; 9809 height: 40px; 9810 background: #FFFFFF; 9811 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9812 padding: 0; 9813 border-radius: 100%; 9814 position: absolute; 9815 right: -8px; 9816 top: 50%; 9817 transform: translateY(-50%); 9818 color: #707375; 9819} 9820 9821.collage-choose_button svg {
9822 width: 20px; 9823 height: 20px; 9824 transform: rotate(-90deg); 9825} 9826 9827 9828/* chart-creators */ 9829 9830.chart-creators {} 9831 9832.chart-creators_box { 9833 border: 1px solid #EFEFEF; 9834 background-color: #fff; 9835 border-radius: 12px; 9836 padding: 40px; 9837} 9838 9839.chart-creators_bar { 9840 display: flex; 9841 justify-content: center; 9842 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9843 border-radius: 12px; 9844 padding: 24px; 9845} 9846 9847.chart-creators_bar .form-check { 9848 overflow: hidden; 9849 margin-left: 8px; 9850 margin-right: 8px; 9851} 9852 9853.chart-creators_bar .form-check-input { 9854 position: absolute; 9855 opacity: 0; 9856 visibility: hidden; 9857} 9858 9859.chart-creators_bar .form-check-input:checked+.form-check-label { 9860 color: #fff; 9861 background-color: #1A8FE3; 9862} 9863 9864.chart-creators_bar .form-check-label { 9865 padding: 8px 16px; 9866 border: 1px solid #1A8FE3; 9867 border-radius: 10px; 9868 font-weight: 500; 9869 font-size: 12px; 9870 line-height: 18px; 9871 color: #1A8FE3; 9872 cursor: pointer; 9873 transition: color, border-color .2s linear; 9874 display: flex; 9875 flex-direction: column; 9876 align-items: center; 9877 width: 104px; 9878} 9879 9880.chart-creators_bar .form-check-label svg { 9881 width: 40px; 9882 height: 40px; 9883 margin-bottom: 2px; 9884} 9885 9886.chart-creators_bar .form-check-label span { 9887 font-weight: 500; 9888 font-size: 14px; 9889 width: 54px; 9890 white-space: nowrap; 9891 text-overflow: ellipsis; 9892 overflow: hidden; 9893} 9894 9895.chart-creators_bar .form-check:first-child span { 9896 width: auto; 9897} 9898 9899.chart-creators_tabs { 9900 padding: 24px; 9901 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 9902 border-radius: 12px; 9903} 9904 9905.chart-creators_tabs-header { 9906 text-align: center; 9907} 9908 9909.chart-creators_tabs .list-group { 9910 display: inline-flex; 9911 flex-direction: row; 9912 background: #F6FBFE; 9913 border-radius: 8px; 9914 padding-top: 4px; 9915 padding-bottom: 4px; 9916} 9917 9918.chart-creators_tabs .list-group-item { 9919 padding: 12px 24px; 9920 white-space: nowrap; 9921 background-color: transparent; 9922 border: none; 9923 border-radius: 6px; 9924 margin-left: 4px; 9925 margin-right: 4px; 9926 color: #707375; 9927 font-weight: 500; 9928 font-size: 16px; 9929} 9930 9931.chart-creators_tabs .list-group-item.active { 9932 background-color: #1A8FE3; 9933 color: #fff; 9934} 9935 9936.tab-content .form-group { 9937 position: relative; 9938} 9939 9940.tab-content .form-group>label { 9941 font-weight: 500; 9942 font-size: 16px; 9943 color: #525658; 9944 padding-bottom: 10px; 9945} 9946 9947.tab-content .form-group>.form-control { 9948 border-radius: 6px; 9949 height: 48px; 9950 border-color: #E3E3E4; 9951 font-size: 14px; 9952} 9953 9954.tab-content .text-settings { 9955 position: absolute; 9956 bottom: 8px; 9957 right: 8px; 9958} 9959 9960.tab-content .tools-button { 9961 padding: 4px 6px; 9962} 9963 9964.tab-content .tools-button svg { 9965 width: 18px; 9966 height: 18px; 9967} 9968 9969.tab-content .dropdown {} 9970 9971.tab-content .dropdown .btn-secondary { 9972 width: 100%; 9973 padding-top: 11px; 9974 padding-bottom: 11px; 9975 background-color: transparent; 9976 border-color: #E3E3E4; 9977 color: #707375; 9978 text-align: left; 9979 font-weight: 400; 9980 font-size: 14px; 9981 display: flex; 9982 justify-content: space-between; 9983 align-items: center; 9984} 9985 9986.tab-content .dropdown .btn-secondary:focus { 9987 border-color: #80bdff; 9988 outline: 0; 9989 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 9990} 9991 9992.tab-content .dropdown .btn-secondary:active { 9993 background-color: transparent; 9994 border-color: #E3E3E4; 9995 color: #707375; 9996} 9997 9998.tab-content .dropdown-toggle::after { 9999 content: ""; 10000 width: 6px; 10001 height: 6px; 10002 border-right: 1px solid #707375; 10003 border-bottom: 1px solid #707375; 10004 border-top: none; 10005 border-left: none; 10006 transform: rotate(45deg); 10007 z-index: 3; 10008} 10009 10010.tab-content .dropdown-menu { 10011 width: 100%; 10012 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 10013 border-radius: 6px; 10014 padding: 7px; 10015 border: none; 10016 margin-top: 8px; 10017} 10018 10019.tab-content .dropdown-item { 10020 padding: 5px; 10021 font-size: 14px; 10022 line-height: 21px; 10023 color: #707375; 10024 margin-top: 11px; 10025} 10026 10027.tab-content .dropdown-item:first-child { 10028 margin-top: 0; 10029} 10030 10031.chart-creators_buttons { 10032 text-align: right; 10033} 10034 10035 10036/* chart-creators_import */ 10037 10038.chart-creators_import {} 10039 10040.chart-creators_import-box { 10041 overflow: hidden; 10042 display: inline-block; 10043 position: relative; 10044 cursor: pointer; 10045} 10046 10047 10048/* chart-creators_table */ 10049 10050.chart-creators_table { 10051 overflow: auto; 10052 max-height: 440px; 10053 border: 1px solid #EFEFEF; 10054} 10055 10056.chart-creators_table .table { 10057 /*table-layout: fixed;*/ 10058 width: max-content; 10059 margin-bottom: 0; 10060} 10061 10062.chart-creators_table .table .thead-light th, 10063.chart-creators_table .table th { 10064 background-color: #F6F6F6; 10065 border-color: #EFEFEF; 10066 border-left: 1px solid #EFEFEF; 10067 color: #707375; 10068 padding: 7px; 10069 font-weight: 400; 10070 font-size: 16px; 10071 text-align: center; 10072} 10073 10074.chart-creators_table .table .thead-light th { 10075 border-top: none; 10076} 10077 10078.chart-creators_table .table .thead-light th:first-child, 10079.chart-creators_table .table th:first-child { 10080 width: 40px; 10081 border-left: none; 10082} 10083 10084.chart-creators_table .table td { 10085 border-color: #EFEFEF; 10086 border-left: 1px solid #EFEFEF; 10087 width: 100px; 10088 padding: 7px; 10089} 10090 10091.chart-creators_tabs .pick-color .form-control { 10092 color: #707375; 10093 font-size: 14px; 10094} 10095 10096.separator { 10097 display: flex; 10098 align-items: center; 10099 margin-top: 16px; 10100} 10101 10102.separator__span { 10103 font-weight: 500; 10104 font-size: 12px; 10105 color: #707375; 10106 padding: 0 10px; 10107} 10108 10109.separator__line { 10110 display: block; 10111 width: 100%; 10112 height: 1px; 10113 background-color: #E3E3E4; 10114} 10115 10116.outline-wrap { 10117 font-size: 14px; 10118 padding: 16px; 10119 color: #181D20; 10120 border: 1px solid #E3E3E4; 10121 border-radius: 8px; 10122} 10123 10124.form-control-field { 10125 background-color: #FFFFFF; 10126 border: 1px solid #E3E3E4; 10127 border-radius: 8px; 10128 display: block; 10129 font-weight: 400; 10130 font-size: 12px; 10131 padding: 15px; 10132 letter-spacing: 0.005em; 10133 height: 48px; 10134 width: 100%; 10135 color: #707375; 10136} 10137 10138.form-control-field::placeholder { 10139 color: #A7A9AA; 10140} 10141 10142.link-blue { 10143 color: #1A8FE3; 10144 text-decoration: underline; 10145} 10146 10147@media (max-width: 992px) {
10148 .chart-creators_box { 10149 padding: 24px; 10150 } 10151 .chart-creators_bar, 10152 .chart-creators_tabs { 10153 padding: 12px; 10154 } 10155 .chart-creators_bar .form-check-label { 10156 padding: 8px; 10157 width: 100px; 10158 } 10159} 10160 10161@media (max-width: 767px) { 10162 .chart-creators_box { 10163 padding: 16px; 10164 } 10165 .chart-creators_bar, 10166 .chart-creators_tabs { 10167 padding: 10px; 10168 } 10169 .chart-creators_bar { 10170 flex-wrap: wrap; 10171 padding-top: 4px; 10172 } 10173 .chart-creators_bar .form-check { 10174 margin-left: 3px; 10175 margin-right: 3px; 10176 margin-top: 6px; 10177 } 10178 .chart-creators_bar .form-check-label { 10179 width: 87px; 10180 } 10181 .chart-creators_tabs .list-group { 10182 padding-left: 4px; 10183 padding-right: 4px; 10184 display: flex; 10185 } 10186 .chart-creators_tabs .list-group-item { 10187 padding: 10px 11px; 10188 font-size: 12px; 10189 margin-left: 0; 10190 margin-right: 0; 10191 } 10192 .tab-content .form-group { 10193 margin-bottom: 0; 10194 } 10195 .tab-content .text-settings { 10196 bottom: 3px; 10197 right: 3px; 10198 } 10199 .tab-content .form-group>label { 10200 font-size: 12px; 10201 padding-bottom: 8px; 10202 } 10203 .tab-content .form-group>.form-control { 10204 height: 35px; 10205 font-size: 10px; 10206 } 10207 .tab-content .dropdown .btn-secondary { 10208 font-size: 10px; 10209 padding-top: 9px; 10210 padding-bottom: 9px; 10211 } 10212 .tab-content .dropdown-item { 10213 font-size: 10px; 10214 margin-top: 2px; 10215 } 10216 .chart-creators_buttons .button { 10217 width: 100%; 10218 padding-top: 8px; 10219 padding-bottom: 8px; 10220 font-size: 12px; 10221 } 10222 .chart-creators_import { 10223 text-align: center; 10224 } 10225 .chart-creators_import .button { 10226 width: 100%; 10227 padding-top: 8px; 10228 padding-bottom: 8px; 10229 font-size: 12px; 10230 } 10231 .chart-creators_import p { 10232 margin-top: 5px; 10233 font-size: 10px; 10234 } 10235} 10236 10237/* ctrl-tool */ 10238.ctrl-tool { 10239 --color: 211, 211, 211; 10240 display: inline-block; 10241 vertical-align: middle; 10242 padding: 12px; 10243 border-radius: 12px; 10244 background-color: #fff; 10245 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, .05)); 10246 transition-property: box-shadow; 10247 transition-timing-function: ease-in-out; 10248 transition-duration: .125s; 10249} 10250 10251.ctrl-tool__icon-box { 10252 display: block; 10253 width: 40px; 10254 height: 40px; 10255 padding: 11px; 10256 border-radius: 50%; 10257 overflow: hidden; 10258 margin-bottom: 8px; 10259 color: #fff; 10260 background-color: rgba(var(--color), 1); 10261 box-shadow: 0 8px 32px rgba(var(--color), 0.24); 10262} 10263 10264.ctrl-tool__icon { 10265 display: block; 10266 width: 18px; 10267 height: 18px; 10268 fill: none; 10269 stroke: currentColor; 10270} 10271 10272.ctrl-tool__name { 10273 font-weight: 600; 10274 font-size: 14px; 10275 line-height: calc(20 / 14); 10276 color: #181D20; 10277} 10278.ctrl-tool__description { 10279 margin-top: 2px; 10280 font-size: 10px; 10281 line-height: calc(12 / 10); 10282 color: #707375; 10283} 10284 10285.ctrl-tool--color-1 { 10286 --color: 118, 79, 229; 10287} 10288 10289.ctrl-tool--color-2 { 10290 --color: 229, 79, 109; 10291} 10292 10293.ctrl-tool--color-3 { 10294 --color: 110, 202, 28; 10295} 10296 10297.ctrl-tool--color-4 { 10298 --color: 229, 133, 79; 10299} 10300 10301.ctrl-tool:hover { 10302 --shadow-opacity: .1; 10303} 10304 10305@media (min-width: 1200px) { 10306 .ctrl-tool { 10307 padding: 16px; 10308 } 10309 10310 .ctrl-tool__icon-box { 10311 width: 56px; 10312 height: 56px; 10313 padding: 15px; 10314 margin-bottom: 16px; 10315 } 10316 10317 .ctrl-tool__icon { 10318 width: 26px; 10319 height: 26px; 10320 } 10321 10322 .ctrl-tool__name { 10323 font-size: 20px; 10324 line-height: calc(30 / 20); 10325 } 10326 .ctrl-tool__description { 10327 font-size: 14px; 10328 line-height: calc(20 / 14); 10329 } 10330} 10331 10332.dark-mode .ctrl-tool { 10333 background-color: #273744; 10334} 10335 10336.dark-mode .ctrl-tool__name, 10337.dark-mode .ctrl-tool__description { 10338 color: #fff; 10339} 10340/* end ctrl-tool */ 10341 10342/* faq-item */ 10343.faq-item { 10344 border-radius: 10px; 10345 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 10346 color: #525658; 10347 background-color: #fff; 10348 overflow: hidden; 10349} 10350 10351.faq-item__toggle { 10352 display: flex; 10353 align-items: center; 10354 justify-content: space-between; 10355 width: 100%; 10356 padding: 12px; 10357 font-weight: 500; 10358 font-size: 12px; 10359 line-height: calc(18 / 12); 10360 border-width: 0; 10361 outline: none; 10362 text-align: left; 10363 color: var(--question-color, inherit); 10364 background-color: transparent; 10365} 10366 10367.faq-item__question { 10368 flex-grow: 1; 10369} 10370 10371.faq-item__icon { 10372 position: relative; 10373 flex-shrink: 0; 10374 width: 18px; 10375 height: 18px; 10376 margin-left: 18px; 10377} 10378 10379.faq-item__icon::before, 10380.faq-item__icon::after { 10381 content: ""; 10382 position: absolute; 10383 top: 50%; 10384 left: 50%; 10385 width: calc(10.5 * 100% / 18); 10386 height: calc(1.5 * 100% / 18); 10387 background-color: #1A8FE3; 10388 border-radius: 2px; 10389 transition-property: transform; 10390 transition-timing-function: ease-in-out; 10391 transition-duration: .125s; 10392} 10393 10394.faq-item__icon::before { 10395 transform: translate(-50%, -50%) rotate(var(--h-rotate, 0)); 10396} 10397 10398.faq-item__icon::after { 10399 transform: translate(-50%, -50%) rotate(var(--v-rotate, 90deg)); 10400} 10401 10402.faq-item__answer { 10403 padding: 8px 12px; 10404 font-weight: 400; 10405 font-size: 10px; 10406 line-height: calc(16 / 10); 10407 letter-spacing: .005em; 10408 display: var(--answer, none); 10409} 10410 10411.faq-item.is-active { 10412 --answer: block; 10413 --question-color: #181D20; 10414 --h-rotate: 180deg; 10415 --v-rotate: 180deg; 10416} 10417 10418.dark-mode .faq-item { 10419 --question-color: #fff; 10420 color: #fff; 10421 background-color: #273744; 10422} 10423/* end faq-item */ 10424 10425/* faq */ 10426.faq { 10427 padding-top: 100px; 10428 padding-bottom: 50px; 10429} 10430 10431.faq__header { 10432 margin-bottom: 24px; 10433} 10434 10435.faq__title { 10436 padding-top: 0; 10437 margin-bottom: 8px; 10438} 10439 10440.faq__body { 10441 margin-bottom: calc(24px - 10px); 10442} 10443 10444.faq__group {} 10445 10446.faq__item { 10447 margin-bottom: 10px; 10448} 10449 10450@media (min-width: 960px) { 10451 .faq { 10452 padding-top: 150px; 10453 margin-bottom: 75px; 10454 } 10455 10456 .faq__header { 10457 margin-bottom: 40px; 10458 } 10459 10460 .faq__title { 10461 margin-bottom: 16px; 10462 } 10463 10464 .faq__body { 10465 margin-bottom: calc(80px - 24px); 10466 } 10467 10468 .faq__item { 10469 margin-bottom: 24px; 10470 } 10471 10472 .faq-item__toggle { 10473 padding: 16px; 10474 font-size: 18px; 10475 } 10476 10477 .faq-item__icon { 10478 width: 24px; 10479 height: 24px; 10480 } 10481 10482 .faq-item__answer { 10483 padding-right: 16px; 10484 padding-left: 16px; 10485 font-size: 16px; 10486 line-height: calc(24 / 16); 10487 } 10488} 10489/* end faq */ 10490 10491/* quote-section */ 10492.quote-section {} 10493.quote-section__container { 10494 padding: 24px; 10495 border-radius: 12px; 10496 background-color: #EFF7FD; 10497} 10498 10499.quote-section__title { 10500 max-width: 10em; 10501 font-weight: 700; 10502 font-size: 24px; 10503 line-height: calc(32 / 24); 10504 color: #181D20; 10505} 10506 10507.quote-section__text { 10508 width: 25em; 10509 margin-top: 8px; 10510 font-size: 12px; 10511 line-height: calc(18 /12); 10512 letter-spacing: .005em; 10513} 10514 10515.quote-section__logo { 10516 margin-top: 24px; 10517 width: 145px; 10518} 10519 10520.quote-section__logo-image { 10521 display: block; 10522 width: 100%; 10523 max-width: 100%; 10524 height: auto; 10525} 10526 10527@media (min-width: 650px) { 10528 .quote-section__container { 10529 padding: 50px; 10530 } 10531} 10532 10533@media (min-width: 768px) { 10534 .quote-section__container { 10535 display: flex; 10536 align-items: center; 10537 justify-content: space-between; 10538 } 10539 10540 .quote-section__body { 10541 flex-grow: 1; 10542 } 10543 10544 .quote-section__logo { 10545 margin-top: 0; 10546 margin-left: 50px; 10547 width: 200px; 10548 flex-shrink: 0; 10549 } 10550} 10551 10552@media (min-width: 992px) { 10553 .quote-section__container { 10554 padding: 80px; 10555 } 10556 10557 .quote-section__title { 10558 font-size: 40px; 10559 line-height: calc(48 / 40); 10560 } 10561 10562 .quote-section__text { 10563 margin-top: 16px; 10564 font-size: 18px; 10565 line-height: calc(26 / 18); 10566 } 10567 10568 .quote-section__logo { 10569 width: 280px; 10570 } 10571} 10572 10573@media (min-width: 1200px) { 10574 10575 .quote-section__text { 10576 width: 30em; 10577 } 10578 10579 .quote-section__logo { 10580 width: 375px; 10581 } 10582} 10583 10584.dark-mode .quote-section__container { 10585 background-color: #273744; 10586} 10587 10588.dark-mode .quote-section__title, 10589.dark-mode .quote-section__description { 10590 color: #fff; 10591} 10592/* end quote-section */ 10593 10594/* .how-work */ 10595.how-work { 10596 padding-top: 100px; 10597 padding-bottom: 100px; 10598} 10599 10600.how-work__header { 10601 text-align: center; 10602 padding-top: 0; 10603 padding-bottom: 0; 10604 background-color: transparent; 10605} 10606 10607.how-work__title { 10608 font-weight: 700; 10609 font-size: 24px; 10610 line-height: calc(32 / 24); 10611 color: #181D20; 10612} 10613 10614.how-work__description { 10615 margin-top: 8px; 10616 font-size: 12px; 10617 line-height: calc(18 / 12); 10618 letter-spacing: .005em; 10619 color: #707375; 10620} 10621 10622.how-work__body { 10623 margin-top: 24px; 10624 display: grid; 10625 grid-template-columns: repeat(2, 1fr); 10626 grid-template-rows: repeat(2, 138px); 10627 gap: 9px; 10628} 10629 10630@media (min-width: 991px) { 10631 10632 .how-work { 10633 padding-top: 150px; 10634 padding-bottom: 150px; 10635 } 10636 10637 .how-work__title { 10638 font-size: 40px; 10639 line-height: calc(48 / 40); 10640 } 10641 10642 .how-work__description { 10643 margin-top: 16px; 10644 font-size: 16px; 10645 line-height: calc(24 / 16); 10646 } 10647 10648 .how-work__body { 10649 margin-top: 40px; 10650 grid-template-columns: repeat(4, 1fr); 10651 grid-template-rows: 138px; 10652 gap: 16px; 10653 } 10654} 10655 10656@media (min-width: 1200px) { 10657 .how-work__body { 10658 grid-template-rows: 176px; 10659 } 10660} 10661 10662.dark-mode .how-work__header { 10663 background-color: transparent; 10664} 10665 10666.dark-mode .how-work__title, 10667.dark-mode .how-work__description { 10668 color: #fff; 10669} 10670 10671/* end .how-work */ 10672 10673/* ctrl-article-preview */ 10674.ctrl-article-preview { 10675 position: relative; 10676 background-color: #fff; 10677 border-radius: 12px; 10678 overflow: hidden; 10679 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--shadow-opacity, 0)); 10680 transition-property: box-shadow; 10681 transition-timing-function: ease-in-out; 10682 transition-duration: .125s; 10683} 10684.ctrl-article-preview__image { 10685 display: block; 10686 width: 100%; 10687 max-width: 100%; 10688 height: auto; 10689 aspect-ratio: 295 / 180; 10690} 10691 10692.ctrl-article-preview__info { 10693 padding: 8px 8px 10px; 10694} 10695 10696.ctrl-article-preview__name { 10697 font-weight: 600; 10698 font-size: 12px; 10699 line-height: calc(18 / 12); 10700 letter-spacing: .005em; 10701 color: #181D20; 10702 display: -webkit-box; 10703 -webkit-line-clamp: 2; 10704 -webkit-box-orient: vertical; 10705 overflow: hidden; 10706} 10707 10708.ctrl-article-preview__date { 10709 display: block; 10710 margin-top: 2px; 10711 font-size: 10px; 10712 line-height: calc(16 / 10); 10713 letter-spacing: .005em; 10714 color: #707375; 10715} 10716 10717.ctrl-article-preview__link { 10718 position: absolute; 10719 top: 0; 10720 left: 0; 10721 width: 100%; 10722 height: 100%; 10723 opacity: 0; 10724} 10725 10726.ctrl-article-preview:hover { 10727 --shadow-opacity: .05; 10728} 10729 10730@media (min-width: 991px) { 10731 .ctrl-article-preview__info { 10732 padding: 10px 10px 16px; 10733 } 10734 10735 .ctrl-article-preview__name { 10736 font-size: 16px; 10737 line-height: calc(24 / 16); 10738 } 10739 10740 .ctrl-article-preview__date { 10741 margin-top: 5px; 10742 font-size: 14px; 10743 line-height: calc(20 / 14); 10744 } 10745} 10746 10747.dark-mode .ctrl-article-preview { 10748 background-color: #1F2A33; 10749} 10750 10751.dark-mode .ctrl-article-preview__name, 10752.dark-mode .ctrl-article-preview__date { 10753 color: #fff; 10754} 10755/* end ctrl-article-preview */ 10756 10757/* article-examples */ 10758.article-examples { 10759 padding-top: 56px; 10760 padding-bottom: 56px; 10761 border-radius: 32px; 10762 background-color: #EFF7FD; 10763} 10764 10765.article-examples__header { 10766 text-align: center; 10767 padding-top: 0; 10768 padding-bottom: 0; 10769 background-color: transparent; 10770} 10771 10772.article-examples__title { 10773 font-weight: 700; 10774 font-size: 24px; 10775 line-height: calc(32 / 24); 10776 color: #181D20; 10777} 10778 10779.article-examples__description { 10780 margin-top: 8px; 10781 font-size: 12px; 10782 line-height: calc(18 / 12); 10783 letter-spacing: .005em; 10784 color: #707375; 10785} 10786 10787.article-examples__body { 10788 margin-top: 24px; 10789 display: grid; 10790 grid-template-columns: repeat(2, 1fr); 10791 gap: 9px; 10792} 10793 10794.article-examples__footer { 10795 width: 250px; 10796 margin-top: 24px; 10797 margin-right: auto; 10798 margin-left: auto; 10799 padding-top: 0; 10800 background-color: transparent; 10801 text-align: center; 10802 font-size: 14px; 10803 line-height: calc(20 / 14); 10804} 10805 10806.article-examples__footer a { 10807 text-decoration-line: underline; 10808 color: #181D20; 10809} 10810 10811@media (min-width: 991px) { 10812 10813 .article-examples { 10814 padding-top: 80px; 10815 padding-bottom: 80px; 10816 } 10817 10818 .article-examples__title { 10819 font-size: 40px; 10820 line-height: calc(48 / 40); 10821 } 10822 10823 .article-examples__description { 10824 margin-top: 16px; 10825 font-size: 16px; 10826 line-height: calc(24 / 16); 10827 } 10828 10829 .article-examples__body { 10830 margin-top: 40px; 10831 grid-template-columns: repeat(4, 1fr); 10832 gap: 16px; 10833 } 10834 10835 .article-examples__footer { 10836 width: auto; 10837 background-color: transparent; 10838 text-align: center; 10839 font-size: 16px; 10840 line-height: calc(24 / 16); 10841 } 10842} 10843 10844.dark-mode .article-examples { 10845 background-color: #273744; 10846} 10847 10848.dark-mode .article-examples__title, 10849.dark-mode .article-examples__description, 10850.dark-mode .article-examples__footer a { 10851 color: #fff; 10852} 10853 10854.dark-mode .article-examples__header, 10855.dark-mode .article-examples__footer { 10856 background-color: transparent; 10857} 10858/* end article-examples */ 10859 10860/* .wall */ 10861.wall { 10862 padding-top: 64px; 10863 padding-bottom: 100px; 10864 text-align: center; 10865 background-image: url(/v3/img/bg-elements/bg-elements-1.svg); 10866 background-position: 50% 0; 10867 background-repeat: no-repeat; 10868 background-size: 400px auto; 10869} 10870 10871.wall__title { 10872 width: 190px; 10873 margin-right: auto; 10874 margin-left: auto; 10875 font-weight: 700; 10876 font-size: 34px; 10877 line-height: calc(46 / 34); 10878 color: #181D20; 10879} 10880 10881.wall__description { 10882 width: 260px; 10883 margin-right: auto; 10884 margin-left: auto; 10885 margin-top: 8px; 10886 font-size: 12px; 10887 line-height: calc(18 / 12); 10888 text-align: center; 10889 color: #707375; 10890} 10891 10892.wall__actions { 10893 margin-top: 24px; 10894} 10895 10896.wall__actions-video { 10897 margin-top: 8px; 10898} 10899 10900.wall__button-video { 10901 display: inline-flex; 10902 align-items: center; 10903 justify-content: center; 10904 padding: 0; 10905 border-width: 0; 10906 font-size: 12px; 10907 line-height: calc(18 / 12); 10908 letter-spacing: .005em; 10909 color: #181D20; 10910 background-color: transparent; 10911} 10912 10913.wall__button-video-icon { 10914 width: 24px; 10915 height: 24px; 10916 padding: 6px; 10917 margin-right: 8px; 10918 border-radius: 50%; 10919 fill: #1A8FE3; 10920 background-color: #fff; 10921} 10922 10923@media (min-width: 991px) { 10924 .wall { 10925 padding-top: 80px; 10926 padding-bottom: 154px; 10927 background-image: url(/v3/img/bg-elements/bg-elements-2.svg); 10928 background-size: 1440px auto; 10929 } 10930 10931 .wall__title { 10932 width: auto; 10933 font-size: 56px; 10934 line-height: calc(68 / 56); 10935 } 10936 10937 .wall__description { 10938 margin-top: 24px; 10939 width: 460px; 10940 font-size: 18px; 10941 line-height: calc(26 / 18); 10942 } 10943 10944 .wall__actions { 10945 margin-top: 40px; 10946 } 10947 10948 .wall__actions-video { 10949 margin-top: 16px; 10950 } 10951 10952 .wall__button-video { 10953 font-size: 16px; 10954 line-height: calc(24 / 16); 10955 } 10956 10957 .wall__button-video-icon { 10958 width: 32px; 10959 height: 32px; 10960 padding: 8px; 10961 margin-right: 12px; 10962 } 10963} 10964 10965.dark-mode .wall__title, 10966.dark-mode .wall__description, 10967.dark-mode .wall__button-video{ 10968 color: #fff; 10969} 10970/* end .wall */ 10971 10972/* modal-article-preview */ 10973.modal-article-preview {} 10974.modal-article-preview .modal-content { 10975 border-width: 0; 10976 border-radius: 8px; 10977 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 10978} 10979 10980.modal-article-preview .modal-header { 10981 padding: 16px; 10982 border-bottom-width: 0; 10983} 10984 10985.modal-article-preview .modal-title { 10986 font-weight: 700; 10987 font-size: 18px; 10988 line-height: calc(26 / 18); 10989 color: #181D20; 10990} 10991 10992.modal-article-preview .modal-body { 10993 padding: 0 16px 16px 16px; 10994} 10995 10996@media (min-width: 991px) {
10997 .modal-article-preview .modal-dialog { 10998 max-width: 960px; 10999 } 11000 .modal-article-preview .modal-header { 11001 padding: 24px; 11002 } 11003 .modal-article-preview .modal-body { 11004 padding-right: 24px; 11005 padding-bottom: 24px; 11006 padding-left: 24px; 11007 } 11008} 11009 11010.dark-mode .modal-article-preview .modal-title { 11011 color: #fff; 11012} 11013/* end modal-article-preview */ 11014 11015/* modal-article */ 11016.modal-article { 11017 padding: 16px; 11018 border-width: 1px; 11019 border-style: solid; 11020 border-color: #E3E3E4; 11021 border-radius: 8px; 11022} 11023 11024.modal-article__header { 11025 padding-top: 0; 11026 padding-bottom: 0; 11027 background-color: transparent; 11028} 11029 11030.modal-article__title { 11031 font-weight: 700; 11032 font-size: 16px; 11033 line-height: calc(24 / 16); 11034 color: #181D20; 11035} 11036 11037.modal-article__date { 11038 margin-top: 4px; 11039 font-size: 12px; 11040 line-height: calc(18 / 12); 11041 letter-spacing: .005em; 11042 color: #707375; 11043} 11044 11045.modal-article__image { 11046 display: block; 11047 width: 100%; 11048 height: 250px; 11049 margin-top: 16px; 11050 border-radius: 8px; 11051 object-fit: cover; 11052 object-position: center; 11053} 11054 11055.modal-article__body { 11056 margin-top: 16px; 11057 color: #181D20; 11058} 11059 11060.modal-article__body > * { 11061 margin-top: 10px; 11062 margin-bottom: 10px; 11063} 11064 11065.modal-article__body > p, 11066.modal-article__body > h2 { 11067 font-size: 12px; 11068 line-height: calc(24 / 12); 11069 letter-spacing: .005em; 11070} 11071 11072.modal-article__body > h2 { 11073 font-weight: 700; 11074 margin-top: 16px; 11075 margin-bottom: 0; 11076} 11077 11078.modal-article__body > h2 + p { 11079 margin-top: 0; 11080} 11081 11082.modal-article__body > *:first-child { 11083 margin-top: 0; 11084} 11085 11086.modal-article__body > *:last-child { 11087 margin-bottom: 0; 11088} 11089 11090@media (min-width: 991px) { 11091 .modal-article { 11092 padding: 24px; 11093 } 11094 11095 .modal-article__title { 11096 font-size: 20px; 11097 line-height: calc(28 / 20); 11098 } 11099 11100 .modal-article__date { 11101 font-size: 14px; 11102 line-height: calc(20 / 14); 11103 } 11104 11105 .modal-article__image { 11106 height: 540px; 11107 margin-top: 24px; 11108 border-radius: 12px; 11109 } 11110 11111 .modal-article__body { 11112 margin-top: 24px; 11113 } 11114 11115 .modal-article__body > * { 11116 margin-top: 20px; 11117 margin-bottom: 20px; 11118 } 11119 11120 .modal-article__body > p, 11121 .modal-article__body > h2 { 11122 font-size: 14px; 11123 line-height: calc(26 / 14); 11124 } 11125 11126 .modal-article__body > h2 { 11127 margin-top: 24px; 11128 } 11129} 11130 11131.dark-mode .modal-article { 11132 border-color: #1F2A33; 11133} 11134.dark-mode .modal-article__title, 11135.dark-mode .modal-article__date, 11136.dark-mode .modal-article__body { 11137 color: #fff; 11138} 11139/* end modal-article */ 11140 11141.expand_menu.position-absolute { 11142 top: 100%; 11143 padding-top: 12px; 11144} 11145 11146.expand_menu { 11147 left: 0; 11148 top: 76px; 11149 padding: 0; 11150 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05) 11151} 11152 11153.expand_menu-box .category-tools__item h4, 11154.expand_menu-box .category-tools__item a { 11155 margin-left: 0; 11156} 11157 11158.expand_menu-box { 11159 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 11160 border-radius: 12px; 11161 padding: 0; 11162} 11163 11164.expand_menu-tools--text { 11165 padding-bottom: 8px; 11166 border-bottom: 1px solid #E3E3E4; 11167} 11168 11169.expand_menu--text .expand_menu-box h4, 11170.expand_menu--text .expand_menu-box a { 11171 margin-left: 0; 11172} 11173 11174.expand_menu--text .category-tools { 11175 padding-right: 0; 11176} 11177 11178.expand_menu--text .expand_menu-box .col-6 { 11179 /* padding-left: 28px; */ 11180 width: 225px; 11181} 11182 11183.category-tools__other { 11184 margin-top: 16px; 11185} 11186 11187.menu2 a.category-tools__item--small { 11188 display: flex; 11189} 11190 11191.category-tools__item--small .icon_box { 11192 border-radius: 4px; 11193 width: 40px; 11194 height: 40px; 11195} 11196 11197.menu2 .category-tools__item--small h4 { 11198 font-weight: 500; 11199 font-size: 14px; 11200} 11201 11202.expand_menu-tools--text .category-tools__item { 11203 width: 295px; 11204 margin: 2px 10px; 11205} 11206 11207.expand_menu .mega_menu li a { 11208 font-weight: 500; 11209 line-height: 1.5; 11210 color: #181D20; 11211 padding-top: 8px; 11212 padding-bottom: 8px; 11213 align-items: center; 11214} 11215 11216.expand_menu .mega_menu li .expand_menu__link-all { 11217 color: #1A8FE3; 11218} 11219 11220.category-menu>.row>.col-6 { 11221 padding-left: 8px; 11222} 11223 11224 11225/* .expand_menu-box .col-6 { 11226 padding-left: 16px; 11227 padding-right: 0; 11228} */ 11229 11230.expand_menu--text .expand_menu-more-text { 11231 padding-left: 0; 11232} 11233 11234.expand_menu-more-text .row .col-12 { 11235 margin-left: 40px; 11236 margin-right: 20px; 11237 padding: 0; 11238} 11239 11240.expand_menu-tools--text.col-12 { 11241 padding: 0 0 8px; 11242 margin-left: 20px; 11243} 11244 11245.expand_menu--image:before, 11246.expand_menu--text:before { 11247 content: ''; 11248 background: transparent; 11249 position: absolute; 11250 width: 100%; 11251 height: 30px; 11252 bottom: 100%; 11253 display: block; 11254} 11255 11256.expand_menu--pdf { 11257 width: 581px; 11258} 11259 11260.expand_menu--tools { 11261 width: 676px; 11262} 11263 11264.menu2 li .expand_menu--tools .category-tools__item { 11265 width: 322px; 11266 margin-top: 0; 11267} 11268 11269.expand_menu-tools { 11270 margin-right: 0; 11271 margin-bottom: 0; 11272} 11273 11274.category-tools__content { 11275 margin-left: 10px; 11276} 11277 11278.category-menu { 11279 border-left: 1px solid #E3E3E4; 11280 padding-right: 16px; 11281} 11282 11283.expand_menu-box .category-tools, 11284.expand_menu-box .category-menu { 11285 padding-top: 16px; 11286 padding-bottom: 16px; 11287} 11288 11289.expand_menu-box h4, 11290.expand_menu-box a { 11291 margin-left: 8px; 11292} 11293 11294.expand_menu-box .category-menu .row { 11295 margin: 0; 11296} 11297 11298.expand_menu-name-categiry { 11299 font-weight: 600; 11300 font-size: 12px; 11301 color: #828586; 11302 padding-left: 8px; 11303 margin-bottom: 8px; 11304} 11305 11306.category-tools__descr { 11307 font-weight: 400; 11308 font-size: 12px; 11309 margin-top: 2px; 11310 color: #FFFFFF; 11311} 11312 11313.category-tools__other li a { 11314 width: 295px; 11315} 11316 11317.main-item h4 { 11318 color: #FFFFFF; 11319 font-weight: 600; 11320 font-size: 20px; 11321 line-height: 1.5; 11322 margin-left: 0; 11323} 11324 11325.category-tools__item h4 { 11326 font-weight: 600; 11327 font-size: 16px; 11328 line-height: 1.5; 11329 color: #181D20; 11330 white-space: nowrap; 11331} 11332 11333.expand_menu--tools .category-tools { 11334 padding: 16px 8px; 11335} 11336 11337.expand_menu--text .expand_menu-name-categiry { 11338 padding-left: 0; 11339} 11340 11341.main-item--arrow { 11342 position: relative; 11343} 11344
11345.main-item--arrow svg { 11346 position: absolute; 11347 right: 16px; 11348 bottom: 30px; 11349} 11350 11351.index .title { 11352 line-height: 1.25; 11353 padding: 0; 11354} 11355 11356.index .descr { 11357 margin-top: 24px; 11358 font-size: 16px; 11359} 11360 11361.index-actions { 11362 margin-top: 40px; 11363} 11364 11365.index-btn { 11366 font-size: 14px; 11367 line-height: 20px; 11368 font-weight: 600; 11369 padding: 16px 24px; 11370 border-radius: 10px; 11371} 11372 11373.js-tools-slider { 11374 position: relative; 11375 display: flex; 11376} 11377 11378.tools__item { 11379 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 11380} 11381 11382.tools__item.color-violet .tools__content { 11383 background-color: #6F56EC; 11384 color: #ffffff; 11385} 11386 11387.tools__item.color-violet .tools__footer>div { 11388 background-color: #EFEDFD; 11389} 11390 11391.tools__item.color-violet .tools__circle, 11392.tools__item.color-violet .tools__tag { 11393 background-color: #9d8cf2; 11394} 11395 11396.color-orange { 11397 color: #F66213; 11398} 11399 11400.tools__item.color-orange .tools__content { 11401 background-color: #F66213; 11402 color: #ffffff; 11403} 11404 11405.tools__item.color-orange .tools__footer>div { 11406 background-color: #FEF2EB; 11407} 11408 11409.tools__item.color-orange .tools__circle, 11410.tools__item.color-orange .tools__tag { 11411 background-color: #f8935f; 11412} 11413 11414.color-purple { 11415 color: #D61C4E; 11416} 11417 11418.tools__item.color-purple .tools__content { 11419 background-color: #D61C4E; 11420 color: #ffffff; 11421} 11422 11423.tools__item.color-purple .tools__footer>div { 11424 background-color: #FDEDF1; 11425} 11426 11427.tools__item.color-purple .tools__circle, 11428.tools__item.color-purple .tools__tag { 11429 background-color: #e36587; 11430} 11431 11432.color-blue { 11433 color: #1C67CA; 11434} 11435 11436.tools__item.color-blue .tools__content { 11437 background-color: #1C67CA; 11438 color: #ffffff; 11439} 11440 11441.tools__item.color-blue .tools__footer>div { 11442 background-color: #EDF4FD; 11443} 11444 11445.tools__item.color-blue .tools__circle, 11446.tools__item.color-blue .tools__tag { 11447 background-color: #6598db; 11448} 11449 11450.color-green { 11451 color: #247881; 11452} 11453 11454.tools__item.color-green .tools__content { 11455 background-color: #247881; 11456 color: #ffffff; 11457} 11458 11459.tools__item.color-green .tools__footer>div { 11460 background-color: #EFF9FB; 11461} 11462 11463.tools__item.color-green .tools__circle, 11464.tools__item.color-green .tools__tag { 11465 background-color: #6aa3aa; 11466} 11467 11468.mt_196 { 11469 margin-top: 196px; 11470} 11471 11472.mt_16 { 11473 margin-top: 16px; 11474} 11475 11476.elect { 11477 position: absolute; 11478 right: 12px; 11479 top: 12px; 11480 cursor: pointer; 11481 color: #E3E3E4; 11482 background-color: #F6F6F6; 11483 border-radius: 50%; 11484} 11485 11486.elect.is-active { 11487 color: #D61C4E; 11488} 11489 11490 11491/* details-popup */ 11492 11493.details-popup.modal.show {} 11494 11495.details-popup p { 11496 font-size: 14px; 11497 line-height: 1.5; 11498 color: #525658; 11499} 11500 11501.details-popup__descr { 11502 padding-left: 20px; 11503 padding-right: 0; 11504} 11505 11506.details-popup__content { 11507 padding: 24px; 11508} 11509 11510.details-popup .container { 11511 background-color: #fff; 11512 border-radius: 12px; 11513 /* top: 50%; 11514 left: 50%; 11515 margin-right: -50%; 11516 transform: translate(-50%, -50%); */ 11517} 11518 11519.details-popup .modal-dialog { 11520 max-width: 1240px; 11521} 11522 11523.details-popup.modal.show { 11524 padding: 0 24px !important; 11525} 11526 11527.details-popup .container .row { 11528 margin-right: 0; 11529 margin-left: 0; 11530} 11531 11532.details-popup__title { 11533 font-weight: 700; 11534 font-size: 24px; 11535 color: #181D20; 11536} 11537 11538.details-popup__img { 11539 width: 100%; 11540 border-radius: 12px; 11541 margin-right: 20px; 11542} 11543 11544.details-popup_close { 11545 position: absolute; 11546 width: 24px; 11547 height: 24px; 11548 top: 29px; 11549 right: 24px; 11550} 11551 11552.details-popup .line { 11553 margin-top: 10px; 11554 margin-bottom: 10px; 11555} 11556 11557.details-popup .btn-action { 11558 margin-top: 10px; 11559} 11560 11561.qr { 11562 margin-top: 10px; 11563 max-width: 295px; 11564 width: 100%; 11565 max-height: 295px; 11566} 11567 11568.qr img { 11569 width: 100%; 11570} 11571 11572.details-popup__more { 11573 margin: 6px -4px -4px -4px; 11574} 11575 11576.details-popup__more-img { 11577 margin: 4px; 11578 width: calc(100% / 8 - 8px); 11579 height: auto; 11580 cursor: pointer; 11581} 11582 11583.details-popup__more-img img { 11584 border: 1px solid #E3E3E4; 11585 border-radius: 8px; 11586 width: 100%; 11587} 11588 11589.details-popup__more-img.is-active img { 11590 border-color: #1A8FE3; 11591} 11592 11593.btn-action--color { 11594 color: #1A8FE3; 11595 border-color: #1A8FE3; 11596} 11597 11598.details-popup--catalog .qr { 11599 width: 247px; 11600 height: auto; 11601} 11602 11603.details-popup--catalog .btn-action { 11604 padding: 12px; 11605} 11606 11607.banner-wrapper { 11608 background-color: var(--theme-color); 11609 color: #FFFFFF; 11610 padding-top: 10px; 11611 padding-bottom: 10px; 11612 letter-spacing: 0; 11613} 11614 11615.banner-wrapper a { 11616 color: #ffffff; 11617 text-decoration: underline; 11618 font-weight: 600; 11619 white-space: nowrap; 11620} 11621 11622.banner-border-link { 11623 display: inline-flex; 11624 font-size: 10px; 11625 padding: 6px 10px; 11626 border: 1px solid #FFFFFF; 11627 border-radius: 99px; 11628 line-height: 1.6; 11629 background-color: transparent; 11630 vertical-align: baseline; 11631} 11632 11633a.banner-border-link, 11634button.banner-border-link { 11635 text-decoration: none; 11636 margin-left: 16px; 11637 letter-spacing: 0.005em; 11638} 11639 11640 11641/* switch */ 11642 11643.switch-mode-tool--green { 11644 border: none; 11645 justify-content: center; 11646} 11647 11648.switch-mode-tool--green { 11649 margin-top: 14px; 11650 margin-bottom: 50px; 11651} 11652 11653.switch-mode-tool--green .form-check-input { 11654 width: 64px; 11655 height: 34px; 11656 background-color: #1CAB48; 11657 margin-left: 10px; 11658 margin-right: 10px; 11659} 11660 11661.switch-mode-tool--green .form-check-input:checked { 11662 background-color: #1CAB48; 11663} 11664 11665.switch-mode-tool--green .switch-name { 11666 font-weight: 400; 11667 font-size: 16px; 11668 color: #707375; 11669 white-space: nowrap; 11670} 11671 11672.switch-mode-tool--green .switch-name.is-selected { 11673 color: #181D20; 11674 font-weight: 500; 11675} 11676 11677.switch-mode-tool--green .switch-name>span { 11678 font-weight: 500; 11679 font-size: 12px; 11680 background: #FBE8E9; 11681 border-radius: 99px; 11682 color: #E2464C; 11683 padding: 3px 5px; 11684 margin-left: 5px; 11685} 11686 11687.switch-mode-tool--green .form-switch { 11688 display: flex; 11689 align-items: center; 11690 padding: 0; 11691} 11692 11693.switch-name--first { 11694 order: -1; 11695} 11696 11697.switch-mode-tool--green .form-check-input::after { 11698 width: 26px;
11699 height: 26px; 11700 left: 4px; 11701 top: 4px; 11702} 11703 11704@media (min-width: 1200px) { 11705 .index .container { 11706 max-width: 1288px; 11707 } 11708 .support-area__image-box img { 11709 width: 100%; 11710 } 11711 .catalog-box>div { 11712 padding: 10px !important; 11713 } 11714 .row.catalog-box { 11715 margin: 30px -10px -10px -10px; 11716 } 11717 .check-tools { 11718 padding-top: 150px; 11719 padding-bottom: 150px; 11720 } 11721 .container-tools { 11722 max-width: 1288px; 11723 width: 100%; 11724 padding-right: 48px; 11725 padding-left: 48px; 11726 margin-right: auto; 11727 margin-left: auto; 11728 } 11729 .row-tools { 11730 display: flex; 11731 flex-wrap: wrap; 11732 margin-right: -24px; 11733 margin-left: -24px; 11734 } 11735} 11736 11737@media (max-width: 1199px) { 11738 .animate-text { 11739 top: 22px; 11740 } 11741} 11742 11743@media (max-width: 767px) { 11744 .filter-container { 11745 margin-right: 24px; 11746 overflow-x: scroll; 11747 -ms-overflow-style: none; 11748 scrollbar-width: none; 11749 height: 61px; 11750 border-radius: 99px; 11751 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 11752 } 11753 .filter-container::-webkit-scrollbar {
11754 display: none; 11755 } 11756 .statistic { 11757 padding: 16px; 11758 } 11759 .statistic__num { 11760 font-size: 24px; 11761 margin: 0; 11762 } 11763 .statistic__item:last-child { 11764 order: 1; 11765 } 11766 .statistic__item:first-child { 11767 order: 1; 11768 } 11769 .statistic__text { 11770 font-size: 10px; 11771 margin-top: 2px; 11772 line-height: 1.5; 11773 } 11774 .statistic__item { 11775 flex-direction: column; 11776 align-items: flex-start; 11777 } 11778 .statistic__item:not(:last-of-type)::after { 11779 content: none; 11780 } 11781 .d-4 { 11782 display: none; 11783 } 11784 .tools::before, 11785 .tools::after { 11786 content: none; 11787 } 11788 .details-popup__more { 11789 margin: 5px -4.5px -3px -4.5px; 11790 } 11791 .details-popup__more-img { 11792 margin: 3px 4.5px; 11793 width: calc(100% / 6 - 9px); 11794 height: auto; 11795 } 11796 .tags-box--tools { 11797 display: none; 11798 } 11799} 11800 11801.home_area--pdf { 11802 padding-top: 120px; 11803 padding-bottom: 40px; 11804} 11805 11806.tools_area--pdf { 11807 background-color: #ffffff; 11808} 11809 11810.tools_area--pdf { 11811 padding-top: 10px; 11812} 11813 11814.page_shadow--index { 11815 z-index: 0; 11816} 11817 11818@media (max-width: 992px) { 11819 body.index { 11820 line-height: 1.5; 11821 } 11822 .mt_32 { 11823 margin-top: 16px; 11824 } 11825 .mt_40 { 11826 margin-top: 24px; 11827 } 11828 .m-mt_8 { 11829 margin-top: 8px; 11830 } 11831 .index .descr { 11832 margin-top: 8px; 11833 font-size: 12px; 11834 line-height: 1.5; 11835 } 11836 .index .container { 11837 padding-left: 24px; 11838 padding-right: 24px; 11839 } 11840 .index .row { 11841 margin-left: -24px; 11842 margin-right: -24px; 11843 } 11844 .index-actions { 11845 margin-top: 24px; 11846 } 11847 .index-btn { 11848 font-size: 12px; 11849 line-height: 18px; 11850 padding: 12px 20px !important; 11851 } 11852 .support-area { 11853 padding-top: 40px; 11854 padding-bottom: 40px; 11855 } 11856 .support-area__content .title { 11857 width: 100%; 11858 } 11859 .animate-text { 11860 width: 190px; 11861 height: 38px; 11862 top: 8px; 11863 } 11864 .animate-text__item { 11865 height: 36px; 11866 } 11867 .statistic__num { 11868 font-size: 30px; 11869 } 11870 .statistic__text { 11871 font-size: 12px; 11872 } 11873 .d-4 { 11874 width: 9px; 11875 } 11876 .home_area--first .home_content::after { 11877 background-image: url('/v3/img/decorate/d-6.svg'); 11878 width: 25px; 11879 height: 330px; 11880 left: -15px; 11881 top: -25px; 11882 } 11883 .home_area--first .home_content::before { 11884 background-image: url('/v3/img/decorate/d-7.svg'); 11885 top: -9px; 11886 right: -90px; 11887 } 11888 .present { 11889 padding-top: 100px; 11890 } 11891 .present-card { 11892 padding: 10px 10px 16px 10px; 11893 min-width: 255px; 11894 max-width: 255px; 11895 margin-left: 8px; 11896 margin-right: 8px; 11897 } 11898 .present-card__bg { 11899 height: 161px; 11900 } 11901 .present-card__bg img { 11902 width: 269px; 11903 height: 169px; 11904 } 11905 .present-card__name { 11906 margin-top: 10px; 11907 font-size: 14px; 11908 } 11909 .present-card__descr { 11910 font-size: 10px; 11911 } 11912 .present-cart__actions { 11913 margin-top: 12px; 11914 } 11915 .present-cart__link { 11916 font-size: 12px; 11917 } 11918 .container-present .slick-list { 11919 height: 382px; 11920 } 11921 .container-present .slick-track { 11922 margin-left: -8px; 11923 margin-right: -8px; 11924 } 11925 .container-present { 11926 margin-left: calc((100vw - 690px) / 2); 11927 } 11928 .menu2 li a .ai-all__image { 11929 width: 156px; 11930 height: 118px; 11931 top: 10px; 11932 right: -14px; 11933 } 11934 .tags-box--tools { 11935 display: flex; 11936 flex-wrap: wrap; 11937 } 11938 .tags-box__wrapper { 11939 flex-wrap: wrap; 11940 } 11941 .tags-box--tools span { 11942 width: 100%; 11943 text-align: left; 11944 } 11945 .home_area--pdf { 11946 padding-top: 64px; 11947 } 11948 .tools_area--pdf { 11949 padding-top: 0; 11950 padding-bottom: 100px; 11951 } 11952} 11953 11954@media (max-width: 768px) { 11955 .popup-content { 11956 padding: 16px; 11957 } 11958 .popup-content h2 { 11959 font-size: 18px; 11960 } 11961 .popup-content__action { 11962 margin-top: 16px; 11963 } 11964 .popup-content .separator { 11965 margin-top: 16px; 11966 } 11967 .popup-content .separator__span { 11968 font-size: 12px; 11969 } 11970 .outline-wrap { 11971 padding: 12px; 11972 font-size: 12px; 11973 } 11974 .popup-content .btn-action { 11975 font-size: 12px; 11976 padding-top: 10px; 11977 padding-bottom: 10px; 11978 } 11979 .container-present { 11980 margin-left: calc((100vw - 509px) / 2); 11981 } 11982 .details-popup__content { 11983 padding: 16px; 11984 } 11985 .details-popup p { 11986 font-size: 12px; 11987 } 11988 .subname.mt_24 { 11989 margin-top: 16px; 11990 } 11991 .details-popup__actions { 11992 flex-direction: column; 11993 } 11994 .details-popup__actions .subname { 11995 margin-top: 10px; 11996 } 11997 .details-popup__actions .ml_10 { 11998 margin-left: 0; 11999 } 12000 .qr { 12001 margin-left: auto; 12002 margin-right: auto; 12003 } 12004 .banner-wrapper { 12005 font-size: 12px; 12006 } 12007 .banner-wrapper a { 12008 text-decoration: none; 12009 } 12010 a.banner-border-link, 12011 button.banner-border-link { 12012 font-size: 8px; 12013 margin-left: 3px; 12014 padding: 6px 8px 4px 8px; 12015 } 12016 .spinner-wrapper { 12017 padding: 16px; 12018 } 12019 #spinner .spinner-border { 12020 width: 3.4rem; 12021 height: 3.4rem; 12022 } 12023 .switch-mode-tool--green { 12024 margin-bottom: 0; 12025 } 12026 .switch-mode-tool--green .switch-name { 12027 font-size: 14px; 12028 } 12029 .switch-mode-tool--green .switch-name>span { 12030 font-size: 10px; 12031 } 12032 .switch-mode-tool--green .form-check-input { 12033 width: 44px; 12034 height: 24px; 12035 } 12036 .switch-mode-tool--green .form-check-input::after { 12037 width: 16px; 12038 height: 16px; 12039 } 12040} 12041 12042@media (max-width: 575px) { 12043 .container-present { 12044 margin-left: 24px; 12045 padding: 0; 12046 } 12047 .animate-text { 12048 width: 145px; 12049 height: 30px; 12050 top: 8px; 12051 } 12052 .animate-text__item { 12053 height: 30px; 12054 } 12055} 12056 12057@media (max-width: 1400px) { 12058 .statistic__item:not(:last-of-type)::after { 12059 padding-left: 30px; 12060 } 12061 .tools { 12062 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 12063 position: relative; 12064 } 12065 .container-present { 12066 box-shadow: 3em 0 8.4em #eaeaea; 12067 } 12068} 12069 12070@media (min-width: 1400px) { 12071 .js-tools-slider { 12072 display: flex; 12073 margin-left: -10px; 12074 margin-right: -10px; 12075 } 12076 .tools__item { 12077 margin-left: 10px; 12078 margin-right: 10px; 12079 } 12080} 12081 12082button.btn-download { 12083 background-color: #fff; 12084 color: #181D20; 12085} 12086 12087 12088/* summarizer */ 12089 12090.summarizer { 12091 margin-top: 56px;
12092 max-width: 996px; 12093 margin-left: auto; 12094 margin-right: auto; 12095} 12096 12097.summarizer--equal-columns .col-xl-4, 12098.summarizer--equal-columns .col-xl-8 { 12099 flex: 0 0 50%; 12100 max-width: 50%; 12101} 12102 12103.summarizer--equal-columns .summarizer_action-item { 12104 min-width: auto; 12105} 12106 12107.summarizer--equal-columns {} 12108 12109.summarizer_item { 12110 background: #FFFFFF; 12111 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 12112 border-radius: 12px; 12113 padding: 24px; 12114 height: 100%; 12115} 12116 12117.summarizer .title { 12118 font-weight: 600; 12119 font-size: 24px; 12120 padding-top: 0; 12121} 12122 12123.summarizer_item p { 12124 font-size: 14px; 12125 color: #707375; 12126} 12127 12128.summarizer_item .form-group { 12129 margin-top: 16px; 12130 margin-bottom: 24px; 12131} 12132 12133.summarizer_item label { 12134 font-size: 14px; 12135 margin-bottom: 8px; 12136 color: #181D20; 12137} 12138 12139.summarizer_item label span { 12140 color: #A7A9AA; 12141 white-space: nowrap; 12142} 12143 12144.summarizer_item .form-group+.form-group { 12145 margin-top: 16px; 12146} 12147 12148.summarizer_item .form-control { 12149 resize: none; 12150 border: 1px solid #E3E3E4; 12151 border-radius: 8px; 12152 padding: 16px; 12153} 12154 12155.summarizer_action { 12156 display: flex; 12157 justify-content: space-between; 12158} 12159 12160.summarizer_action-item { 12161 position: relative; 12162 flex-grow: 1; 12163 min-width: 256px; 12164} 12165 12166.summarizer_action-item--rate { 12167 display: flex; 12168 justify-content: center; 12169 align-items: center; 12170 padding: 11px 17px; 12171 border: 1px solid #707375; 12172 border-radius: 8px; 12173 cursor: pointer; 12174 margin-left: 16px; 12175 color: #707375; 12176 transition: .2s; 12177 font-weight: 500; 12178 font-size: 14px; 12179} 12180 12181.summarizer_action-item--rate.is-like { 12182 background-color: #E3F4E9; 12183 border-color: #E3F4E9; 12184} 12185 12186.summarizer_action-item--rate.is-like .like { 12187 color: #1CAB48; 12188} 12189 12190.summarizer_action-item--rate.is-dislike .dislike { 12191 color: #E2464C; 12192} 12193 12194.summarizer_action-item--rate.is-dislike { 12195 background-color: #FBE8E9; 12196 border-color: #FBE8E9; 12197} 12198 12199.summarizer_action-item--rate.liked { 12200 border-color: #1CAB48; 12201 background-color: #E3F4E9; 12202} 12203 12204.summarizer_action-item--rate.liked p { 12205 color: #1CAB48; 12206} 12207 12208.summarizer_action-item--rate .like-click { 12209 display: none; 12210} 12211 12212.summarizer_action-item--rate.liked .like-click { 12213 display: block; 12214} 12215 12216.summarizer_action-item--rate.disliked { 12217 border-color: #E2464C; 12218 background-color: #FBE8E9; 12219} 12220 12221.summarizer_action-item--rate.disliked p { 12222 color: #E2464C; 12223} 12224 12225.summarizer_action-item--rate .dislike-click { 12226 display: none; 12227} 12228 12229.summarizer_action-item--rate.disliked .dislike-click { 12230 display: block; 12231} 12232 12233.summarizer_item-header { 12234 display: flex; 12235 justify-content: space-between; 12236} 12237 12238.summarizer_form-box { 12239 padding-left: 4px; 12240 padding-right: 4px; 12241 margin-left: -4px; 12242 overflow-y: auto; 12243 overflow-x: hidden; 12244} 12245 12246.summarizer--one .summarizer_item .title, 12247.summarizer--one .summarizer_item p { 12248 text-align: center; 12249} 12250 12251.summarizer--one .summarizer_action { 12252 justify-content: center; 12253} 12254 12255.summarizer--one .summarizer_action .button { 12256 width: 240px; 12257 flex-grow: 0; 12258} 12259 12260.summarizer--agreement .summarizer_item .form-group { 12261 margin-top: 0; 12262 margin-bottom: 1rem; 12263} 12264 12265.summarizer--agreement .summarizer_item > p { 12266 margin-bottom: 24px; 12267} 12268 12269.summarizer--equal-columns.summarizer--agreement .custom-form_agreement [class*="col-"] { 12270 flex-basis: 100%; 12271 max-width: 100%; 12272} 12273 12274.rate-options { 12275 display: flex; 12276} 12277 12278.history-popup { 12279 padding: 24px 12px 24px 24px; 12280 background: #FFFFFF; 12281 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12282 border-radius: 12px; 12283} 12284 12285.history-popup__title { 12286 font-weight: 700; 12287 font-size: 24px; 12288 color: #000000; 12289} 12290 12291.history-popup_close { 12292 position: absolute; 12293 display: inline-block; 12294 right: 24px; 12295 top: 28px; 12296} 12297 12298.history-dropdown { 12299 width: 100%; 12300} 12301 12302.history-dropdown .dropdown-toggle { 12303 width: 100%; 12304 padding: 16px 30px 16px 16px; 12305 border: 1px solid #E3E3E4; 12306 border-radius: 12px; 12307 background-color: #ffffff; 12308 font-weight: 500; 12309 font-size: 16px; 12310 line-height: 24px; 12311 text-align: left; 12312 color: #525658; 12313} 12314 12315.history-dropdown .dropdown-menu { 12316 width: 100%; 12317 padding: 4px; 12318 border-color: transparent; 12319 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12320 border-radius: 6px; 12321 max-height: 300px; 12322 background: #ffffff; 12323 overflow-y: auto; 12324} 12325 12326.history-dropdown .dropdown-item { 12327 font-weight: 500; 12328 font-size: 14px; 12329 line-height: 1.43; 12330 color: #525658; 12331 padding: 8px; 12332 border-radius: 6px; 12333} 12334 12335.history-dropdown .dropdown-item:hover { 12336 background: #F6F6F6; 12337} 12338 12339.history-summarizer_item { 12340 padding: 0; 12341 box-shadow: none; 12342} 12343 12344.history-summarizer_item h5 { 12345 font-size: 16px; 12346 font-weight: 600; 12347} 12348 12349.history__date { 12350 font-size: 12px; 12351} 12352 12353.history-summarizer_item .form-control { 12354 font-size: 12px; 12355 letter-spacing: 0.005em; 12356 color: #525658; 12357 padding: 12px; 12358} 12359 12360.history-summarizer_item .form-group { 12361 margin-top: 0; 12362 margin-bottom: 16px; 12363} 12364 12365.history-summarizer_item .is-disabled .form-control { 12366 background: #F6F6F6; 12367} 12368 12369.history-popup .dropdown-toggle::after { 12370 content: none; 12371} 12372 12373.history-popup .dropdown-toggle::before { 12374 content: ''; 12375 width: 7px; 12376 height: 7px; 12377 border-right: 1px solid #707375; 12378 border-bottom: 1px solid #707375; 12379 -webkit-transform: rotate(45deg); 12380 transform: rotate(45deg); 12381 position: absolute; 12382 right: 18px; 12383 top: 23px; 12384 margin-left: 7px; 12385 display: inline-block; 12386 vertical-align: middle; 12387} 12388 12389#modal_history .modal-dialog { 12390 max-width: 600px; 12391} 12392 12393.history-summarizer__content-wrapper { 12394 max-height: 845px; 12395 height: auto; 12396 overflow-y: auto; 12397 overflow-x: hidden; 12398 padding-right: 10px; 12399} 12400 12401.rate-btn button { 12402 background-color: transparent; 12403 border: none; 12404 padding: 0; 12405 width: 15px; 12406 height: 15px; 12407 color: #707375; 12408} 12409 12410.rate-btn button:not(:first-child) { 12411 margin-left: 6px; 12412} 12413 12414.popover { 12415 background-color: transparent; 12416 border: none; 12417} 12418 12419.bs-popover-auto[x-placement^=top]>.arrow::after, 12420.bs-popover-top>.arrow::after { 12421 border-top-color: #464a4d; 12422} 12423 12424.popover-body { 12425 background: #464a4d; 12426 border-radius: 8px; 12427 padding: 8px 16px; 12428 border: 1px solid #464a4d; 12429 font-weight: 500; 12430 font-size: 14px; 12431 line-height: 1.43; 12432 color: #FFFFFF; 12433} 12434 12435.popover { 12436 top: -5px !important; 12437} 12438 12439.summarizer_action-item .button { 12440 width: 100%; 12441 padding-left: 20px; 12442 padding-right: 20px; 12443} 12444 12445.summarizer_action .button { 12446 flex-grow: 1; 12447 font-size: 14px; 12448} 12449 12450.summarizer_action .dropdown { 12451 margin-left: 16px; 12452} 12453 12454.summarizer_action .dropdown-toggle::after { 12455 display: none; 12456} 12457 12458.summarizer_action .dropdown-menu { 12459 width: 100%; 12460} 12461 12462.summarizer_action .button-copy { 12463 margin-left: 16px; 12464 max-width: 48px; 12465 width: 48px; 12466 flex-shrink: 0; 12467 padding-top: 6px; 12468 padding-bottom: 6px; 12469 padding-left: 0; 12470 padding-right: 0; 12471} 12472 12473.summarizer_action .button-update { 12474 margin-left: 16px; 12475 max-width: 48px; 12476 width: 48px; 12477 flex-shrink: 0; 12478 padding-left: 0; 12479 padding-right: 0; 12480 padding-top: 6px; 12481 padding-bottom: 6px; 12482} 12483 12484.summarizer_action .button svg {
12485 width: 20px; 12486 height: 20px; 12487} 12488 12489.summarizer_item.is-disabled .form-control { 12490 background: #F6F6F6; 12491 pointer-events: none; 12492} 12493 12494.summarizer_item.is-disabled .button { 12495 pointer-events: none; 12496 background: #EFEFEF; 12497 color: #A7A9AA; 12498} 12499 12500.summarizer_item.is-disabled .button-outline { 12501 background: #fff; 12502 border-color: #E3E3E4; 12503} 12504 12505 12506/* .ideas */ 12507 12508.ideas { 12509 height: 409px; 12510 background: #F6F6F6; 12511 border: 1px solid #E3E3E4; 12512 border-radius: 8px; 12513 padding-top: 16px; 12514 padding-bottom: 16px; 12515 padding-left: 16px; 12516 padding-right: 8px; 12517 margin-top: 16px; 12518 margin-bottom: 24px; 12519} 12520 12521.ideas_box { 12522 height: 100%; 12523 overflow-y: auto; 12524 padding-right: 8px; 12525} 12526 12527.ideas_box::-webkit-scrollbar { 12528 width: 3px; 12529} 12530 12531.ideas_box::-webkit-scrollbar-track { 12532 background: transparent; 12533} 12534 12535.ideas_box::-webkit-scrollbar-thumb { 12536 background-color: #E3E3E4; 12537 border-radius: 20px; 12538 border: none; 12539} 12540 12541.ideas_item { 12542 position: relative; 12543 border-radius: 8px; 12544 background: #FFF; 12545 padding-left: 10px; 12546 padding-right: 50px; 12547 padding-top: 10px; 12548 padding-bottom: 10px; 12549 margin-top: 12px; 12550} 12551 12552.ideas_item:first-child { 12553 margin-top: 0; 12554} 12555 12556.ideas_name { 12557 font-weight: 500; 12558 font-size: 14px; 12559 color: #707375; 12560 text-overflow: ellipsis; 12561 width: 100%; 12562 overflow: hidden; 12563 white-space: nowrap; 12564 display: block; 12565} 12566 12567.ideas_item .button { 12568 padding: 10px; 12569 position: absolute; 12570 top: 0; 12571 right: 0; 12572 background: #fff; 12573 border: none; 12574 opacity: 0; 12575 visibility: hidden; 12576 transition: opacity .2s linear; 12577} 12578 12579.ideas_item:hover .button { 12580 opacity: 1; 12581 visibility: visible; 12582} 12583 12584.ideas_item .button svg { 12585 width: 20px; 12586 height: 20px; 12587} 12588 12589.ideas_item+.ideas_placeholder { 12590 display: none; 12591} 12592 12593.ideas_placeholder { 12594 color: #A7A9AA; 12595 font-size: 14px; 12596} 12597 12598.recommendation { 12599 padding-bottom: 66px; 12600} 12601 12602.recommendation .tools_box { 12603 padding: 16px 12px 18px 16px; 12604 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 12605 height: auto; 12606} 12607 12608.recommendation .icon_box { 12609 margin-bottom: 0; 12610 margin-right: 10px; 12611} 12612 12613.recommendation__send-box { 12614 background: #FFFFFF; 12615 border: 1px solid #E3E3E4; 12616 border-radius: 4px; 12617 display: flex; 12618 align-items: center; 12619 justify-content: center; 12620 width: 24px; 12621 height: 24px; 12622 margin-left: auto; 12623 flex-shrink: 0; 12624 color: #707375 !important; 12625} 12626 12627.recommendation h4 { 12628 white-space: nowrap; 12629 overflow: hidden; 12630 text-overflow: ellipsis; 12631 width: 110px; 12632} 12633 12634.button-history { 12635 padding: 12px 17px; 12636 font-size: 14px; 12637 border-radius: 8px; 12638 border-width: 1.5px; 12639} 12640 12641.button-history svg { 12642 margin-right: 8px; 12643} 12644 12645.custom-scroll { 12646 padding-right: 12px; 12647 overflow-y: auto; 12648} 12649 12650.custom-scroll::-webkit-scrollbar {
12651 width: 3px; 12652} 12653 12654.custom-scroll::-webkit-scrollbar-track { 12655 background: transparent; 12656} 12657 12658.custom-scroll::-webkit-scrollbar-thumb { 12659 background-color: #E3E3E4; 12660 border-radius: 20px; 12661 border: none; 12662} 12663 12664.dark-mode .custom-scroll::-webkit-scrollbar-thumb { 12665 background-color: #223544 12666} 12667 12668@media (max-width: 992px) { 12669 .summarizer_item { 12670 margin-bottom: 20px; 12671 height: auto; 12672 } 12673 .summarizer_item-header { 12674 flex-direction: column; 12675 } 12676 .button-history { 12677 margin-top: 27px; 12678 width: 100%; 12679 font-size: 12px; 12680 padding-top: 8px; 12681 padding-bottom: 8px; 12682 } 12683 12684 .summarizer--equal-columns .col-xl-4, 12685 .summarizer--equal-columns .col-xl-8 { 12686 flex: 0 0 100%; 12687 max-width: 100%; 12688 } 12689} 12690 12691@media (max-width: 767px) { 12692 .summarizer_action { 12693 flex-wrap: wrap; 12694 } 12695 .summarizer_action-item { 12696 margin-top: 8px; 12697 } 12698 .summarizer_action-item:first-child { 12699 margin-top: 0; 12700 } 12701 .summarizer_action-item--rate { 12702 margin-left: 0; 12703 } 12704 .summarizer_action-item--rate p { 12705 font-size: 12px; 12706 } 12707 .summarizer_action .dropdown { 12708 margin-left: 0; 12709 min-width: 247px; 12710 } 12711 .summarizer_action .button-copy, 12712 .summarizer_action .button-update { 12713 margin-left: 8px; 12714 } 12715 .summarizer_action .button-copy { 12716 margin-top: 8px; 12717 } 12718} 12719 12720 12721/* .select2 */ 12722 12723.select2-container--default .select2-selection--multiple { 12724 height: 163px; 12725 background: #FFF; 12726 border: 1px solid #E3E3E4; 12727 border-radius: 8px; 12728 padding-top: 3px; 12729 padding-left: 3px; 12730 padding-bottom: 8px; 12731 padding-right: 8px; 12732} 12733 12734.select2-container--default.select2-container--focus .select2-selection--multiple { 12735 border-color: #80bdff; 12736 outline: 0; 12737 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 12738} 12739 12740.select2-container--default .select2-selection--multiple .select2-selection__choice { 12741 font-family: inherit; 12742 background: #F6F6F6; 12743 border-radius: 8px; 12744 border: none; 12745 padding-top: 8px; 12746 padding-bottom: 8px; 12747 padding-left: 8px; 12748 padding-right: 24px; 12749 color: #525658; 12750 font-weight: 400; 12751 font-size: 14px; 12752 line-height: 20px; 12753} 12754 12755.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { 12756 left: auto; 12757 right: 0; 12758 bottom: 0; 12759 border: none; 12760 font-size: 0; 12761 width: 22px; 12762} 12763 12764.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before, 12765.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after { 12766 content: ""; 12767 border-top: 1px solid #828586; 12768 width: 8px; 12769 position: absolute; 12770 left: 6px; 12771 top: 18px; 12772} 12773 12774.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:before { 12775 transform: rotate(45deg); 12776} 12777 12778.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:after { 12779 transform: rotate(-45deg); 12780} 12781 12782.select2-container--default .select2-search--inline .select2-search__field { 12783 padding-top: 8px; 12784 padding-bottom: 8px; 12785 padding-left: 8px; 12786 padding-right: 8px; 12787 color: #525658; 12788 font-family: inherit; 12789 font-weight: 400; 12790 font-size: 14px; 12791 line-height: 20px; 12792 height: 36px; 12793 min-width: 50px; 12794} 12795 12796.select2-dropdown { 12797 background: #FFF; 12798 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 12799 border-radius: 6px; 12800 border: none; 12801 padding: 4px; 12802 margin-top: 4px; 12803} 12804 12805.select2-results__option { 12806 font-family: inherit; 12807 color: #525658; 12808 font-weight: 500; 12809 font-size: 14px; 12810 border-radius: 6px; 12811 transition: background .2s linear; 12812} 12813 12814.select2-container--default .select2-results__option--selected { 12815 background: #F6F6F6; 12816} 12817 12818.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { 12819 background: #1A8FE3; 12820} 12821 12822/* edit-profile */ 12823.edit-profile_area {} 12824 12825.edit-profile { 12826 box-shadow: 3px 10px 40px rgb(24 29 32 / 5%); 12827 border-radius: 12px; 12828 padding: 24px; 12829 margin-top: 2.5em; 12830 background-color: #FFF; 12831} 12832 12833.edit-profile_form { 12834 max-width: 600px; 12835 margin-left: auto; 12836 margin-right: auto; 12837} 12838 12839.edit-profile .form-group { 12840 display: flex; 12841 align-items: center; 12842} 12843 12844.edit-profile .form-group label { 12845 flex-shrink: 0; 12846 margin-right: 30px; 12847 width: 180px; 12848} 12849 12850.form-control-field { 12851 flex-grow: 1; 12852} 12853 12854.edit-profile .form-group .btn-action { 12855 margin-left: 210px; 12856} 12857 12858@media (max-width: 767px) { 12859 12860 .edit-profile .form-group { 12861 display: block; 12862 } 12863 12864 .edit-profile .form-group label { 12865 margin-right: 0; 12866 margin-bottom: 6px; 12867 width: auto; 12868 } 12869 12870 .edit-profile .form-group .btn-action { 12871 margin-left: 0; 12872 } 12873} 12874 12875/* try-pro */ 12876.try-pro { 12877 background: #FFF7E1; 12878 border-radius: 12px; 12879 padding: 10px; 12880 display: flex; 12881 align-items: center; 12882 justify-content: center; 12883 color: #181D20; 12884} 12885 12886.try-pro__title { 12887 font-weight: 500; 12888 font-size: 20px; 12889 line-height: 28px; 12890} 12891 12892.try-pro__button { 12893 padding: 11px 16px; 12894 background: #FFC205; 12895 border-radius: 8px; 12896 font-weight: 600; 12897 font-size: 12px; 12898 line-height: 18px; 12899 letter-spacing: 0.005em; 12900 color: #FFF; 12901 margin-left: 24px; 12902} 12903 12904@media (max-width: 767px) { 12905 .try-pro__title { 12906 font-size: 18px; 12907 } 12908} 12909 12910/* modal-try-pro */ 12911.modal-try-pro {} 12912 12913.modal-try-pro .modal-dialog {
12914 max-width: 996px; 12915} 12916 12917.modal-try-pro .modal-content { 12918 flex-direction: row; 12919 padding: 24px; 12920} 12921 12922.modal-try-pro .modal-content_item { 12923 width: 50%; 12924 flex-grow: 1; 12925 margin-left: 24px; 12926} 12927.modal-try-pro .modal-content_item:first-child { 12928 margin-left: 0; 12929} 12930 12931.modal-try-pro .modal-content_item--image {} 12932 12933.modal-try-pro_header { 12934 display: flex; 12935 justify-content: space-between; 12936 align-items: center; 12937 margin-bottom: 24px; 12938} 12939.modal-try-pro_header h3 { 12940 font-weight: 700; 12941 font-size: 24px; 12942 line-height: 32px; 12943 color: #000000; 12944} 12945 12946.modal-try-pro_image { 12947 min-height: 460px; 12948 background: #E3F1FB; 12949 border-radius: 12px; 12950 overflow: hidden; 12951 position: relative; 12952 display: flex; 12953 align-items: flex-end; 12954 height: 100%; 12955} 12956 12957@media (max-width: 767px) { 12958 .modal-try-pro .modal-content_item--image, 12959 .modal-try-pro_image { 12960 display: none; 12961 } 12962} 12963 12964.modal-try-pro_title { 12965 font-weight: 600; 12966 font-size: 20px; 12967 line-height: 28px; 12968 margin-bottom: 8px; 12969 color: #181D20; 12970} 12971 12972.modal-try-pro_title span { 12973 color: #E2464C; 12974} 12975 12976.modal-try-pro_text { 12977 font-size: 12px; 12978 line-height: 18px; 12979 letter-spacing: 0.005em; 12980 color: #525658; 12981} 12982 12983.modal-try-pro_text a { 12984 font-weight: 700; 12985 text-decoration: none; 12986 color: inherit; 12987} 12988 12989.modal-try-pro_action { 12990 margin-top: 40px; 12991 display: flex; 12992 align-items: center; 12993} 12994 12995.modal-try-pro_action .price { 12996 flex-shrink: 0; 12997 width: 70px; 12998} 12999 13000.modal-try-pro_action .btn-action { 13001 flex-grow: 1; 13002 margin-left: 16px; 13003} 13004 13005.modal-try-pro_hello { 13006 background: rgba(255, 255, 255, 0.9); 13007 backdrop-filter: blur(4px); 13008 border-radius: 12px; 13009 padding-top: 16px; 13010 padding-bottom: 16px; 13011 padding-left: 16px; 13012 padding-right: 32px; 13013 text-align: center; 13014 position: absolute; 13015 left: 8px; 13016 right: 8px; 13017 bottom: 8px; 13018} 13019 13020.modal-try-pro_sign { 13021 font-weight: 600; 13022 font-size: 12px; 13023 line-height: 18px; 13024 letter-spacing: 0.005em; 13025 color: #181D20; 13026 font-style: italic; 13027 margin-top: 8px; 13028} 13029 13030.dark-mode .modal-try-pro_header h3, 13031.dark-mode .modal-try-pro_title, 13032.dark-mode .modal-try-pro_text { 13033 color: #fff; 13034} 13035 13036/* pro-benefits */ 13037.pro-benefits { 13038 margin-top: 24px; 13039} 13040 13041.pro-benefits_item { 13042 font-weight: 500; 13043 font-size: 16px; 13044 line-height: 24px; 13045 display: flex; 13046 align-items: center; 13047 margin-top: 16px; 13048 color: #181D20; 13049} 13050 13051.pro-benefits_icon { 13052 flex-shrink: 0; 13053 border: 1.5px solid #1CAB48; 13054 color: #1CAB48; 13055 width: 18px; 13056 height: 18px; 13057 box-sizing: border-box; 13058 border-radius: 100%; 13059 margin-right: 8px; 13060 display: flex; 13061 align-items: center; 13062 justify-content: center; 13063} 13064 13065.pro-benefits_icon svg { 13066 width: 12px; 13067 height: 12px; 13068} 13069 13070.dark-mode .pro-benefits_item { 13071 color: #fff; 13072} 13073 13074/* .price */ 13075.price { 13076 color: #181D20; 13077} 13078 13079.price_title { 13080 font-weight: 500; 13081 font-size: 10px; 13082 line-height: 16px; 13083} 13084 13085.price_value { 13086 display: flex; 13087 align-items: center; 13088} 13089 13090.price_value sup, 13091.price_value sub { 13092 font-size: 12px; 13093 line-height: 18px; 13094} 13095 13096.price_value sup { 13097 color: #1A8FE3; 13098 margin-top: -5px; 13099} 13100 13101.price_value span { 13102 font-weight: 700; 13103 font-size: 24px; 13104 line-height: 32px; 13105} 13106 13107.price_value sub { 13108 color: #A7A9AA; 13109 margin-bottom: -5px; 13110} 13111 13112.dark-mode .price { 13113 color: #fff; 13114} 13115 13116/* modal-video-converter */ 13117.modal-video-converter {} 13118 13119.modal-video-converter .modal-dialog { 13120 max-width: 624px; 13121} 13122 13123.modal-video-converter .modal-content { 13124 border-radius: 12px; 13125} 13126 13127.modal-video-converter .modal-header { 13128 border: none; 13129 padding: 24px 24px 0; 13130 -webkit-box-align: center; 13131 -ms-flex-align: center; 13132 align-items: center; 13133} 13134 13135.modal-video-converter .modal-header .close { 13136 margin: 0; 13137 padding: 0; 13138} 13139 13140.modal-video-converter .modal-title { 13141 color: #181D20; 13142 font-weight: bold; 13143 font-size: 24px; 13144} 13145 13146.modal-video-converter .modal-body { 13147 padding: 24px; 13148} 13149 13150.convert-settings { 13151 margin-bottom: 16px; 13152} 13153 13154.convert-settings_title { 13155 font-weight: 600; 13156 font-size: 16px; 13157 color: #181D20; 13158 margin-bottom: 16px; 13159} 13160 13161.convert-settings_item {} 13162 13163.convert-settings_label { 13164 display: flex; 13165 align-items: center; 13166} 13167 13168.convert-settings label { 13169 font-weight: 500; 13170 font-size: 12px; 13171 color: #707375; 13172 line-height: 1.2; 13173} 13174 13175.convert-settings_info { 13176 position: relative; 13177 margin-left: 8px; 13178} 13179 13180.convert-settings_info:hover .convert-settings_info-text { 13181 display: block; 13182} 13183 13184.convert-settings_info svg { 13185 width: 14px; 13186 height: 14px; 13187 margin-bottom: 2px; 13188} 13189 13190.convert-settings_info-text { 13191 position: absolute; 13192 left: 100%; 13193 bottom: 0; 13194 margin-bottom: 10px; 13195 margin-left: 10px; 13196 background: #FFF; 13197 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13198 border-radius: 5px; 13199 padding: 10px; 13200 font-weight: 400; 13201 font-size: 14px; 13202 line-height: 21px; 13203 color: #707375; 13204 min-width: 213px; 13205 z-index: 1; 13206 display: none; 13207} 13208 13209.convert-settings .form-control { 13210 width: 100%; 13211 padding-top: 11px; 13212 padding-bottom: 11px; 13213 margin-top: 10px; 13214 background-color: transparent; 13215 border-color: #E3E3E4; 13216 color: #A7A9AA; 13217 font-weight: 400; 13218 font-size: 14px; 13219 line-height: 1.5; 13220 height: 45px; 13221} 13222 13223.convert-settings .form-control::placeholder { 13224 color: #A7A9AA; 13225} 13226 13227.convert-settings .dropdown .btn-secondary { 13228 width: 100%; 13229 padding-top: 11px; 13230 padding-bottom: 11px; 13231 margin-top: 10px; 13232 background-color: transparent; 13233 border-color: #E3E3E4; 13234 color: #A7A9AA; 13235 text-align: left; 13236 font-weight: 400; 13237 font-size: 14px; 13238 display: flex; 13239 justify-content: space-between; 13240 align-items: center; 13241} 13242 13243.convert-settings .dropdown .btn-secondary:focus { 13244 border-color: #80bdff; 13245 outline: 0; 13246 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 13247} 13248.convert-settings .dropdown .btn-secondary:active { 13249 background-color: transparent; 13250 border-color: #E3E3E4; 13251 color: #707375; 13252} 13253 13254.convert-settings .dropdown-toggle::after { 13255 content: ""; 13256 width: 9px; 13257 height: 9px; 13258 border-right: 1px solid #A7A9AA; 13259 border-bottom: 1px solid #A7A9AA; 13260 border-top: none; 13261 border-left: none; 13262 transform: rotate(45deg); 13263 border-radius: 0 0 2px 0; 13264 z-index: 3; 13265} 13266 13267.convert-settings .dropdown-menu { 13268 width: 100%; 13269 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13270 border-radius: 6px; 13271 padding: 7px; 13272 border: none; 13273 margin-top: 8px; 13274} 13275 13276.convert-settings .dropdown-item { 13277 padding: 5px; 13278 font-size: 14px; 13279 line-height: 21px; 13280 color: #707375; 13281 margin-top: 11px; 13282} 13283 13284.convert-settings .dropdown-item:first-child { 13285 margin-top: 0; 13286} 13287 13288.convert-settings_buttons {} 13289 13290.convert-settings_buttons .btn { 13291 border-radius: 8px; 13292 height: 56px; 13293 width: 100%; 13294 font-weight: 500; 13295 font-size: 16px; 13296} 13297 13298.convert-settings_buttons .btn-secondary { 13299 background-color: #C8C9CA; 13300 border-color: #C8C9CA; 13301} 13302 13303.convert-settings_buttons .btn-primary { 13304 background-color: #1A8FE3; 13305 border-color: #1A8FE3; 13306} 13307 13308@media (max-width: 767px) { 13309 13310 .convert-settings_buttons .btn { 13311 margin-top: 10px; 13312 } 13313 13314} 13315 13316/* modal-thanks-signing */ 13317.modal-thanks-signing {} 13318
13319.modal-thanks-signing .modal-dialog { 13320 max-width: 758px; 13321} 13322 13323.modal-thanks-signing .modal-content { 13324 border-radius: 14px; 13325} 13326 13327.modal-thanks-signing .modal-header { 13328 border: none; 13329 padding: 24px 24px 0; 13330 -webkit-box-align: center; 13331 -ms-flex-align: center; 13332 align-items: center; 13333} 13334 13335.modal-thanks-signing .modal-header .close { 13336 margin: 0 29px 0 0; 13337 padding: 0; 13338} 13339 13340.modal-thanks-signing .modal-title { 13341 color: #181D20; 13342 font-weight: bold; 13343 font-size: 24px; 13344 flex-grow: 1; 13345 text-align: center; 13346} 13347 13348.modal-thanks-signing .modal-body { 13349 padding: 24px; 13350} 13351 13352.thanks-signing {} 13353 13354.thanks-signing_item { 13355 padding: 16px; 13356 border-radius: 12px; 13357 background: #F6F6F6; 13358 height: 100%; 13359 color: #181D20; 13360} 13361 13362.thanks-signing_item--support { 13363 background: #EFF7FD; 13364} 13365 13366.thanks-signing_title { 13367 font-weight: 600; 13368 font-size: 18px; 13369 line-height: 26px; 13370 margin-bottom: 8px; 13371 color: #181D20; 13372} 13373 13374.thanks-signing_item p { 13375 font-size: 14px; 13376 line-height: 20px; 13377 color: #525658; 13378} 13379 13380.thanks-signing_item strong { 13381 color: #181D20; 13382 font-weight: 600; 13383} 13384 13385.thanks-signing_action { 13386 margin-top: 24px; 13387 display: flex; 13388 margin-left: -8px; 13389} 13390 13391.thanks-signing_action .button { 13392 margin-left: 8px; 13393 width: 50%; 13394 font-size: 12px; 13395 padding: 8px; 13396 text-align: center; 13397 box-shadow: 0 10px 32px rgba(26, 143, 227, .24); 13398} 13399 13400.thanks-signing_action .button-outline { 13401 box-shadow: none; 13402} 13403 13404.thanks-signing_list { 13405 margin-top: 17px; 13406} 13407 13408.thanks-signing_list li { 13409 display: flex; 13410 align-items: flex-start; 13411 margin-top: 19px; 13412 font-size: 14px; 13413 line-height: 20px; 13414} 13415 13416.thanks-signing_list li:first-child { 13417 margin-top: 0; 13418} 13419 13420.thanks-signing_icon { 13421 width: 16px; 13422 height: 16px; 13423 background-color: #1A8FE3; 13424 border-radius: 50%; 13425 margin-right: 9px; 13426 margin-top: 2px; 13427 color: #fff; 13428 display: flex; 13429 align-items: center; 13430 justify-content: center; 13431 flex-shrink: 0; 13432} 13433 13434.thanks-signing_icon svg { 13435 width: 10px; 13436 height: 100%; 13437} 13438 13439@media (max-width: 767px) { 13440 13441 .modal-thanks-signing .modal-header .close { 13442 margin: 0; 13443 } 13444 13445 .modal-thanks-signing .modal-header { 13446 padding: 16px 16px 0; 13447 } 13448 13449 .modal-thanks-signing .modal-body { 13450 padding: 16px; 13451 } 13452 13453 .modal-thanks-signing .modal-title { 13454 font-size: 16px; 13455 } 13456 13457 .thanks-signing_item--support { 13458 margin-top: 16px; 13459 } 13460 13461 .thanks-signing_item { 13462 height: auto; 13463 } 13464 13465 .thanks-signing_title { 13466 font-size: 14px; 13467 } 13468 13469 .thanks-signing_item p, 13470 .thanks-signing_list li { 13471 font-size: 12px; 13472 } 13473 13474 .thanks-signing_list li { 13475 margin-top: 17px; 13476 } 13477 13478 .thanks-signing_icon { 13479 width: 13px; 13480 height: 13px; 13481 margin-top: 3px; 13482 } 13483 13484 .thanks-signing_action { 13485 display: block; 13486 margin-left: 0; 13487 } 13488 13489 .thanks-signing_action .button { 13490 width: 100%; 13491 margin-left: 0; 13492 margin-top: 8px; 13493 padding: 11px; 13494 } 13495} 13496 13497/* chage-background */ 13498.chage-background {} 13499 13500.chage-background_area {} 13501 13502.chage-background_share, 13503.save-share { 13504 display: none; 13505} 13506 13507.chage-background .title { 13508 font-size: 40px; 13509} 13510 13511.chage-background .sub_title { 13512 font-size: 18px; 13513 text-align: left; 13514 color: #181D20; 13515 margin-bottom: 16px; 13516 display: flex; 13517 align-items: center; 13518 justify-content: space-between; 13519} 13520 13521.chage-background .sub_title a { 13522 font-weight: 500; 13523 font-size: 14px; 13524 line-height: 20px; 13525 color: #1A8FE3; 13526 text-decoration: underline; 13527} 13528 13529.chage-background .sub_title a:hover { 13530 text-decoration: none; 13531} 13532 13533.chage-background_item { 13534 background: #FFFFFF; 13535 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13536 border-radius: 12px; 13537 padding: 24px; 13538 height: 100%; 13539} 13540 13541.chage-background_item--colors { 13542 max-width: 320px; 13543 margin-left: auto; 13544} 13545 13546.chage-background_tool {} 13547 13548.chage-background_tool--bg { 13549 margin-top: 16px; 13550 padding-top: 24px; 13551 border-top: 1px solid #E3E3E4; 13552} 13553 13554.chage-background_group-bg { 13555 display: flex; 13556 flex-wrap: wrap; 13557 margin: -4px; 13558} 13559 13560.chage-background_tool .color_box { 13561 flex-basis: calc(100% / 6); 13562 flex-grow: 1; 13563 flex-shrink: 0; 13564 margin: 4px; 13565 max-width: 48px; 13566 height: 48px; 13567 border: 1px solid #E3E3E4; 13568 box-sizing: border-box; 13569 cursor: pointer; 13570 background-size: cover; 13571 background-position: 50%; 13572 border-radius: 8px; 13573 transition: border-color .2s linear; 13574} 13575 13576.chage-background_tool .color_box:hover, 13577.chage-background_tool .color_box.is-active { 13578 border-color: #1A8FE3; 13579} 13580 13581.chage-background_pick { 13582 position: relative; 13583 margin-top: 16px; 13584} 13585 13586.chage-background_pick .form-group { 13587 margin-bottom: 0; 13588} 13589 13590.chage-background_pick .color_box { 13591 position: absolute; 13592 top: 5px; 13593 left: 5px; 13594 width: 34px; 13595 height: 34px; 13596 margin: 0; 13597 border-radius: 8px; 13598} 13599 13600.chage-background_pick .form-control-field { 13601 padding-left: 47px; 13602 color: #000; 13603 font-size: 12px; 13604 height: 44px; 13605 border: 1px solid #E3E3E4; 13606 border-radius: 8px; 13607} 13608 13609.chage-background_tool-action { 13610 margin-top: 24px; 13611} 13612 13613.chage-background_tool-action .button { 13614 width: 100%; 13615 background: #F6FBFE; 13616 color: #1A8FE3; 13617 font-size: 14px; 13618} 13619 13620.chage-background_tool-action .button svg { 13621 margin-right: 4px; 13622 display: inline-block; 13623 vertical-align: -2px; 13624} 13625 13626.chage-background_preview { 13627 width: 440px; 13628 height: 440px; 13629 margin-top: 82px; 13630 margin-bottom: 92px; 13631 margin-left: auto; 13632 margin-right: auto; 13633} 13634 13635.chage-background_preview-action { 13636 margin-left: -24px; 13637 margin-right: -24px; 13638 padding-left: 24px; 13639 padding-right: 24px; 13640 padding-top: 24px; 13641 border-top: 1px solid #E3E3E4; 13642 text-align: right; 13643} 13644 13645.chage-background_preview-action .button { 13646 margin-left: 4px; 13647 font-size: 14px; 13648 border-radius: 8px; 13649 height: 50px; 13650} 13651 13652.chage-background_preview-action .button--cancel { 13653 background: #EFEFEF; 13654 border: 1px solid #E3E3E4; 13655 color: #A7A9AA; 13656} 13657 13658@media (max-width: 992px) { 13659 13660 .chage-background { 13661 padding-top: 50px; 13662 } 13663 13664 .chage-background_share, 13665 .save-share { 13666 display: flex; 13667 justify-content: center; 13668 margin-bottom: 8px; 13669 } 13670 13671 .chage-background_share .button, 13672 .save-share .button { 13673 padding: 6px 6px 5px; 13674 border: 1px solid #E3E3E4; 13675 border-radius: 6px; 13676 background: #fff; 13677 color: #828586; 13678 font-weight: 500; 13679 font-size: 14px; 13680 margin-left: 4px; 13681 margin-right: 4px; 13682 } 13683 13684 .chage-background_share .button svg, 13685 .save-share .button svg { 13686 margin-right: 6px; 13687 } 13688 13689 .chage-background_item { 13690 margin-bottom: 20px; 13691 height: auto; 13692 } 13693 13694 .chage-background_item--colors { 13695 max-width: 100%; 13696 } 13697 13698 .chage-background_preview { 13699 margin-top: 52px; 13700 margin-bottom: 72px; 13701 } 13702} 13703 13704@media (max-width: 767px) { 13705 13706 .chage-background { 13707 padding-top: 20px; 13708 } 13709 13710 .chage-background .title { 13711 font-size: 28px; 13712 padding-top: 0; 13713 } 13714 13715 .chage-background .title_icon { 13716 display: none; 13717 } 13718 13719 .chage-background .title + p { 13720 margin-top: 4px; 13721 } 13722 13723 .chage-background_area { 13724 padding-top: 40px; 13725 } 13726 13727 .chage-background_item { 13728 padding: 16px; 13729 } 13730 13731 .chage-background .sub_title { 13732 font-size: 16px; 13733 } 13734 13735 .chage-background_group-bg { 13736 margin: -5px; 13737 } 13738 13739 .chage-background_tool .color_box { 13740 max-width: 53px; 13741 height: 53px; 13742 margin: 5px; 13743 } 13744 13745 .chage-background_pick .color_box { 13746 width: 34px; 13747 height: 34px; 13748 margin: 0; 13749 } 13750 13751 .chage-background .sub_title a { 13752 font-size: 10px; 13753 } 13754 13755 .chage-background_tool-action .button { 13756 font-size: 12px; 13757 padding-top: 10px; 13758 padding-bottom: 10px; 13759 } 13760 13761 .chage-background_preview { 13762 width: auto; 13763 height: auto; 13764 margin-bottom: 64px; 13765 } 13766 13767 .chage-background_preview-action { 13768 margin-left: -16px; 13769 margin-right: -16px; 13770 padding-left: 16px; 13771 padding-right: 16px; 13772 padding-top: 16px; 13773 text-align: center; 13774 } 13775 13776 .chage-background_preview-action .button { 13777 width: calc(50% - 6px); 13778 font-size: 12px; 13779 padding-top: 11px; 13780 padding-bottom: 11px; 13781 height: 40px; 13782 } 13783} 13784 13785.dark-mode .chage-background_item { 13786 background: #223544; 13787} 13788 13789.dark-mode .chage-background .sub_title { 13790 color: #fff; 13791} 13792 13793.dark-mode .chage-background_pick .form-control-field { 13794 background-color: #1A252E; 13795 color: #fff; 13796 border-color: #828586; 13797} 13798 13799.dark-mode .chage-background_preview-action { 13800 border-color: #828586; 13801} 13802 13803.dark-mode .chage-background_preview-action .button--cancel { 13804 background-color: #2e3b46; 13805 color: #687d8d; 13806 border-color: #5d5d66; 13807} 13808 13809.dark-mode .chage-background_tool-action .button { 13810 background: #1A252E; 13811 color: #fff; 13812} 13813 13814/* modal-browse-background */ 13815.modal-browse-background {} 13816 13817.modal-browse-background .modal-dialog { 13818 max-width: 900px; 13819} 13820 13821.modal-browse-background .modal-content { 13822 border-radius: 12px; 13823} 13824 13825.modal-browse-background .modal-header { 13826 border: none; 13827 padding: 24px 24px 0; 13828} 13829 13830.modal-browse-background .modal-header .close { 13831} 13832 13833.modal-browse-background .modal-title { 13834 color: #181D20; 13835 font-weight: bold; 13836 font-size: 24px; 13837 flex-grow: 1; 13838} 13839 13840.modal-browse-background .modal-body { 13841 padding: 24px; 13842} 13843 13844.browse-background {} 13845 13846.browse-background .search_group--search { 13847 max-width: 100%; 13848 margin-top: 0; 13849} 13850 13851.browse-background .search_group--search input { 13852 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 13853 height: 56px; 13854 font-size: 10px; 13855 color: #707375; 13856} 13857 13858.browse-background .search { 13859 top: 15px; 13860 left: 22px; 13861} 13862 13863.browse-background .search_group--search .button { 13864 font-size: 12px; 13865} 13866 13867.browse-background .filter { 13868 background: none; 13869 border-radius: 0; 13870 padding: 0; 13871 box-shadow: none; 13872 width: 100%; 13873 position: relative; 13874 overflow: hidden; 13875} 13876 13877.browse-background .filter::before { 13878 content: ""; 13879 position: absolute; 13880 width: 162px; 13881 height: 44px; 13882 right: 0; 13883 top: 0; 13884 z-index: 5; 13885 background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 140.83%); 13886} 13887 13888.browse-background .filter_slide { 13889 position: absolute; 13890 right: 8px; 13891 top: 5px; 13892 z-index: 6; 13893} 13894 13895.browse-background .filter_button { 13896 background: #FFFFFF; 13897 box-shadow: 2px 8px 32px rgba(24, 29, 32, 0.08); 13898 border-radius: 99px; 13899 color: #1F1F1F; 13900 width: 32px; 13901 height: 32px; 13902 padding: 0; 13903} 13904 13905.browse-background .filter_button svg { 13906 width: 18px; 13907 height: 18px; 13908 transform: rotate(-90deg); 13909} 13910 13911.browse-background .filter__category { 13912 max-width: fit-content; 13913 color: #707375; 13914 padding: 8px; 13915 border: 1px solid #E3E3E4; 13916 border-radius: 8px; 13917 min-width: 48px; 13918 text-align: center; 13919} 13920 13921.browse-background .filter__category.is-active, 13922.browse-background .filter__category:hover { 13923 background-color: #fff; 13924 border-color: #1A8FE3; 13925 color: #1A8FE3; 13926} 13927 13928.browse-background .filter .slick-track { 13929} 13930 13931.browse-background .filter .slick-list { 13932 13933} 13934 13935.browse-background .filter__image { 13936 width: 24px; 13937 height: 24px; 13938 border-radius: 8px; 13939 overflow: hidden; 13940 display: inline-block; 13941 vertical-align: top; 13942 margin-right: 4px; 13943} 13944 13945.browse-background .filter__name { 13946 font-size: 16px; 13947 margin-left: 0; 13948} 13949 13950.browse-background_preview { 13951 margin-top: 24px; 13952 height: 477px; 13953 overflow-y: auto; 13954} 13955 13956.browse-background_preview-group { 13957 display: flex; 13958 flex-wrap: wrap; 13959 margin: -8px; 13960} 13961 13962.browse-background_preview .color_box { 13963 max-width: 201px; 13964 height: 201px; 13965 flex-basis: calc(100% / 5); 13966 flex-grow: 1; 13967 flex-shrink: 0; 13968 margin: 8px; 13969 border: 1px solid #E3E3E4; 13970 border-radius: 8px; 13971 background-repeat: no-repeat; 13972 background-size: cover; 13973 background-position: 50%; 13974 overflow: hidden; 13975} 13976 13977.browse-background_preview .color_box:hover, 13978.browse-background_preview .color_box.is-active { 13979 border-color: #1A8FE3; 13980} 13981 13982@media (max-width: 992px) { 13983 13984 .browse-background_preview .color_box { 13985 height: 161px; 13986 } 13987} 13988 13989@media (max-width: 767px) { 13990
13991 .modal-browse-background .modal-title { 13992 font-size: 16px; 13993 } 13994 13995 .modal-browse-background .modal-header { 13996 padding: 16px 16px 0; 13997 } 13998 13999 .modal-browse-background .modal-body { 14000 padding: 16px; 14001 } 14002 14003 .browse-background .filter__category { 14004 min-height: 34px; 14005 padding: 4px ; 14006 } 14007 14008 .browse-background .filter__name { 14009 font-size: 12px; 14010 line-height: 24px; 14011 } 14012 14013 .browse-background .filter__image { 14014 vertical-align: -8px; 14015 } 14016 14017 .browse-background .filter::before { 14018 width: 72px; 14019 height: 34px; 14020 } 14021 14022 .browse-background .filter_slide { 14023 display: none; 14024 } 14025 14026 .browse-background_preview-group { 14027 margin: -5px; 14028 } 14029 14030 .browse-background_preview .color_box { 14031 flex-basis: calc(100% / 4); 14032 max-width: 91px; 14033 height: 91px; 14034 margin: 5px; 14035 } 14036 14037 .browse-background_preview { 14038 height: 380px; 14039 margin-top: 16px; 14040 } 14041} 14042 14043.dark-mode .modal-browse-background .modal-title { 14044 color: #fff; 14045} 14046 14047.dark-mode .browse-background .filter__category { 14048 color: #fff; 14049 border-color: #5d5d66; 14050} 14051 14052.dark-mode .browse-background .filter__category.is-active, 14053.dark-mode .browse-background .filter__category:hover { 14054 background-color: #495258; 14055} 14056 14057.dark-mode .browse-background .filter::before { 14058 background: linear-gradient(270deg, #1A252F 0%, rgba(26, 37, 47, 0) 140.83%); 14059} 14060 14061.dark-mode .browse-background .filter_button { 14062 background-color: #223544; 14063 color: #EFEFEF; 14064} 14065 14066/* modal-continue-writing */ 14067.modal-continue-writing {} 14068 14069.modal-continue-writing .modal-dialog { 14070 max-width: 784px; 14071} 14072 14073.modal-continue-writing .modal-content { 14074 border-radius: 12px; 14075} 14076 14077.modal-continue-writing .modal-header { 14078 border: none; 14079 padding: 24px 24px 0; 14080} 14081 14082.modal-continue-writing .modal-header .close { 14083 margin: 0; 14084 padding: 0; 14085} 14086 14087.modal-continue-writing .modal-title { 14088 color: #181D20; 14089 font-weight: bold; 14090 font-size: 24px; 14091 flex-grow: 1; 14092} 14093 14094.modal-continue-writing .modal-body { 14095 padding: 24px; 14096} 14097 14098.chart-creators_bar .form-check { 14099 overflow: hidden; 14100 margin-left: 8px; 14101 margin-right: 8px; 14102} 14103 14104.continue-writing { 14105 color: #181D20; 14106} 14107 14108.continue-writing__item { 14109 margin-top: 16px; 14110} 14111 14112.continue-writing__item:first-child { 14113 margin-top: 0; 14114} 14115 14116.continue-writing__item--action { 14117 margin-top: 24px; 14118} 14119 14120.continue-writing__item p { 14121 font-weight: 500; 14122 font-size: 18px; 14123 line-height: 26px; 14124} 14125 14126.continue-writing__group { 14127 margin-top: 10px; 14128 display: flex; 14129 align-items: center; 14130 margin-left: -8px; 14131} 14132 14133.continue-writing .form-check { 14134 padding: 0; 14135 flex-basis: calc(100% / 4); 14136 flex-grow: 1; 14137 flex-shrink: 0; 14138 max-width: 240px; 14139 margin-left: 8px; 14140} 14141 14142.continue-writing .form-check-input { 14143 position: absolute; 14144 opacity: 0; 14145 visibility: hidden; 14146} 14147 14148.continue-writing .form-check-input:checked+.form-check-label { 14149 color: #1A8FE3; 14150 background-color: #F6FBFE; 14151 border-color: #1A8FE3; 14152} 14153 14154.continue-writing .form-check-label { 14155 padding: 16px 24px; 14156 border: 1px solid #E3E3E4; 14157 border-radius: 8px; 14158 font-size: 16px; 14159 line-height: 24px; 14160 color: #707375; 14161 cursor: pointer; 14162 transition: color, border-color .2s linear; 14163 white-space: nowrap; 14164 width: 100%; 14165 box-sizing: border-box; 14166} 14167 14168.continue-writing .button { 14169 flex-basis: calc(100% / 3); 14170 flex-grow: 1; 14171 flex-shrink: 0; 14172 margin-left: 8px; 14173 padding-top: 16px; 14174 padding-bottom: 16px; 14175 border-radius: 8px; 14176} 14177 14178.continue-writing .btn-secondary { 14179 background: #EFEFEF; 14180 border: 1px solid #E3E3E4; 14181 color: #A7A9AA; 14182} 14183 14184.continue-writing .btn-secondary:focus { 14185 box-shadow: none; 14186} 14187 14188.dark-mode .close, 14189.dark-mode .modal-continue-writing .modal-title, 14190.dark-mode .continue-writing { 14191 color: #fff; 14192} 14193 14194.dark-mode .continue-writing .form-check-label { 14195 color: #fff; 14196} 14197 14198.dark-mode .continue-writing .form-check-input:checked+.form-check-label { 14199 background-color: #223544; 14200} 14201 14202.dark-mode .continue-writing .btn-secondary { 14203 background-color: #40474c; 14204 color: #bfc1c3; 14205} 14206 14207@media (max-width: 767px) { 14208
14209 .modal-continue-writing .modal-title { 14210 font-size: 16px; 14211 } 14212 14213 .modal-continue-writing .modal-body { 14214 padding-top: 16px; 14215 } 14216 14217 .continue-writing__group { 14218 margin-top: 2px; 14219 flex-direction: column; 14220 margin-left: 0; 14221 } 14222 14223 .continue-writing__item--action { 14224 margin-top: 8px; 14225 } 14226 14227 .continue-writing__item p { 14228 font-weight: 500; 14229 font-size: 14px; 14230 line-height: 20px; 14231 } 14232 14233 .continue-writing .form-check { 14234 margin-left: 0; 14235 margin-top: 8px; 14236 max-width: 100%; 14237 width: 100%; 14238 text-align: center; 14239 } 14240 14241 .continue-writing .form-check-label { 14242 font-size: 12px; 14243 line-height: 18px; 14244 } 14245 14246 .continue-writing .button { 14247 margin-left: 0; 14248 margin-top: 8px; 14249 width: 100%; 14250 font-size: 12px; 14251 line-height: 18px; 14252 padding-top: 11px; 14253 padding-bottom: 11px; 14254 } 14255} 14256 14257/* uploader-container */ 14258.uploader-container { 14259 background: #FFFFFF; 14260 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14261 border-radius: 12px; 14262 margin-top: 2.5rem; 14263 padding: 24px; 14264 border: none; 14265} 14266 14267.uploader-container__box { 14268 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14269 border-radius: 12px; 14270 padding: 24px; 14271 color: #707375; 14272 font-size: 14px; 14273 margin-top: 16px; 14274} 14275 14276.uploader-container__box:first-child { 14277 margin-top: 0; 14278} 14279 14280.uploader-tools__text-size {} 14281 14282.uploader-tools strong { 14283 color: #181D20; 14284 font-weight: 600; 14285} 14286 14287.uploader-tools__item { 14288 margin-top: 16px; 14289 display: flex; 14290 align-items: center; 14291} 14292 14293.uploader-tools hr { 14294 border-color: #E3E3E4; 14295} 14296 14297.uploader-tools .input-group-text { 14298 color: #707375; 14299 font-weight: 600; 14300 font-size: 14px; 14301 line-height: 21px; 14302 border: 1px solid #E3E3E4; 14303 border-radius: 4px 0 0 4px; 14304 background-color: #F6F6F6; 14305 padding: 13px 15px 12px 16px; 14306 height: 48px; 14307} 14308 14309.uploader-tools .form-control { 14310 border-color: #E3E3E4; 14311 border-radius: 0 4px 4px 0; 14312 color: #181D20; 14313 font-size: 16px; 14314 padding: 12px 16px; 14315 height: 48px; 14316 font-weight: 500; 14317} 14318 14319.uploader-tools .form-check { 14320 overflow: hidden; 14321 margin-left: 12px; 14322 margin-right: 10px; 14323} 14324 14325.uploader-tools .form-check-input { 14326 position: absolute; 14327 opacity: 0; 14328 visibility: hidden; 14329} 14330 14331.uploader-tools .form-check-input:checked+.form-check-label { 14332 color: #fff; 14333 background-color: #1A8FE3; 14334} 14335 14336.uploader-tools .form-check-input:checked+.form-check-label::before { 14337 border-color: #fff; 14338} 14339 14340.uploader-tools .form-check-label { 14341 padding: 16px 16px 8px; 14342 border: 1px solid #1A8FE3; 14343 border-radius: 10px; 14344 font-weight: 500; 14345 font-size: 14px; 14346 line-height: 18px; 14347 color: #1A8FE3; 14348 cursor: pointer; 14349 transition: color, border-color .2s linear; 14350 display: flex; 14351 flex-direction: column; 14352 align-items: center; 14353 text-align: center; 14354 width: 94px; 14355} 14356 14357.uploader-tools .form-check-label::before { 14358 content: ""; 14359 border: 1px solid #1A8FE3; 14360 width: 36px; 14361 height: 24px; 14362 margin-bottom: 10px; 14363} 14364 14365.uploader-tools .form-check-label span { 14366 font-weight: 500; 14367 font-size: 14px; 14368 width: 54px; 14369 white-space: nowrap; 14370 text-overflow: ellipsis; 14371 overflow: hidden; 14372} 14373 14374.uploader-zoom .button { 14375 font-weight: 600; 14376 font-size: 12px; 14377 line-height: 18px; 14378 padding-left: 18px; 14379 padding-right: 17px; 14380 padding-top: 11px; 14381 padding-bottom: 11px; 14382 height: 40px; 14383 margin-left: 6px; 14384} 14385 14386.uploader-zoom .button-outline { 14387 margin-left: 0; 14388} 14389 14390.uploader-zoom__box { 14391 display: flex; 14392 align-items: center; 14393} 14394 14395.uploader-zoom__text { 14396 color: #525658; 14397 font-weight: 500; 14398 font-size: 12px; 14399 line-height: 18px; 14400 flex-shrink: 0; 14401} 14402 14403.uploader-zoom .form-control { 14404 border: none; 14405 width: 40px; 14406 height: 18px; 14407 padding: 0; 14408 font-weight: 500; 14409 font-size: 12px; 14410 line-height: 18px; 14411 color: #1A8FE3; 14412 flex-shrink: 0; 14413} 14414 14415.twitter-navigation__zoom-icon { 14416 display: none; 14417} 14418 14419.twitter-navigation { 14420 flex-grow: 1; 14421 margin-left: 10px; 14422 margin-right: 10px; 14423} 14424 14425.twitter-navigation__wrapper { 14426 width: 100%; 14427 height: 20px; 14428 display: flex; 14429 align-items: center; 14430 flex-direction: column; 14431 justify-content: center; 14432 border-radius: 5px; 14433 cursor: pointer; 14434} 14435 14436.twitter-navigation__line-wrapper { 14437 width: 100%; 14438 height: 20px; 14439 display: flex; 14440 align-items: center; 14441 flex-direction: column; 14442 justify-content: center; 14443 border-radius: 5px; 14444 cursor: pointer; 14445} 14446 14447.twitter-navigation__line { 14448 background: #EFEFEF; 14449 height: 6px; 14450 width: 100%; 14451 border-radius: 10px; 14452 display: flex; 14453 position: relative;
14454 align-items: center; 14455} 14456 14457.twitter-navigation__fill { 14458 background: #1A8FE3; 14459 align-self: stretch; 14460 flex-basis: auto; 14461 flex-direction: column; 14462 flex-shrink: 0; 14463 border-radius: 10px; 14464} 14465 14466.twitter-navigation__circle { 14467 width: 30px; 14468 height: 30px; 14469 margin-left: -15px; 14470 border-radius: 50%; 14471 display: flex; 14472 align-items: center; 14473 justify-content: center; 14474 position: absolute; 14475 transition-duration: 0.2s; 14476 transition-property: background-color, box-shadow; 14477 background-color: transparent; 14478} 14479 14480.twitter-navigation__inner-circle { 14481 width: 9px; 14482 height: 12px; 14483 border-radius: 50%; 14484 background-color: #1A8FE3; 14485 transform: scale(1); 14486 transition-duration: 0.1s; 14487 transition-property: transform; 14488 box-shadow: none; 14489} 14490 14491@media (max-width: 1240px) { 14492 14493 .uploader-tools .form-check-label { 14494 width: 89px; 14495 } 14496 14497 .uploader-zoom .button { 14498 padding-left: 16px; 14499 padding-right: 15px; 14500 } 14501} 14502 14503@media (max-width: 992px) { 14504 14505 .uploader-tools__item--scroll { 14506 flex-wrap: nowrap; 14507 overflow-x: auto; 14508 margin-right: 0; 14509 } 14510 14511 .uploader-tools .form-check { 14512 flex-shrink: 0; 14513 } 14514} 14515 14516@media (max-width: 767px) { 14517 14518 .uploader-container { 14519 padding: 8px; 14520 } 14521 14522 .uploader-container__box { 14523 padding: 8px; 14524 } 14525 14526 .uploader-tools__text-size { 14527 display: none; 14528 } 14529 14530 .uploader-tools__item { 14531 margin-top: 8px; 14532 } 14533 14534 .uploader-tools__item:first-of-type { 14535 margin-top: -8px; 14536 } 14537 14538 .uploader-tools hr { 14539 display: none; 14540 } 14541 14542 .uploader-tools .input-group-text { 14543 height: 32px; 14544 width: 57px; 14545 padding-left: 8px; 14546 font-size: 12px; 14547 } 14548 14549 .uploader-tools .form-control { 14550 height: 32px; 14551 } 14552 14553 .uploader-tools__item--scroll { 14554 margin-left: -4px; 14555 } 14556 14557 .uploader-tools .form-check { 14558 margin-left: 4px; 14559 margin-right: 4px; 14560 } 14561 14562 .uploader-tools .form-check-label { 14563 width: 44px; 14564 padding-right: 16px; 14565 font-size: 10px; 14566 border-radius: 4px; 14567 } 14568 14569 .uploader-tools .form-check-label::before { 14570 width: 21px; 14571 height: 12px; 14572 } 14573 14574 .uploader-zoom .button { 14575 width: calc(50% - 10px); 14576 margin-top: 10px; 14577 } 14578} 14579 14580.uploader-container label { 14581 font-weight: 400; 14582 font-size: 12px; 14583 line-height: 18px; 14584 color: #181D20; 14585 padding-bottom: 8px; 14586} 14587 14588.uploader-container .card-body { 14589 padding: 0; 14590} 14591 14592.uploader-container .card-footer { 14593 padding: 0; 14594 background: none; 14595 border: none; 14596} 14597 14598.button--card-footer { 14599 padding-left: 20px; 14600 padding-right: 20px; 14601 font-size: 14px; 14602} 14603 14604.uploader-container .button-outline--grey {} 14605 14606.uploader-container .dropdown .btn-secondary { 14607 width: 100%; 14608 padding-top: 11px; 14609 padding-bottom: 11px; 14610 margin-top: 10px; 14611 background-color: transparent; 14612 border-color: #E3E3E4; 14613 border-radius: 8px; 14614 color: #A7A9AA; 14615 text-align: left; 14616 font-weight: 400; 14617 font-size: 14px; 14618 display: flex; 14619 justify-content: space-between; 14620 align-items: center; 14621} 14622 14623.uploader-container .dropdown .btn-secondary:focus { 14624 border-color: #80bdff; 14625 outline: 0; 14626 box-shadow: 0 0 0 0.2rem rgb(0 123 255 / 25%); 14627} 14628.uploader-container .dropdown .btn-secondary:active { 14629 background-color: transparent; 14630 border-color: #E3E3E4; 14631 color: #707375; 14632} 14633 14634.uploader-container .btn-secondary.dropdown-toggle::after { 14635 content: ""; 14636 width: 9px; 14637 height: 9px; 14638 border-right: 1px solid #A7A9AA; 14639 border-bottom: 1px solid #A7A9AA; 14640 border-top: none; 14641 border-left: none; 14642 transform: rotate(45deg); 14643 border-radius: 0 0 2px 0; 14644 z-index: 3; 14645} 14646 14647.uploader-container .btn-secondary + .dropdown-menu { 14648 width: 100%; 14649 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 14650 border-radius: 6px; 14651 padding: 7px; 14652 border: none; 14653 margin-top: 8px; 14654} 14655 14656.uploader-container .dropdown-item { 14657 padding: 5px; 14658 font-size: 14px; 14659 line-height: 21px; 14660 color: #707375; 14661 margin-top: 11px; 14662} 14663 14664.uploader-container .dropdown-item:first-child { 14665 margin-top: 0; 14666} 14667 14668.uploader-container .btn-group > .button { 14669 padding: 11px 4px 11px 16px; 14670 border-radius: 8px 0 0 8px; 14671} 14672 14673.uploader-container .btn-group > .button-outline {
14674 border-right: none; 14675} 14676 14677.uploader-container .btn-group .button.dropdown-toggle { 14678 padding: 0 16px 0 4px; 14679 border-radius: 0 8px 8px 0; 14680} 14681 14682.uploader-container .button-outline.dropdown-toggle { 14683 border-left: none; 14684 border-right: 1px solid #1A8FE3; 14685} 14686 14687.uploader-container .dropup .dropdown-toggle::after { 14688 width: 8px; 14689 height: 8px; 14690 border-right: 3px solid #fff; 14691 border-bottom: 3px solid #fff; 14692 border-top: none; 14693 border-left: none; 14694 transform: rotate(45deg); 14695 border-radius: 0 0 3px 0; 14696 vertical-align: 0; 14697} 14698 14699.uploader-container .dropup.show .dropdown-toggle::after { 14700 transform: rotate(-135deg); 14701 vertical-align: -2px; 14702} 14703 14704.uploader-container .dropup .button-outline.dropdown-toggle::after { 14705 border-right-color: #1A8FE3; 14706 border-bottom-color: #1A8FE3; 14707} 14708 14709.uploader-container .dropup .button-outline.dropdown-toggle:hover::after { 14710 border-right-color: #fff; 14711 border-bottom-color: #fff; 14712} 14713 14714.uploader-container .chage-background_pick { 14715 margin-top: 0; 14716} 14717 14718/* Add Page Numbers to a PDF */ 14719.uploader-container--add-numbers .card-body { 14720 margin-top: 40px; 14721} 14722 14723.uploader-container--add-numbers .card-title h3 { 14724 color: #181D20; 14725 font-weight: 600; 14726 font-size: 24px; 14727 line-height: 32px; 14728 text-align: center; 14729} 14730 14731.uploader-container--add-numbers .chage-background_pick .form-control-field { 14732 padding-top: 10px; 14733 padding-bottom: 10px; 14734 padding-left: 39px; 14735 height: 38px; 14736 font-size: 10px; 14737 line-height: 16px; 14738 letter-spacing: 0.005em; 14739 color: #181D20; 14740} 14741 14742.uploader-container--add-numbers .chage-background_pick .color_box { 14743 width: 30px; 14744 height: 30px; 14745 border: none; 14746 top: 4px; 14747 left: 4px; 14748} 14749 14750.uploader-container--add-numbers .dropdown .btn-secondary { 14751 padding-top: 10px; 14752 padding-bottom: 10px; 14753 font-weight: 400; 14754 font-size: 10px; 14755 line-height: 16px; 14756 margin-top: 0; 14757 color: #181D20; 14758} 14759 14760.uploader-container--add-numbers hr { 14761 display: none; 14762} 14763 14764.font-picker { 14765 position: relative; 14766 display: inline-block; 14767 box-shadow: unset; 14768 width: 100%; 14769} 14770 14771div[id^="font-picker"] button { 14772 border: 0; 14773 color: inherit; 14774} 14775 14776.font-control .font-picker .dropdown-button { 14777 padding: 11px 12px; 14778 width: 100%; 14779 display: flex; 14780 align-items: center; 14781 justify-content: space-between; 14782 background: #fff; 14783 border: 1px solid #E3E3E4; 14784 border-radius: 8px; 14785 font-weight: 400; 14786 font-size: 10px; 14787 line-height: 16px; 14788 font-family: 'Poppins', sans-serif; 14789 color: #181D20; 14790 height: 38px; 14791} 14792 14793div[id^="font-picker"] .dropdown-button .dropdown-font-name { 14794 overflow: hidden; 14795 white-space: nowrap; 14796} 14797 14798div[id^="font-picker"] .dropdown-icon { 14799 margin-left: 10px; 14800} 14801 14802div[id^="font-picker"] .dropdown-icon.finished:before { 14803 content: ''; 14804 display: block; 14805 width: 9px; 14806 height: 9px; 14807 border-right: 1px solid #A7A9AA; 14808 border-bottom: 1px solid #A7A9AA; 14809 border-top: none; 14810 border-left: none; 14811 transform: rotate(45deg); 14812 transition: -webkit-transform 0.3s; 14813 transition: transform 0.3s; 14814 transition: transform 0.3s, -webkit-transform 0.3s; 14815 border-radius: 0 0 2px 0; 14816 margin: -2px 0 0 0; 14817} 14818 14819div[id^="font-picker"] ul li button { 14820 height: 100%; 14821 width: 100%; 14822 display: flex; 14823 align-items: center; 14824 padding: 0 10px; 14825 white-space: nowrap; 14826 border: none; 14827} 14828 14829div[id^="font-picker"] ul li { 14830 height: 35px; 14831 list-style: none; 14832} 14833 14834div[id^="font-picker"] ul { 14835 position: absolute; 14836 z-index: 1; 14837 max-height: 0; 14838 width: 100%; 14839 overflow-x: hidden; 14840 overflow-y: auto; 14841 -webkit-overflow-scrolling: touch; 14842 margin: 0; 14843 padding: 0; 14844 background: #EAEAEA; 14845 box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); 14846 transition: 0.3s; 14847} 14848 14849.number-preview { 14850 background: #F6F6F6; 14851 border-radius: 8px; 14852 padding: 16px; 14853 width: 160px; 14854 height: 240px; 14855} 14856 14857.number-preview p { 14858 font-weight: 400; 14859 font-size: 12px; 14860 line-height: 18px; 14861 text-align: center; 14862 letter-spacing: 0.005em; 14863 color: #181D20; 14864} 14865 14866.number-preview .numbers-style-block__wrapper { 14867 display: flex; 14868 height: 190px; 14869 align-items: center; 14870 justify-content: center; 14871 font-weight: 500; 14872} 14873 14874.page-actions-panel_box { 14875 margin-left: 40px; 14876 padding-left: 40px; 14877 border-left: 1px solid #E3E3E4; 14878} 14879 14880.page-actions-panel_box p { 14881 font-weight: 400; 14882 font-size: 12px; 14883 line-height: 18px; 14884 letter-spacing: 0.005em; 14885 color: #181D20; 14886} 14887 14888.page-actions-panel { 14889 height: 214px; 14890 padding: 0; 14891 -webkit-box-flex: 0; 14892 -ms-flex: 0 0 auto; 14893 flex: 0 0 auto; 14894 overflow: hidden; 14895 color: #acacac; 14896 text-align: left; 14897 font-size: 16px; 14898 line-height: 1.5; 14899 -webkit-box-ordinal-group: 1; 14900 -ms-flex-order: 0; 14901 order: 0; 14902 -webkit-box-flex: 1; 14903 -ms-flex: 1 1 auto; 14904 flex: 1 1 auto; 14905 -ms-flex-item-align: auto; 14906 align-self: auto; 14907 -webkit-transition: width 1s; 14908 -o-transition: width 1s; 14909 transition: width 1s; 14910 border: 1px solid #E3E3E4; 14911 border-radius: 8px; 14912 margin-top: 8px; 14913} 14914.page-actions-panel .panel-inner { 14915 position: relative; 14916 height: inherit; 14917 margin: 0; 14918} 14919.page-actions-panel .panel-inner .numbers-panel { 14920 color: #acacac; 14921 text-align: left; 14922 font-size: 16px; 14923 line-height: 1.5; 14924 height: inherit; 14925} 14926.page-actions-panel_wrapper { 14927 padding-top: 9px; 14928 margin: 0; 14929 height: inherit; 14930} 14931.page-actions-panel_wrapper-block { 14932 display: flex; 14933 padding: 0 9px 20px; 14934 -webkit-box-pack: center; 14935 justify-content: center; 14936 -webkit-box-align: center;
14937 align-items: center; 14938 height: inherit; 14939} 14940.page-actions-panel_wrapper-subblock { 14941 position: relative; 14942 display: flex; 14943 height: inherit; 14944 width: 100%; 14945} 14946.page-actions-panel_wrapper-subblock_inputs { 14947 position: absolute; 14948 top: 0; 14949 left: 0; 14950 width: 100%; 14951 height: 100%; 14952 display: flex; 14953 flex-direction: column; 14954 -webkit-box-pack: justify; 14955 justify-content: space-between; 14956} 14957.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs { 14958 display: flex; 14959 padding: 8px 0; 14960 -webkit-box-pack: justify; 14961 justify-content: space-between; 14962} 14963.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label { 14964 position: relative; 14965 overflow: hidden; 14966 background-color: white; 14967 cursor: pointer; 14968 display: flex; 14969 width: 16px; 14970 height: 16px; 14971 border-radius: 50%; 14972 border: 1px solid #A7A9AA; 14973} 14974.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label svg { 14975 position: absolute; 14976 top: -1px; 14977 left: -1px; 14978 fill: transparent; 14979} 14980.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active svg { 14981 position: absolute; 14982 top: -2px; 14983 left: -2px; 14984 fill: #1CAB48; 14985 width: 20px; 14986 height: 20px; 14987} 14988.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label.active { 14989 border: none; 14990} 14991.page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label input { 14992 visibility: hidden; 14993 box-sizing: border-box; 14994 padding: 0; 14995 overflow: visible; 14996} 14997 14998.page-actions-panel_wrapper-block img { 14999 max-width: 83px; 15000 margin-left: auto; 15001 margin-right: auto; 15002} 15003 15004.page-actions-panel__view { 15005 color: #1A8FE3; 15006 display: flex; 15007 flex-direction: column; 15008 align-items: center; 15009 justify-content: center; 15010 margin-left: auto; 15011 margin-right: auto; 15012} 15013 15014.page-actions-panel__view span { 15015 font-weight: 500; 15016 font-size: 12px; 15017 line-height: 18px; 15018 padding-top: 4px; 15019} 15020 15021 15022@media (max-width: 767px) { 15023 15024 .uploader-container--add-numbers { 15025 padding-top: 24px; 15026 padding-bottom: 24px; 15027 } 15028 15029 .page-actions-panel_box { 15030 margin-left: 0; 15031 padding-left: 0; 15032 border: none; 15033 } 15034 15035 .uploader-container--add-numbers .card-title h3 { 15036 font-weight: 600; 15037 font-size: 16px; 15038 line-height: 24px; 15039 } 15040 15041 .uploader-container--add-numbers .card-body { 15042 margin-top: 16px; 15043 } 15044 15045 .uploader-container--add-numbers hr { 15046 display: block; 15047 margin-top: 24px; 15048 margin-bottom: 24px; 15049 } 15050 15051 .button--card-footer { 15052 width: 100%; 15053 } 15054} 15055 15056.dark-mode .uploader-container { 15057 background-color: #1A252E; 15058} 15059 15060.dark-mode .uploader-container--add-numbers .card-title h3, 15061.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary, 15062.dark-mode .uploader-container--add-numbers .chage-background_pick .form-control-field, 15063.dark-mode .page-actions-panel_box p, 15064.dark-mode .number-preview p { 15065 color: #fff; 15066} 15067 15068.dark-mode .font-control .font-picker .dropdown-button { 15069 background: transparent; 15070 color: #fff; 15071} 15072 15073.dark-mode .font-control .font-picker .dropdown-button, 15074.dark-mode .uploader-container--add-numbers .dropdown .btn-secondary, 15075.dark-mode .page-actions-panel_box, 15076.dark-mode .page-actions-panel { 15077 border-color: #828586; 15078} 15079 15080.dark-mode .number-preview, 15081.dark-mode .page-actions-panel_wrapper-subblock_inputs .radio-block-inputs label { 15082 background: #131b20; 15083} 15084 15085/* Extract Images from PDF */ 15086.uploader-container--images .uploader-container__box { 15087 padding-top: 8px; 15088 padding-bottom: 8px; 15089} 15090 15091.uploader-container__box .button { 15092 padding-left: 14px; 15093 padding-right: 14px; 15094 margin-left: 4px; 15095 font-size: 12px; 15096 line-height: 18px; 15097 padding-top: 11px; 15098 padding-bottom: 11px; 15099} 15100.uploader-container__box .button:first-child { 15101 margin-left: 0; 15102} 15103 15104.uploader-container__box .button-outline { 15105 padding-top: 10px; 15106 padding-bottom: 10px; 15107 padding-left: 12px; 15108 padding-right: 12px; 15109} 15110 15111.uploader-container .btn-group > .button-outline { 15112 padding: 10px 4px 9px 16px; 15113} 15114 15115.uploader-container__box .button-outline--grey { 15116 padding-left: 16px; 15117 padding-right: 16px; 15118 padding-top: 10px; 15119 padding-bottom: 9px; 15120} 15121 15122.uploader-container--images .card-body { 15123 height: 420px; 15124 overflow-x: hidden; 15125 padding-right: 12px; 15126 margin-right: -12px; 15127 padding-top: 0; 15128 padding-bottom: 0; 15129 margin-top: 40px; 15130} 15131 15132.uploader-container--images .images-preview { 15133 margin-left: -8px; 15134 margin-right: -8px; 15135} 15136 15137.images-preview .item { 15138 display: inline-flex; 15139 width: 225px; 15140 height: 225px; 15141 align-items: center; 15142 position: relative; 15143 padding: 0; 15144 border: 1px solid #E3E3E4; 15145 border-radius: 8px; 15146 margin-left: 8px; 15147 margin-right: 8px; 15148 margin-top: 12px; 15149 margin-bottom: 40px; 15150 flex: 0 0 23.3%; 15151 transition: background-color .2s linear; 15152} 15153 15154.images-preview .item:before { 15155 content: ""; 15156 display: block; 15157 position: absolute; 15158 top: 0; 15159 bottom: 0; 15160 left: 0; 15161 right: 0; 15162 background-color: rgba(24, 29, 32, 0.16); 15163 opacity: 0; 15164 border-radius: inherit; 15165 z-index: 1; 15166 transition: opacity .2s linear; 15167} 15168 15169.images-preview .item:hover:before { 15170 opacity: 1; 15171} 15172 15173.uploader-container--images .preview-page { 15174 width: 100%; 15175 border-radius: inherit; 15176 display: flex; 15177 justify-content: center; 15178} 15179 15180.uploader-container--images .preview-page .buttons { 15181 display: none; 15182} 15183 15184.images-preview .item img { 15185 width: 100%; 15186 max-height: 100%; 15187 border-radius: inherit; 15188} 15189 15190.images-preview .item .btn-download { 15191 position: absolute; 15192 top: 50%; 15193 left: 50%; 15194 transform: translate(-50%, -50%); 15195 -ms-transform: translate(-50%, -50%); 15196 cursor: pointer; 15197} 15198 15199.uploader-container .item:hover .buttons { 15200 opacity: 1; 15201} 15202 15203.uploader-container .buttons { 15204 background: #FFFFFF; 15205 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 15206 border-radius: 8px; 15207 padding: 8px; 15208 position: absolute; 15209 top: 50%; 15210 left: 50%; 15211 transform: translate(-50%, -50%); 15212 -ms-transform: translate(-50%, -50%); 15213 display: flex; 15214 opacity: 0; 15215 transition: opacity .2s ease-in; 15216 z-index: 2; 15217} 15218 15219.uploader-container .buttons .button-outline { 15220 padding: 4px; 15221 margin-left: 4px; 15222 border: none; 15223 min-height: 28px; 15224} 15225.uploader-container .buttons .button-outline:first-child { 15226 margin-left: 0; 15227} 15228 15229.uploader-container .buttons .button-outline:hover { 15230 background-color: #e1e1e1; 15231} 15232 15233.uploader-container .buttons .button { 15234 border-radius: 4px; 15235} 15236 15237.uploader-container .buttons .button-view { 15238 color: #707375; 15239} 15240 15241.uploader-container .buttons .button-download { 15242 color: #1A8FE3; 15243} 15244 15245.uploader-container .buttons .button-delete { 15246 color: #E2464C; 15247} 15248 15249.uploader-container .buttons .button-rotate { 15250 color: #707375; 15251} 15252 15253.images-preview .buttons .btn-group { 15254 position: relative; 15255 margin-left: 8px; 15256} 15257 15258.images-preview .buttons .btn-group:first-child { 15259 margin-left: 0; 15260} 15261 15262.images-preview .buttons .btn-group:before { 15263 content: ""; 15264 position: absolute; 15265 top: 50%; 15266 left: -5px; 15267 transform: translateY(-50%); 15268 height: 10px; 15269 width: 1px; 15270 background-color: #E3E3E4; 15271} 15272 15273.images-preview .buttons .btn-group:first-child:before { 15274 display: none; 15275} 15276 15277.images-preview__number { 15278 position: absolute; 15279 left: 0; 15280 right: 0; 15281 top: 100%; 15282 text-align: center; 15283 margin-top: 8px; 15284 font-weight: 500; 15285 font-size: 14px; 15286 color: #181D20; 15287 line-height: 20px; 15288} 15289 15290@media (max-width: 1200px) { 15291 .images-preview .item { 15292 flex: 0 0 23%; 15293 height: 215px; 15294 margin-bottom: 85px; 15295 } 15296 15297 .uploader-container--pdf .item { 15298 margin-bottom: 52px; 15299 } 15300 15301 .uploader-container .buttons { 15302 opacity: 1; 15303 transform: translate(-50%, 0); 15304 top: 100%; 15305 margin-top: 34px; 15306 background-color: transparent; 15307 box-shadow: none; 15308 } 15309 15310 .uploader-container--pdf .buttons { 15311 margin-top: 4px; 15312 } 15313 15314 .uploader-container--pdf .button-view, 15315 .uploader-container .btn-group .button-view { 15316 display: none; 15317 } 15318 15319 .uploader-container .buttons .button-outline { 15320 border: 1px solid #E3E3E4; 15321 border-radius: 4px; 15322 } 15323 15324 .uploader-container .buttons .button:first-child:before { 15325 right: -5px; 15326 } 15327 15328 .uploader-container--images .preview-page { 15329 position: relative; 15330 } 15331 15332 .uploader-container--images .preview-page .buttons { 15333 margin-top: 0; 15334 top: 50%; 15335 transform: translate(-50%, -50%); 15336 } 15337 .images-preview .item:hover .preview-page .buttons { 15338 display: flex; 15339 } 15340 15341 .uploader-container--images .preview-page .button-view { 15342 margin-right: 0; 15343 border: none; 15344 background: #FFFFFF; 15345 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 15346 border-radius: 6px; 15347 display: block; 15348 } 15349 15350 .uploader-container--images .preview-page .button-view:before { 15351 display: none; 15352 } 15353} 15354 15355@media (max-width: 992px) { 15356 .images-preview .item { 15357 flex: 0 0 22%; 15358 height: 150px; 15359 } 15360} 15361 15362@media (max-width: 767px) { 15363 .images-preview .item { 15364 flex: 0 0 45%; 15365 max-width: 45%; 15366 } 15367 15368 .uploader-container .dropup .dropdown-toggle::after { 15369 border-right: 2px solid #fff; 15370 border-bottom: 2px solid #fff; 15371 vertical-align: 1px; 15372 } 15373} 15374 15375/* Split PDF File */ 15376.uploader-container__box .nav { 15377 margin-left: -10px; 15378 border: 1px solid #E3E3E4; 15379 border-radius: 8px; 15380 padding: 1px 8px; 15381 align-items: center; 15382 position: relative; 15383 margin-right: 16px; 15384} 15385 15386.uploader-container__box .nav::before { 15387 content: ""; 15388 position: absolute; 15389 top: 50%; 15390 right: -8px; 15391 transform: translateY(-50%); 15392 height: 16px; 15393 width: 1px; 15394 background-color: #E3E3E4; 15395} 15396 15397.uploader-container__box .nav .btn-link { 15398 color: #707375; 15399 padding: 2px; 15400} 15401 15402.uploader-container__box .nav .form-control { 15403 border: none; 15404 padding: 0; 15405 margin-left: 4px; 15406 margin-right: 4px; 15407 max-width: 34px; 15408 font-weight: 500; 15409 font-size: 14px; 15410 line-height: 20px; 15411 color: #707375; 15412 text-align: center; 15413} 15414 15415.uploader-container__box .form-group > .form-control { 15416 border-color: #E3E3E4; 15417 border-radius: 8px; 15418 font-size: 12px; 15419 line-height: 18px; 15420 color: #707375; 15421 font-weight: 500; 15422 height: 39px; 15423} 15424 15425.uploader-container__box .form-group > .form-control::placeholder { 15426 color: #A7A9AA; 15427 font-weight: 400; 15428} 15429 15430@media (max-width: 767px) { 15431 .uploader-container__box .nav { 15432 display: none; 15433 } 15434 15435 .uploader-container__box .form-inline { 15436 width: 100%; 15437 display: block; 15438 } 15439 15440 .button-box .button { 15441 width: calc(50% - 4px); 15442 } 15443} 15444 15445/* Edit PDF */ 15446.uploader-container .file-drop-area { 15447 margin-top: 0; 15448 padding: 0; 15449 border: none; 15450} 15451 15452.uploader-container .file-drop-area > .row { 15453 width: 100%; 15454} 15455 15456.file-drop-area__buttons { 15457 display: flex; 15458 align-items: center; 15459 flex-wrap: wrap; 15460 max-width: 426px; 15461 margin-left: auto; 15462 margin-right: auto; 15463} 15464 15465.uploader-container .file-drop-area .button { 15466 border-radius: 8px; 15467 font-weight: 600; 15468 font-size: 16px; 15469} 15470 15471.file-drop-area .button svg { 15472 margin-right: 8px; 15473} 15474 15475.file-drop-area .button.file-uploads { 15476 padding-top: 17px; 15477 padding-bottom: 17px; 15478 margin-right: 8px; 15479 flex-grow: 1; 15480} 15481 15482.file-uploads { 15483 overflow: hidden; 15484 position: relative; 15485 text-align: center; 15486 display: inline-block; 15487} 15488 15489.file-uploads.file-uploads-html4 input, .file-uploads.file-uploads-html5 label { 15490 background: #fff; 15491 opacity: 0; 15492 font-size: 20em; 15493 z-index: 1; 15494 top: 0; 15495 left: 0; 15496 right: 0; 15497 bottom: 0; 15498 position: absolute; 15499 width: 100%; 15500 height: 100%; 15501} 15502 15503.file-uploads.file-uploads-html5 input { 15504 background: rgba(255,255,255,0); 15505 overflow: hidden; 15506 position: fixed; 15507 width: 1px; 15508 height: 1px; 15509 z-index: -1; 15510 opacity: 0; 15511} 15512 15513.button-file-create { 15514 margin-top: 12px; 15515 color: #1A8FE3; 15516 background: #F6FBFE; 15517 flex-grow: 1; 15518 margin-right: 8px; 15519} 15520 15521.file-drop-area__buttons .button-files { 15522 margin-top: 12px; 15523 margin-right: 8px; 15524} 15525 15526@media (max-width: 767px) { 15527 15528 .uploader-container .file-drop-area { 15529 padding-top: 112px; 15530 padding-bottom: 100px; 15531 padding-left: 34px; 15532 padding-right: 34px; 15533 height: auto; 15534 } 15535 15536 .uploader-container .file-drop-area .button { 15537 width: 100%; 15538 font-size: 12px; 15539 line-height: 18px; 15540 margin-right: 0; 15541 padding-top: 9px; 15542 padding-bottom: 9px; 15543 } 15544 15545 .file-drop-area .button.file-uploads { 15546 padding-top: 10px; 15547 padding-bottom: 10px; 15548 } 15549 15550 .uploader-container .file-drop-area .button-files { 15551 margin-top: 12px; 15552 } 15553 15554 .uploader-container .button.button-file-create { 15555 padding-top: 11px; 15556 padding-bottom: 11px; 15557 } 15558 15559 p.drag { 15560 font-size: 12px; 15561 } 15562} 15563 15564/* ctrl-icon */ 15565.ctrl-icon { 15566 display: inline-block; 15567 vertical-align: middle; 15568 width: 24px; 15569 height: 24px; 15570} 15571 15572.ctrl-icon--fill { 15573 fill: currentColor; 15574 stroke: none; 15575} 15576 15577.ctrl-icon--stroke { 15578 fill: none; 15579 stroke: currentColor; 15580} 15581/* end ctrl-icon */ 15582 15583/* ctrl-btn */ 15584.ctrl-btn { 15585 display: inline-flex; 15586 align-items: center; 15587 justify-content: center; 15588 text-decoration: none; 15589 font-size: 14px; 15590 line-height: calc(20 / 14); 15591 color: var(--color, #1A8FE3); 15592 border-color: var(--border-color, #1A8FE3);; 15593} 15594.ctrl-btn__icon {
15595 width: 20px; 15596 height: 20px; 15597 margin-right: 8px; 15598 15599} 15600.ctrl-btn__text { 15601 15602} 15603 15604.ctrl-btn--view-stroke { 15605 15606} 15607 15608.ctrl-btn--view-link { 15609 padding: 0; 15610 border-width: 0; 15611 background-color: transparent; 15612} 15613/* end ctrl-btn */ 15614 15615/* ctrl-btn-icon */ 15616.ctrl-btn-rounded { 15617 display: inline-flex; 15618 align-items: center; 15619 justify-content: center; 15620 padding: 7px 16px; 15621 border-width: 1px; 15622 border-style: solid; 15623 color: var(--color, #707375); 15624 border-color: var(--border-color, #E3E3E4); 15625 border-radius: 18px; 15626 background-color: #fff; 15627 font-size: 12px; 15628 line-height: calc(16 / 12); 15629} 15630 15631.ctrl-btn-rounded__icon { 15632 width: 16px; 15633 height: 16px; 15634 margin-right: 8px; 15635} 15636 15637.ctrl-btn-rounded__text {} 15638 15639.ctrl-btn-rounded:hover { 15640 --color: #1A8FE3; 15641 --border-color: #1A8FE3; 15642} 15643/* end ctrl-btn-icon */ 15644 15645/* ctrl-btn-icon */ 15646.ctrl-btn-icon { 15647 padding: 0; 15648 width: 24px; 15649 height: 24px; 15650 border-width: 0; 15651 border-radius: 4px; 15652 color: inherit; 15653 background-color: transparent; 15654} 15655 15656.ctrl-btn-icon__icon { 15657 display: block; 15658 width: 100%; 15659 height: 100%; 15660} 15661 15662.ctrl-btn-icon__text { 15663 clip: rect(0 0 0 0); 15664 clip-path: inset(50%); 15665 height: 1px; 15666 overflow: hidden; 15667 position: absolute; 15668 white-space: nowrap; 15669 width: 1px; 15670} 15671 15672.ctrl-btn-icon--size-xs { 15673 width: 16px; 15674 height: 16px; 15675} 15676 15677.ctrl-btn-icon--size-xl { 15678 width: 40px; 15679 height: 40px; 15680 padding: 8px; 15681} 15682/* end ctrl-btn-icon */ 15683 15684/* ctrl-range */ 15685.ctrl-range { 15686 width: 100%; 15687 height: 16px; 15688 padding: 0; 15689 background-color: transparent; 15690 -webkit-appearance: none; 15691 -moz-appearance: none; 15692} 15693.ctrl-range:focus{ 15694 outline:0 15695} 15696.ctrl-range::-moz-focus-outer{ 15697 border: 0; 15698} 15699.ctrl-range::-webkit-slider-thumb { 15700 width: 16px; 15701 height: 16px; 15702 margin-top: -7px; 15703 background-color: #fff; 15704 border-width: 2px; 15705 border-style: solid; 15706 border-color: #4097F4; 15707 border-radius: 50%; 15708 -webkit-appearance: none; 15709 -moz-appearance: none; 15710 appearance: none; 15711} 15712.ctrl-range::-moz-range-thumb { 15713 width: 16px; 15714 height: 16px; 15715 margin-top: -7px; 15716 background-color: #fff; 15717 border-width: 2px; 15718 border-style: solid; 15719 border-color: #4097F4; 15720 border-radius: 50%; 15721 -webkit-appearance: none; 15722 -moz-appearance: none; 15723 appearance: none; 15724} 15725 15726.ctrl-range::-webkit-slider-thumb:active {} 15727.ctrl-range::-moz-range-thumb:active {} 15728 15729.ctrl-range::-webkit-slider-runnable-track { 15730 width:100%; 15731 height: 2px; 15732 color:transparent; 15733 cursor:pointer; 15734 background-color:#dee2e6; 15735 border-color:transparent; 15736 border-radius: 2px; 15737} 15738.ctrl-range::-moz-range-track { 15739 width:100%; 15740 height: 2px; 15741 color:transparent; 15742 cursor:pointer; 15743 background-color:#dee2e6; 15744 border-color:transparent; 15745 border-radius: 2px; 15746} 15747 15748/*.ctrl-range:disabled::-webkit-slider-thumb{background-color:#adb5bd}*/ 15749/*.ctrl-range:disabled::-webkit-slider-runnable-track{cursor:default}*/ 15750/*.ctrl-range:disabled::-moz-range-thumb{background-color:#adb5bd}*/ 15751/*.ctrl-range:disabled::-moz-range-track{cursor:default}*/ 15752/* end ctrl-range */ 15753 15754/* ctrl-text-styles */ 15755.ctrl-text-styles { 15756 display: flex; 15757} 15758 15759.ctrl-text-styles__button { 15760 margin-right: 8px; 15761 width: 36px; 15762 height: 36px; 15763 padding: 6px; 15764} 15765 15766.ctrl-text-styles__button:last-child { 15767 margin-right: 0; 15768} 15769 15770.ctrl-text-styles__button.is-active { 15771 background-color: #F6F6F6; 15772 border-radius: 8px; 15773} 15774/* end ctrl-text-styles */ 15775 15776/* ctrl-check-style */ 15777.ctrl-check-style { 15778 display: flex; 15779} 15780 15781.ctrl-check-style__item { 15782 position: relative; 15783 flex-basis: 25%; 15784 flex-grow: 1; 15785 flex-shrink: 0; 15786 margin-right: 12px; 15787 cursor: pointer; 15788} 15789 15790.ctrl-check-style__label { 15791 display: block; 15792 padding: 16px; 15793 border-width: 1px; 15794 border-style: solid; 15795 border-color: #E3E3E4; 15796 border-radius: 8px; 15797 font-size: 14px; 15798 line-height: calc(20 / 14); 15799 text-align: center; 15800 color: #181D20; 15801 background-color: #fff; 15802 transition-property: border-color, color; 15803 transition-duration: .125s; 15804 transition-timing-function: ease-in-out; 15805} 15806 15807.ctrl-check-style__field { 15808 position: absolute; 15809 top: 0; 15810 left: 0; 15811 opacity: 0; 15812} 15813 15814.ctrl-check-style__field:checked + .ctrl-check-style__label { 15815 color: #1A8FE3; 15816 border-color: #1A8FE3; 15817} 15818 15819.ctrl-check-style__item:last-child { 15820 margin-right: 0; 15821} 15822/* end ctrl-check-style */ 15823 15824/* ctrl-preset-style */ 15825.ctrl-preset-style { 15826 display: block; 15827 width: 200px; 15828 padding: 0; 15829 border-width: 1px; 15830 border-style: solid; 15831 border-color: #E3E3E4; 15832 border-radius: 8px; 15833 font-weight: 400; 15834 font-size: 14px; 15835 line-height: calc(20 / 14); 15836 text-align: left; 15837 background-color: #fff; 15838 overflow: hidden; 15839} 15840 15841.ctrl-preset-style__box { 15842 display: flex; 15843 flex-direction: column; 15844 align-items: center; 15845 justify-content: center; 15846 height: 120px; 15847 padding: 20px; 15848 color: #fff; 15849 background-image: 15850 linear-gradient( 15851 180deg, 15852 #181D20 0%, 15853 rgba(24, 29, 32, 0) 195% 15854 ); 15855} 15856 15857.ctrl-preset-style__preview { 15858 margin-bottom: 2px; 15859 padding: 3px; 15860 text-align: center; 15861} 15862 15863.ctrl-preset-style__preview:last-child { 15864 margin-bottom: 0; 15865} 15866 15867.ctrl-preset-style__text { 15868 display: block; 15869 padding: 10px 10px 16px; 15870 border-top-width: 1px; 15871 border-top-style: solid; 15872 border-top-color: #E3E3E4; 15873 color: var(--color, #707375); 15874} 15875 15876.ctrl-preset-style.is-active { 15877 --color: #1A8FE3; 15878} 15879 15880.ctrl-preset-style--default {} 15881.ctrl-preset-style--default .ctrl-preset-style__preview { 15882 background-color: rgba(24, 29, 32, .56); 15883 border-radius: 4px; 15884} 15885 15886/* end ctrl-preset-style */ 15887 15888/* light-scroll */ 15889.light-scroll { 15890} 15891 15892.light-scroll::-webkit-scrollbar {
15893 width: 3px; 15894 height: 3px; 15895} 15896 15897.light-scroll::-webkit-scrollbar-track { 15898 background: transparent; 15899} 15900 15901.light-scroll::-webkit-scrollbar-thumb { 15902 background-color: var(--scroll-color, transparent); 15903 border-radius: 10px; 15904 border-width: 0; 15905 border-color: transparent; 15906} 15907 15908.light-scroll:hover { 15909 --scroll-color: #E3E3E4; 15910} 15911 15912.dark-mode .light-scroll:hover { 15913 --scroll-color: #223544 15914} 15915/* end light-scroll */ 15916 15917/* ctrl-generate */ 15918.ctrl-generate { 15919 text-align: left; 15920} 15921.ctrl-generate__header {} 15922.ctrl-generate__label {} 15923.ctrl-generate__body { 15924 position: relative; 15925} 15926.ctrl-generate__field { 15927 display: block; 15928 width: 100%; 15929 padding: 14px; 15930 border-width: 1px; 15931 border-style: solid; 15932 border-color: transparent; 15933 border-radius: 100px; 15934 font-size: 12px; 15935 line-height: calc(18 / 12); 15936 letter-spacing: .005em; 15937 color: #525658; 15938 background-color: #fff; 15939 box-shadow: 3px 1px 32px rgba(24, 29, 32, var(--field-shadow-opacity, .05)); 15940 text-overflow: ellipsis; 15941} 15942.ctrl-generate__field::-webkit-input-placeholder { 15943 color: #A7A9AA; 15944} 15945 15946.ctrl-generate__field:focus { 15947 --field-shadow-opacity: .1; 15948} 15949 15950.ctrl-generate__button-go { 15951 position: absolute; 15952 top: 4px; 15953 right: 4px; 15954 padding: 11px; 15955 font-size: 12px !important; 15956 line-height: calc(18 / 12); 15957 border-radius: 100px; 15958} 15959 15960.ctrl-generate--label-is-hidden {} 15961.ctrl-generate--label-is-hidden .ctrl-generate__label { 15962 clip: rect(0 0 0 0); 15963 clip-path: inset(50%); 15964 height: 1px; 15965 overflow: hidden; 15966 position: absolute; 15967 white-space: nowrap; 15968 width: 1px; 15969} 15970.ctrl-generate--with-button-generate {} 15971.ctrl-generate--with-button-generate .ctrl-generate__field { 15972 padding-right: 88px; 15973} 15974 15975.dark-mode .ctrl-generate__field { 15976 color: #fff; 15977 background-color: #223544; 15978} 15979 15980.dark-mode .ctrl-generate__field::-webkit-input-placeholder { 15981 color: #bbb; 15982} 15983 15984@media (min-width: 992px) { 15985 15986 .ctrl-generate__field { 15987 padding: 17px; 15988 border-radius: 100px; 15989 font-size: 14px; 15990 line-height: calc(20 / 14); 15991 letter-spacing: normal; 15992 } 15993 15994 .ctrl-generate__button-go { 15995 position: absolute; 15996 top: 8px; 15997 right: 8px; 15998 padding-right: 16px; 15999 padding-left: 16px; 16000 } 16001 16002 .ctrl-generate--with-button-generate .ctrl-generate__field { 16003 padding-right: 108px; 16004 } 16005} 16006/* end ctrl-generate */ 16007 16008/* block-try */ 16009.block-try { 16010 padding: 12px; 16011 border-radius: 12px; 16012 background-color: #fff; 16013} 16014 16015.block-try__icon-box { 16016 display: block; 16017 width: 40px; 16018 height: 40px; 16019 padding: 10px; 16020 border-radius: 8px; 16021 color: #1A8FE3; 16022 background-color: #EFF7FD; 16023} 16024 16025.block-try__icon { 16026 display: block; 16027 width: 100%; 16028 height: 100%; 16029} 16030 16031.block-try__name { 16032 margin-top: 8px; 16033 font-weight: 600; 16034 font-size: 14px; 16035 line-height: calc(20 / 14); 16036 color: #181D20; 16037} 16038 16039.block-try__description { 16040 margin-top: 2px; 16041 font-size: 12px; 16042 line-height: calc(18 / 12); 16043 letter-spacing: .005em; 16044 color: #707375; 16045} 16046 16047.block-try__actions { 16048 margin-top: 12px; 16049} 16050 16051.block-try__button { 16052 width: 100%; 16053} 16054 16055.dark-mode .block-try { 16056 background-color: #223544; 16057} 16058 16059.dark-mode .block-try__name { 16060 color: #fff; 16061} 16062 16063.dark-mode .block-try__description { 16064 color: #bbb; 16065} 16066 16067.dark-mode .block-try__icon-box { 16068 background-color: #1f2a33; 16069} 16070 16071@media (min-width: 992px) { 16072 .block-try { 16073 padding: 24px; 16074 display: flex; 16075 flex-direction: column; 16076 } 16077 16078 .block-try__icon-box { 16079 width: 56px; 16080 height: 56px; 16081 padding: 15px; 16082 } 16083 16084 .block-try__name { 16085 margin-top: 16px; 16086 font-size: 20px; 16087 line-height: calc(30 / 20); 16088 color: #181D20; 16089 } 16090 16091 .block-try__description { 16092 margin-bottom: auto; 16093 font-size: 14px; 16094 line-height: calc(20 / 14); 16095 letter-spacing: normal; 16096 } 16097 16098 .block-try__actions { 16099 margin-top: 24px; 16100 } 16101} 16102/* end block-try */ 16103 16104/* list-try */ 16105.list-try {} 16106 16107.list-try__item { 16108 margin-bottom: 12px; 16109} 16110 16111.list-try__item:last-child { 16112 margin-bottom: 0; 16113} 16114 16115@media (min-width: 768px) { 16116 .list-try { 16117 display: grid; 16118 grid-template-columns: repeat(3, 1fr); 16119 gap: 12px; 16120 } 16121 .list-try__item { 16122 margin-bottom: 0; 16123 } 16124} 16125 16126@media (min-width: 992px) { 16127 .list-try { 16128 gap: 16px; 16129 } 16130} 16131/* end list-try */ 16132 16133/* block-article-preview */ 16134.block-article-preview { 16135 position: relative; 16136 border-width: 1px; 16137 border-style: solid; 16138 border-color: #E3E3E4; 16139 border-radius: 12px; 16140 background-color: #fff; 16141 overflow: hidden; 16142} 16143 16144.block-article-preview__image { 16145 display: block; 16146 width: 100%; 16147 height: 230px; 16148 object-fit: cover; 16149 object-position: center; 16150} 16151 16152.block-article-preview__body { 16153 padding: 10px 10px 16px; 16154 border-top-width: 1px; 16155 border-top-style: solid; 16156 border-top-color: #E3E3E4; 16157} 16158 16159.block-article-preview__name { 16160 font-weight: 500; 16161 font-size: 14px; 16162 line-height: calc(20 / 14); 16163 color: #181D20; 16164} 16165 16166.block-article-preview__date { 16167 margin-top: 2px; 16168 font-weight: 400; 16169 font-size: 12px; 16170 line-height: calc(18 / 12); 16171 letter-spacing: .005em; 16172 color: #707375; 16173} 16174 16175.block-article-preview__link { 16176 position: absolute; 16177 top: 0; 16178 left: 0; 16179 width: 100%; 16180 height: 100%; 16181 opacity: 0; 16182} 16183 16184.dark-mode .block-article-preview { 16185 border-color: #314453; 16186 background-color: #223544; 16187} 16188 16189.dark-mode .block-article-preview__body { 16190 border-top-color: #314453; 16191} 16192 16193.dark-mode .block-article-preview__name { 16194 color: #fff; 16195} 16196 16197.dark-mode .block-article-preview__date { 16198 color: #bbb; 16199} 16200 16201@media (min-width: 992px) { 16202 .block-article-preview__image { 16203 height: 165px; 16204 } 16205} 16206/* end block-article-preview */ 16207 16208/* list-articles-preview */ 16209.list-articles-preview {} 16210 16211.list-articles-preview__item { 16212 margin-bottom: 16px; 16213} 16214 16215.list-articles-preview__item:last-child { 16216 margin-bottom: 0; 16217} 16218 16219@media (min-width: 768px) { 16220 .list-articles-preview { 16221 display: grid; 16222 grid-template-columns: repeat(2, 1fr); 16223 gap: 16px; 16224 } 16225 16226 .list-articles-preview__item { 16227 margin-bottom: 0; 16228 } 16229} 16230 16231@media (min-width: 992px) { 16232 .list-articles-preview { 16233 grid-template-columns: repeat(4, 1fr); 16234 } 16235} 16236/* end list-articles-preview */ 16237 16238/* loading-box */ 16239@keyframes gradient { 16240 0% { 16241 background-position: 0 50%; 16242 } 16243 50% { 16244 background-position: 100% 50%; 16245 } 16246 100% { 16247 background-position: 0 50%; 16248 } 16249} 16250 16251.loading-box { 16252 display: flex; 16253 align-items: center; 16254} 16255 16256.loading-box__item { 16257 display: block; 16258 flex-shrink: 0;
16259 width: 20px; 16260 height: 20px; 16261 border-radius: 6px; 16262 background-image: linear-gradient(90deg, #F1EFEF, #F9F8F8, #E7E5E5); 16263 background-size: 300% 300%; 16264 animation-name: gradient; 16265 animation-duration: 5s; 16266 animation-timing-function: ease; 16267 animation-iteration-count: infinite; 16268} 16269 16270.loading-box__item--button { 16271 width: 40px; 16272 height: 40px; 16273} 16274 16275.loading-box__item--image { 16276 width: 48px; 16277 height: 48px; 16278} 16279 16280.dark-mode .loading-box__item { 16281 background-image: linear-gradient(90deg, #536676, #395061, #335069); 16282} 16283 16284/* end loading-box */ 16285 16286/* table-ap */ 16287.table-ap-box { 16288 overflow-x: auto; 16289 overflow-y: hidden; 16290 padding-bottom: 8px; 16291} 16292 16293.table-ap { 16294 table-layout: fixed; 16295 min-width: 100%; 16296 background-color: #fff; 16297 border-spacing: 0; 16298 border-collapse: separate; 16299 border-radius: 12px; 16300 border-width: 1px; 16301 border-style: solid; 16302 border-color: #E3E3E4; 16303} 16304 16305.table-ap thead .table-ap__row:first-child .table-ap__cell:first-child { 16306 border-top-left-radius: 12px; 16307} 16308 16309.table-ap thead .table-ap__row:first-child .table-ap__cell:last-child { 16310 border-top-right-radius: 12px; 16311} 16312 16313.table-ap tbody .table-ap__row:last-child .table-ap__cell::before { 16314 content: none; 16315} 16316 16317.table-ap__row {} 16318 16319.table-ap__cell { 16320 box-sizing: content-box; 16321 padding-top: 10px; 16322 padding-bottom: 10px; 16323 vertical-align: middle; 16324} 16325 16326.table-ap__cell:first-child { 16327 padding-left: 10px; 16328} 16329 16330.table-ap__cell:last-child { 16331 padding-right: 10px; 16332} 16333 16334.table-ap__cell--th { 16335 border-bottom-width: 1px; 16336 border-bottom-style: solid; 16337 border-bottom-color: #E3E3E4; 16338 font-weight: 400; 16339 font-size: 12px; 16340 line-height: calc(18 / 12); 16341 letter-spacing: .005em; 16342 color: #707375; 16343 background-color: #F6F6F6; 16344 white-space: nowrap; 16345} 16346 16347.table-ap__cell--td { 16348 position: relative; 16349 padding-top: 12px; 16350 padding-bottom: 12px; 16351 font-weight: 500; 16352 font-size: 14px; 16353 line-height: calc(20 / 14); 16354 color: #181D20; 16355} 16356 16357.table-ap__cell--td::before { 16358 content: ""; 16359 position: absolute; 16360 bottom: 0; 16361 right: 0; 16362 left: 0; 16363 height: 1px; 16364 background-color: #E3E3E4; 16365} 16366 16367.table-ap__cell--td:first-child::before { 16368 left: 10px; 16369} 16370 16371.table-ap__cell--td:last-child::before { 16372 right: 10px; 16373} 16374 16375.table-ap__cell--title { 16376 white-space: nowrap; 16377 text-overflow: ellipsis; 16378 overflow: hidden; 16379} 16380 16381.table-ap__image { 16382 width: 48px; 16383 height: 48px; 16384 margin-right: 10px; 16385 border-radius: 12px; 16386 object-fit: cover; 16387 object-position: center; 16388} 16389 16390.table-ap__button { 16391 display: inline-block; 16392 width: 40px; 16393 height: 40px; 16394 padding: 10px; 16395 border-width: 1px; 16396 border-style: solid; 16397 color: #707375; 16398 border-color: #E3E3E4; 16399 border-radius: 8px; 16400 background-color: #fff; 16401} 16402 16403.table-ap__cell--hidden > span { 16404 clip: rect(0 0 0 0); 16405 clip-path: inset(50%); 16406 height: 1px; 16407 overflow: hidden; 16408 position: absolute; 16409 white-space: nowrap; 16410 width: 1px; 16411} 16412 16413.dark-mode .table-ap { 16414 background-color: #223544; 16415 border-color: #314453; 16416} 16417 16418.dark-mode .table-ap__cell--th { 16419 border-bottom-color: #314453; 16420 color: #bbb; 16421 background-color: #1F2A33; 16422} 16423 16424.dark-mode .table-ap__cell--td { 16425 color: #fff; 16426} 16427 16428.dark-mode .table-ap__cell--td::before { 16429 background-color: #314453; 16430} 16431 16432.dark-mode .table-ap__button { 16433 border-color: #314453; 16434 color: #fff; 16435 background-color: #1F2A33; 16436} 16437 16438@media (min-width: 992px) { 16439 16440 .table-ap__cell--th { 16441 font-size: 14px; 16442 line-height: calc(20 / 14); 16443 letter-spacing: normal; 16444 } 16445 16446 .table-ap__cell { 16447 padding-top: 16px; 16448 padding-bottom: 16px; 16449 } 16450 16451 .table-ap__cell:first-child { 16452 padding-left: 24px; 16453 } 16454 16455 .table-ap__cell:last-child { 16456 padding-right: 24px; 16457 } 16458 16459 .table-ap__cell--td:first-child::before { 16460 left: 24px; 16461 } 16462 16463 .table-ap__cell--td:last-child::before { 16464 right: 24px; 16465 } 16466} 16467 16468/* table-ap--articles */ 16469.table-ap--articles { } 16470 16471.table-ap--articles .table-ap__cell--number { 16472 width: 20px; 16473 padding-right: 10px; 16474} 16475 16476.table-ap--articles .table-ap__cell--title { 16477 max-width: 500px; 16478} 16479 16480.table-ap--articles .table-ap__cell--date { 16481 width: 110px; 16482 padding-left: 10px; 16483} 16484 16485.table-ap--articles .table-ap__cell--actions { 16486 width: 40px; 16487 padding-left: 10px; 16488 text-align: right; 16489} 16490/* end table-ap--articles */ 16491 16492/* table-ap--5-articles */ 16493.table-ap--5-articles { } 16494 16495.table-ap--5-articles .table-ap__cell--number {
16496 width: 20px; 16497 padding-right: 10px; 16498} 16499 16500.table-ap--5-articles .table-ap__cell--title { 16501 max-width: 500px; 16502} 16503 16504.table-ap--5-articles .table-ap__cell--title .loading-box__item--image { 16505 margin-right: 10px; 16506} 16507 16508.table-ap--5-articles .table-ap__cell--title .loading-box__item--text { 16509 flex-grow: 1; 16510} 16511 16512.table-ap--5-articles .table-ap__cell--actions { 16513 width: 40px; 16514 padding-left: 10px; 16515 text-align: right; 16516} 16517 16518.table-ap--5-articles .table-ap__cell--actions .loading-box { 16519 justify-content: flex-end; 16520} 16521 16522/* end table-ap--5-articles */ 16523 16524@media (min-width: 768px) { 16525 /*.table-ap--5-articles .table-ap__cell--title {*/ 16526 /* width: auto;*/ 16527 /*}*/ 16528} 16529 16530@media (min-width: 992px) { 16531 16532} 16533 16534/* end table-ap */ 16535 16536/* ctrl-view */ 16537.ctrl-view { 16538 display: flex; 16539 align-items: center; 16540} 16541 16542.ctrl-view__body { 16543 display: flex; 16544 align-items: center; 16545 padding: 4px; 16546 border-radius: 8px; 16547 background-color: #fff; 16548 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16549} 16550 16551.ctrl-view__item { 16552 margin-right: 3px; 16553 width: 24px; 16554 height: 24px; 16555 padding: 6px; 16556 border-radius: 6px; 16557 background-color: #fff; 16558} 16559 16560.ctrl-view__item.is-active { 16561 color: #fff; 16562 background-color: #1A8FE3 !important; 16563 box-shadow: 0 10px 32px rgba(26, 143, 227, .24); 16564} 16565 16566.ctrl-view__item:last-child { 16567 margin-right: 0; 16568} 16569 16570.ctrl-view__links { 16571 position: relative; 16572 margin-left: 10px; 16573 padding-left: 10px; 16574} 16575 16576.ctrl-view__links::before { 16577 content: ""; 16578 position: absolute; 16579 width: 1px; 16580 height: 8px; 16581 background-color: #E3E3E4; 16582 top: 50%; 16583 left: 0; 16584 transform: translate(-50%, -50%); 16585} 16586 16587.dark-mode .ctrl-view__body { 16588 background-color: #223544; 16589} 16590 16591.dark-mode .ctrl-view__item { 16592 background-color: #223544; 16593} 16594/* end ctrl-view */ 16595 16596/* articles-preview */ 16597.articles-preview {} 16598 16599.articles-preview__header { 16600 display: flex; 16601 align-items: center; 16602 padding-top: 0; 16603 padding-bottom: 0; 16604 background-color: transparent; 16605} 16606 16607.articles-preview__title { 16608 font-weight: 700; 16609 font-size: 20px; 16610 line-height: calc(28 / 20); 16611 color: #181D20; 16612} 16613 16614.articles-preview__actions { 16615 margin-left: auto; 16616} 16617 16618.articles-preview__body { 16619 margin-top: 16px; 16620} 16621 16622.dark-mode .articles-preview__header { 16623 background-color: transparent; 16624} 16625 16626.dark-mode .articles-preview__title { 16627 color: #fff; 16628} 16629 16630@media (min-width: 992px) { 16631 .articles-preview__title { 16632 font-size: 32px; 16633 line-height: calc(44 / 32); 16634 } 16635 16636 .articles-preview__body { 16637 margin-top: 24px; 16638 } 16639} 16640/* end articles-preview */ 16641 16642/* g-articles-list */ 16643.g-articles-list { 16644 16645} 16646 16647.g-articles-list__preview { 16648 margin-top: 56px; 16649} 16650 16651@media (min-width: 992px) { 16652 .g-articles-list__preview { 16653 margin-top: 80px; 16654 } 16655} 16656/* end g-articles-list */ 16657 16658/* el-attention */ 16659.el-attention { 16660 display: flex; 16661 align-items: center; 16662 width: fit-content; 16663 padding: 8px; 16664 margin-right: auto; 16665 margin-left: auto; 16666 border-radius: 8px; 16667 background-color: #fff; 16668 box-shadow: var(--shadow-2); 16669} 16670.el-attention__icon { 16671 flex-shrink: 0; 16672 width: 20px; 16673 height: 20px; 16674 margin-right: 10px; 16675 color: var(--attention-icon-color); 16676} 16677 16678.el-attention__text { 16679 font-size: 12px; 16680 font-weight: 500; 16681 line-height: 1.2; 16682 letter-spacing: .06px; 16683 color: var(--neutral-100); 16684} 16685 16686.el-attention_type_warning { 16687 --attention-icon-color: #FFC205; 16688} 16689 16690@media (min-width: 992px) { 16691 16692 .el-attention__icon { 16693 width: 24px; 16694 height: 24px; 16695 } 16696 16697 .el-attention__text { 16698 font-size: 16px; 16699 line-height: calc(24 / 16); 16700 letter-spacing: normal; 16701 } 16702} 16703/* end el-attention */ 16704 16705/* mega-box */ 16706.mega-box { 16707 padding-top: 64px; 16708 padding-bottom: 100px; 16709} 16710 16711.mega-box__header { 16712 padding-top: 0; 16713 padding-bottom: 0; 16714 background-color: transparent; 16715 text-align: center; 16716} 16717 16718.mega-box__alert { 16719 margin-top: -20px; 16720 margin-bottom: 32px; 16721} 16722 16723.mega-box__title { 16724 font-weight: 700; 16725 font-size: 28px; 16726 line-height: calc(42 / 28); 16727 color: #181D20; 16728} 16729 16730.mega-box__description { 16731 margin-top: 4px; 16732 font-size: 12px; 16733 line-height: calc(18 / 12); 16734 letter-spacing: .005em; 16735 color: #707375; 16736} 16737 16738.mega-box__form { 16739 margin-top: 16px; 16740 max-width: 506px; 16741 margin-right: auto; 16742 margin-left: auto; 16743} 16744 16745.mega-box__body { 16746 margin-top: 40px; 16747} 16748 16749.dark-mode .mega-box__header { 16750 background-color: transparent; 16751} 16752 16753.dark-mode .mega-box__title { 16754 color: #fff; 16755} 16756.dark-mode .mega-box__description { 16757 color: #bbb; 16758} 16759 16760@media (min-width: 992px) { 16761 .mega-box { 16762 padding-top: 80px; 16763 padding-bottom: 150px; 16764 } 16765 16766 .mega-box__alert { 16767 margin-bottom: 40px; 16768 } 16769 16770 .mega-box__title { 16771 font-size: 40px; 16772 line-height: calc(52 / 40); 16773 } 16774 16775 .mega-box__description { 16776 margin-top: 10px; 16777 font-size: 16px; 16778 line-height: calc(24 / 16); 16779 letter-spacing: normal; 16780 } 16781 16782 .mega-box__form { 16783 margin-top: 24px; 16784 } 16785 16786 .mega-box__body { 16787 margin-top: 56px; 16788 } 16789} 16790/* end mega-box */ 16791 16792/* ctrl-btn-sidebar */ 16793.ctrl-btn-sidebar { 16794 display: inline-flex; 16795 align-items: center; 16796 padding: 8px; 16797 border-width: 0; 16798 border-radius: 8px; 16799 font-size: 14px; 16800 line-height: calc(20 / 14); 16801 color: #707375; 16802 background-color: transparent; 16803} 16804 16805.ctrl-btn-sidebar__icon {
16806 width: 20px; 16807 height: 20px; 16808 margin-right: 12px; 16809 flex-shrink: 0; 16810} 16811 16812.ctrl-btn-sidebar__text { 16813 16814} 16815 16816.ctrl-btn-sidebar__icon-check { 16817 width: 12px; 16818 height: 12px; 16819 margin-left: auto; 16820 color: #1CAB48; 16821} 16822 16823.ctrl-btn-sidebar--is-active { 16824 color: #1A8FE3; 16825 background-color: #F6FBFE; 16826} 16827 16828.dark-mode .ctrl-btn-sidebar { 16829 color: #bbb; 16830} 16831 16832.dark-mode .ctrl-btn-sidebar--is-active { 16833 color: #1A8FE3; 16834 background-color: #1F2A33; 16835} 16836 16837/* end ctrl-btn-sidebar*/ 16838 16839/* sticky-sidebar */ 16840.sticky-sidebar { 16841 padding: 16px; 16842 border-radius: 8px; 16843 background-color: #fff; 16844 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16845} 16846 16847.sticky-sidebar__title { 16848 font-weight: 600; 16849 font-size: 16px; 16850 line-height: calc(24 / 16); 16851 color: #181D20; 16852} 16853 16854.sticky-sidebar__body { 16855 margin-top: 16px; 16856} 16857 16858.sticky-sidebar__section { 16859 margin-bottom: 16px; 16860} 16861 16862.sticky-sidebar__section:last-child { 16863 margin-bottom: 0; 16864} 16865 16866.sticky-sidebar__subtitle { 16867 font-weight: 400; 16868 font-size: 12px; 16869 line-height: calc(18 / 12); 16870 color: #707375; 16871} 16872 16873.sticky-sidebar__group { 16874 margin-top: 16px; 16875} 16876 16877.sticky-sidebar__item { 16878 width: 100%; 16879 white-space: nowrap; 16880} 16881 16882.sticky-sidebar__item--show-xs { 16883 display: none; 16884} 16885 16886.dark-mode .sticky-sidebar { 16887 background-color: #223544; 16888} 16889 16890.dark-mode .sticky-sidebar__title { 16891 color: #fff; 16892} 16893 16894.dark-mode .sticky-sidebar__subtitle { 16895 color: #bbb; 16896} 16897 16898 16899@media (max-width: 991px) { 16900 16901 .sticky-sidebar { 16902 border-radius: 0; 16903 padding-top: 12px; 16904 padding-bottom: 12px; 16905 } 16906 16907 .sticky-sidebar__title { 16908 display: none; 16909 } 16910 16911 .sticky-sidebar__body { 16912 margin-top: 0; 16913 display: flex; 16914 justify-content: space-between; 16915 width: 690px; 16916 margin-right: auto; 16917 margin-left: auto; 16918 } 16919 16920 .sticky-sidebar__section { 16921 margin-bottom: 0; 16922 } 16923 16924 .sticky-sidebar__subtitle { 16925 display: none; 16926 } 16927 16928 .sticky-sidebar__group { 16929 margin-top: 0; 16930 } 16931 16932 .sticky-sidebar__item--show-xs { 16933 display: inline-flex; 16934 } 16935 16936 .sticky-sidebar__item--view-werewolf {} 16937 16938 .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__text { 16939 clip: rect(0 0 0 0); 16940 clip-path: inset(50%); 16941 height: 1px; 16942 overflow: hidden; 16943 position: absolute; 16944 white-space: nowrap; 16945 width: 1px; 16946 } 16947 16948 .sticky-sidebar__item--view-werewolf .ctrl-btn-sidebar__icon { 16949 margin-right: 0; 16950 } 16951 16952 .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active { 16953 position: relative; 16954 background-color: transparent; 16955 } 16956 16957 .sticky-sidebar__item--view-werewolf.ctrl-btn-sidebar--is-active::before { 16958 content: ""; 16959 position: absolute; 16960 top: -12px; 16961 left: 50%; 16962 width: 24px; 16963 height: 1px; 16964 background-color: #1A8FE3; 16965 transform: translateX(-50%); 16966 } 16967 16968 .sticky-sidebar__section--view-sometimes { 16969 position: relative; 16970 } 16971 16972 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group { 16973 position: absolute; 16974 bottom: 100%; 16975 left: 50%; 16976 min-width: 168px; 16977 padding: 5px; 16978 border-radius: 8px; 16979 background-color: #fff; 16980 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 16981 transform: translateX(-50%); 16982 } 16983 16984 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-right { 16985 left: 0; 16986 transform: none; 16987 } 16988 16989 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--to-left { 16990 left: auto; 16991 right: 0; 16992 transform: none; 16993 } 16994 16995 .sticky-sidebar__section--view-sometimes .sticky-sidebar__group--is-hidden { 16996 display: none; 16997 } 16998 16999 .sticky-sidebar__section--view-always .sticky-sidebar__group { 17000 display: flex; 17001 } 17002 17003 .dark-mode .sticky-sidebar__section--view-sometimes .sticky-sidebar__group { 17004 background-color: #223544; 17005 } 17006} 17007 17008@media (max-width: 767px) { 17009 17010 .sticky-sidebar__body { 17011 width: 510px; 17012 } 17013} 17014 17015@media (max-width: 575px) { 17016 17017 .sticky-sidebar__body { 17018 width: auto; 17019 } 17020} 17021/* end sticky-sidebar */ 17022 17023/* grid-default */ 17024.grid-default { 17025 padding-right: 15px; 17026 padding-left: 15px; 17027 margin-right: auto; 17028 margin-left: auto; 17029} 17030/* end grid-default */ 17031 17032/* grid-with-sidebar */ 17033.grid-with-sidebar { 17034 width: 100%; 17035 padding: 64px 15px 100px; 17036 margin-right: auto; 17037 margin-left: auto; 17038} 17039 17040.grid-with-sidebar__body {} 17041 17042.grid-with-sidebar__body > .mega-box { 17043 padding-top: 0; 17044 padding-bottom: 0; 17045 max-width: 960px; 17046 margin-right: auto; 17047 margin-left: auto; 17048} 17049 17050.grid-with-sidebar__sidebar { 17051 position: fixed; 17052 bottom: 0; 17053 left: 0; 17054 width: 100%; 17055 z-index: 100; 17056} 17057 17058.grid-with-sidebar--wide .grid-with-sidebar__body > .mega-box { 17059 max-width: 1140px; 17060} 17061 17062@media (min-width: 576px) { 17063 17064 .grid-with-sidebar { 17065 max-width: 540px; 17066 } 17067} 17068 17069@media (min-width: 768px) { 17070 17071 .grid-with-sidebar { 17072 max-width: 720px; 17073 } 17074} 17075 17076@media (min-width: 992px) { 17077 17078 .grid-with-sidebar { 17079 display: grid; 17080 grid-template-columns: 240px 1fr; 17081 gap: 16px; 17082 max-width: none; 17083 padding-top: 80px; 17084 padding-bottom: 150px; 17085 } 17086 17087 .grid-with-sidebar__sidebar { 17088 order: -1; 17089 position: static; 17090 } 17091 17092 .grid-with-sidebar__sidebar > .sticky-sidebar { 17093 position: sticky; 17094 top: 16px; 17095 } 17096 17097 .grid-with-sidebar__body { 17098 min-width: 0; 17099 } 17100} 17101 17102/* divider-more */ 17103.divider-more { 17104 text-align: center; 17105 color: #707375; 17106 overflow: hidden; 17107} 17108 17109.divider-more__text { 17110 position: relative; 17111 padding-right: 10px; 17112 padding-left: 10px; 17113 font-size: 12px; 17114 line-height: calc(18 / 12); 17115 letter-spacing: .005em; 17116 text-transform: uppercase; 17117} 17118 17119.divider-more__text::before, 17120.divider-more__text::after { 17121 content: ""; 17122 position: absolute; 17123 top: 50%; 17124 width: 100vw; 17125 height: 1px; 17126 background-color: #E3E3E4; 17127 transform: translateY(-50%); 17128} 17129 17130.divider-more__text::before { 17131 right: 100%; 17132} 17133 17134.divider-more__text::after { 17135 left: 100%; 17136} 17137 17138.dark-mode .divider-more { 17139 color: #bbb; 17140} 17141 17142.dark-mode .divider-more__text::before, 17143.dark-mode .divider-more__text::after { 17144 background-color: #bbb; 17145} 17146 17147 17148/* end divider-more */ 17149 17150 17151/* ctrl-choice */ 17152.ctrl-choice { 17153 position: relative; 17154 display: inline-block; 17155 vertical-align: middle; 17156 font-size: 12px; 17157 line-height: calc(18 / 12); 17158 letter-spacing: .005em; 17159 cursor: pointer; 17160} 17161 17162.ctrl-choice__box { 17163 display: flex; 17164 align-items: center; 17165 padding: 4px; 17166 border-width: 1px; 17167 border-style: solid; 17168 border-color: #fff; 17169 border-radius: 8px; 17170 background-color: #fff; 17171 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 17172 transition-property: color, border-color; 17173 transition-timing-function: ease-in-out; 17174 transition-duration: .125s; 17175} 17176 17177.ctrl-choice__icon { 17178 width: 24px; 17179 height: 24px; 17180 padding: 5px; 17181 margin-right: 5px; 17182 flex-shrink: 0; 17183 border-radius: 8px; 17184 color: #1A8FE3; 17185 background-color: #F6FBFE; 17186} 17187 17188.ctrl-choice__label { 17189 white-space: nowrap; 17190 flex-shrink: 0; 17191} 17192 17193.ctrl-choice__field { 17194 position: absolute; 17195 top: 0; 17196 left: 0; 17197 opacity: 0; 17198} 17199 17200.ctrl-choice:hover .ctrl-choice__field:not(:checked) ~ .ctrl-choice__box { 17201 color: #1A8FE3; 17202} 17203 17204.ctrl-choice__field:checked ~ .ctrl-choice__box { 17205 color: #1A8FE3; 17206 border-color: #1A8FE3; 17207} 17208 17209.dark-mode .ctrl-choice__box { 17210 background-color: #1F2A33; 17211 border-color: #1F2A33; 17212 color: #fff; 17213} 17214 17215.dark-mode .ctrl-choice__icon { 17216 background-color: #1a252e; 17217} 17218 17219@media (min-width: 992px) { 17220 17221 .ctrl-choice { 17222 font-size: 14px; 17223 line-height: calc(20 / 14); 17224 } 17225 17226 .ctrl-choice__icon { 17227 width: 32px; 17228 height: 32px; 17229 padding: 8px; 17230 margin-right: 8px; 17231 } 17232 17233 .ctrl-choice__box { 17234 padding: 8px; 17235 } 17236} 17237 17238/* end ctrl-choice */ 17239 17240/* block-choice */ 17241.block-choice {} 17242 17243.block-choice__group { 17244 display: flex; 17245 flex-wrap: wrap; 17246 justify-content: center; 17247 margin: -5px; 17248} 17249 17250.block-choice__item { 17251 margin: 5px; 17252} 17253 17254@media (min-width: 992px) { 17255 .block-choice__group { 17256 margin: -8px; 17257 } 17258 .block-choice__item { 17259 margin: 8px; 17260 } 17261} 17262/* end block-choice*/ 17263 17264/* custom-form */ 17265.custom-form {} 17266 17267.custom-form .row { 17268 margin-right: -8px; 17269 margin-left: -8px; 17270} 17271 17272.custom-form [class*="col-"] { 17273 padding-right: 8px; 17274 padding-left: 8px; 17275} 17276 17277.custom-form .form-group label { 17278 margin-bottom: 8px; 17279 font-size: 12px; 17280 line-height: calc(18 / 12); 17281 letter-spacing: .005em; 17282 color: #181D20; 17283} 17284 17285.custom-form .form-control { 17286 height: auto; 17287 padding: 11px; 17288 font-weight: 400; 17289 font-size: 10px; 17290 line-height: calc(16 / 10); 17291 letter-spacing: .005em; 17292} 17293 17294.custom-form .form-text,
17295.custom-form .invalid-feedback, 17296.custom-form .valid-feedback { 17297 font-size: 12px; 17298 line-height: calc(16 / 12); 17299} 17300 17301.custom-form .form-text a { 17302 text-decoration: underline; 17303} 17304 17305.custom-form .form-text a:hover { 17306 text-decoration: none; 17307} 17308 17309.dark-mode .custom-form label { 17310 color: #fff; 17311} 17312 17313.dark-mode .custom-form .form-control { 17314 color: #fff; 17315 border-color: #314453; 17316 background-color: #223544; 17317} 17318 17319.dark-mode .custom-form .form-control::placeholder { 17320 color: #bbb; 17321} 17322 17323@media (min-width: 992px) { 17324 .custom-form .form-control { 17325 padding: 11px; 17326 font-size: 12px; 17327 line-height: calc(18 / 12); 17328 letter-spacing: normal; 17329 } 17330} 17331/* end custom-form */ 17332 17333/* .ctrl-form-line */ 17334.ctrl-form-line {} 17335 17336.ctrl-form-line__body { 17337 margin-top: 8px; 17338} 17339 17340.ctrl-form-line__label { 17341 margin-bottom: 0; 17342 font-weight: 600; 17343 font-size: 14px; 17344 line-height: calc(20 / 14); 17345 color: #181D20; 17346} 17347 17348.ctrl-form-line__description { 17349 display: block; 17350 font-size: 12px; 17351 line-height: calc(18 / 12); 17352 letter-spacing: .005em; 17353 color: #707375; 17354} 17355 17356.dark-mode .ctrl-form-line__label { 17357 color: #fff; 17358} 17359 17360.dark-mode .ctrl-form-line__description { 17361 color: #bbb; 17362} 17363 17364@media (min-width: 992px) { 17365 17366 .ctrl-form-line__label { 17367 font-size: 16px; 17368 line-height: calc(24 / 16); 17369 } 17370 17371 .ctrl-form-line__description { 17372 font-size: 14px; 17373 line-height: calc(20 / 14); 17374 } 17375} 17376 17377@media (min-width: 1200px) { 17378 17379 .ctrl-form-line { 17380 display: flex; 17381 } 17382 17383 .ctrl-form-line__header { 17384 width: 300px; 17385 padding-right: 24px; 17386 flex-shrink: 0; 17387 } 17388 17389 .ctrl-form-line__body { 17390 margin-top: 0; 17391 flex-grow: 1; 17392 } 17393} 17394/* end .ctrl-form-line */ 17395 17396/* ctrl-check-group */ 17397.ctrl-check-group {} 17398 17399.ctrl-check-group__item { 17400 position: relative; 17401 display: block; 17402 margin-bottom: 8px; 17403 cursor: pointer; 17404} 17405 17406.ctrl-check-group__item:last-child { 17407 margin-bottom: 0; 17408} 17409 17410.ctrl-check-group__field { 17411 position: absolute; 17412 top: 0; 17413 left: 0; 17414 opacity: 0; 17415} 17416 17417.ctrl-check-group__box { 17418 display: flex; 17419 padding: 11px; 17420 border-width: 1px; 17421 border-style: solid; 17422 border-color: #E3E3E4; 17423 border-radius: 8px; 17424} 17425 17426.ctrl-check-group__visual { 17427 position: relative; 17428 width: 16px; 17429 height: 16px; 17430 margin-right: 8px; 17431 color: #E3E3E4; 17432 border-width: 1px; 17433 border-style: solid; 17434 border-color: currentColor; 17435 border-radius: 50%; 17436} 17437 17438.ctrl-check-group__visual::before { 17439 content: ""; 17440 position: absolute; 17441 top: 2px; 17442 left: 2px; 17443 width: 10px; 17444 height: 10px; 17445 border-radius: 50%; 17446 background-color: transparent; 17447} 17448 17449.ctrl-check-group__label { 17450 font-size: 10px; 17451 line-height: 16px; 17452 letter-spacing: .005em; 17453 color: #A7A9AA; 17454} 17455 17456.ctrl-check-group__field:checked ~ .ctrl-check-group__box { 17457 border-color: #1A8FE3; 17458} 17459 17460.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual { 17461 color: #1A8FE3; 17462} 17463 17464.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__visual::before { 17465 background-color: #1A8FE3; 17466} 17467 17468.ctrl-check-group__field:checked ~ .ctrl-check-group__box .ctrl-check-group__label { 17469 color: #1A8FE3; 17470} 17471 17472.dark-mode .ctrl-check-group__box { 17473 border-color: #314453; 17474} 17475 17476.dark-mode .ctrl-check-group__label { 17477 color: #fff; 17478} 17479 17480.dark-mode .ctrl-check-group__visual { 17481 color: #fff; 17482} 17483 17484/* end ctrl-check-group */ 17485 17486/* form-settings */ 17487.form-settings {} 17488.form-settings__item { 17489 padding-top: 16px; 17490 margin-top: 16px; 17491 border-top-width: 1px; 17492 border-top-style: solid; 17493 border-top-color: #E3E3E4; 17494} 17495 17496.form-settings__item--actions, 17497.form-settings__item:first-child { 17498 padding-top: 0; 17499 margin-top: 0; 17500 border-top-width: 0; 17501} 17502 17503.form-settings__item--actions { 17504 margin-top: 24px; 17505 display: flex; 17506} 17507 17508.form-settings__button { 17509 margin-right: 8px; 17510 flex-shrink: 0; 17511 flex-grow: 1; 17512 flex-basis: 30%; 17513 padding-right: 10px; 17514 padding-left: 10px; 17515} 17516 17517.form-settings__button:last-child { 17518 margin-right: 0; 17519} 17520 17521.dark-mode .form-settings__item { 17522 border-top-color: #314453; 17523} 17524 17525@media (min-width: 992px) { 17526 17527 .form-settings__item { 17528 margin-top: 24px; 17529 padding-top: 24px; 17530 } 17531 17532 .form-settings__item--actions { 17533 padding-top: 0; 17534 justify-content: flex-end; 17535 } 17536 17537 .form-settings__button { 17538 margin-right: 8px; 17539 flex-shrink: 0; 17540 flex-grow: 0; 17541 flex-basis: auto; 17542 padding-right: 24px; 17543 padding-left: 24px; 17544 } 17545} 17546/* end form-settings */ 17547 17548/* wizard-item */ 17549.wizard-item { 17550 background-color: #fff; 17551 border-radius: 12px; 17552 overflow: hidden; 17553 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 17554} 17555 17556.wizard-item__viewport { 17557 display: flex; 17558 width: 200%; 17559 transition-property: margin-left; 17560 transition-timing-function: ease-in-out; 17561 transition-duration: .125s; 17562} 17563 17564.wizard-item__viewport--is-active { 17565 margin-left: -100%; 17566} 17567 17568.wizard-item__header { 17569 width: 50%; 17570 padding: 16px; 17571} 17572 17573.wizard-item__panel { 17574 display: flex; 17575 align-items: center; 17576 padding-bottom: 16px; 17577} 17578 17579.wizard-item__button-back { 17580 flex-shrink: 0; 17581 margin-right: 8px;
17582 width: 20px; 17583 height: 20px; 17584} 17585 17586.wizard-item__title { 17587 flex-grow: 1; 17588 margin-right: 8px; 17589 font-weight: 600; 17590 font-size: 16px; 17591 line-height: calc(24 / 16); 17592 color: #181D20; 17593} 17594 17595.wizard-item__icon { 17596 flex-shrink: 0; 17597 margin-left: auto; 17598 color: #1A8FE3; 17599} 17600 17601.wizard-item__nav-button { 17602 width: 100%; 17603 margin-bottom: 16px; 17604} 17605 17606.wizard-item__nav-button:last-child { 17607 margin-bottom: 0; 17608} 17609 17610.wizard-item__body { 17611 width: 50%; 17612 padding: 16px; 17613} 17614 17615.dark-mode .wizard-item { 17616 background-color: #223544; 17617} 17618 17619.dark-mode .wizard-item__title { 17620 color: #fff; 17621} 17622 17623.dark-mode .wizard-item__body { 17624 border-left-color: #314453; 17625} 17626 17627@media (min-width: 768px) { 17628 17629 .wizard-item__viewport { 17630 width: 100%; 17631 } 17632 .wizard-item__header { 17633 width: 280px; 17634 } 17635 17636 .wizard-item__body { 17637 flex-grow: 1; 17638 border-left-width: 1px; 17639 border-left-style: solid; 17640 border-left-color: #E3E3E4; 17641 } 17642 17643 .wizard-item__button-back, 17644 .wizard-item__icon { 17645 display: none; 17646 } 17647 17648 .wizard-item__panel { 17649 padding-bottom: 24px; 17650 } 17651 17652 .wizard-item__title { 17653 font-size: 24px; 17654 line-height: calc(32 / 24); 17655 } 17656 17657 .wizard-item__viewport--is-active { 17658 margin-left: 0 !important; 17659 } 17660} 17661 17662@media (min-width: 992px) { 17663 17664 .wizard-item__header, 17665 .wizard-item__body { 17666 padding: 24px; 17667 } 17668 17669 .wizard-item__nav-button { 17670 font-size: 18px; 17671 line-height: calc(26 / 18); 17672 } 17673 17674 .wizard-item__nav-button .ctrl-btn-sidebar__icon { 17675 width: 24px; 17676 height: 24px; 17677 } 17678} 17679/* end wizard-item */ 17680 17681/* article-example */ 17682.article-example { 17683 position: relative; 17684 display: flex; 17685 flex-wrap: wrap; 17686 padding: 12px; 17687 border-width: 1px; 17688 border-style: solid; 17689 border-color: #E3E3E4; 17690 border-radius: 8px; 17691 font-weight: 500; 17692 font-size: 14px; 17693 line-height: calc(20 / 14); 17694 color: #181D20; 17695 background-color: #fff; 17696 cursor: pointer; 17697 user-select: none; 17698} 17699 17700.article-example__field { 17701 position: absolute; 17702 top: 0; 17703 left: 0; 17704 opacity: 0; 17705} 17706 17707.article-example__icon-box { 17708 position: relative; 17709 width: 20px; 17710 height: 20px; 17711} 17712 17713.article-example__icon { 17714 position: absolute; 17715 top: 0; 17716 left: 0; 17717 width: 100%; 17718 height: 100%; 17719 transition-property: opacity; 17720 transition-timing-function: ease-in-out; 17721 transition-duration: .125s; 17722} 17723 17724.article-example__icon--no-checked { 17725 color: #A7A9AA; 17726 opacity: 1; 17727} 17728 17729.article-example__icon--checked { 17730 color: green; 17731 opacity: 0; 17732} 17733 17734.article-example__field:checked ~ .article-example__icon-box .article-example__icon--no-checked { 17735 opacity: 0; 17736} 17737 17738.article-example__field:checked ~ .article-example__icon-box .article-example__icon--checked { 17739 opacity: 1; 17740} 17741 17742.article-example__number { 17743 margin-left: 8px;
17744 margin-top: 1px; 17745} 17746 17747.article-example__label { 17748 width: 100%; 17749 margin-top: 8px; 17750} 17751 17752.dark-mode .article-example { 17753 color: #fff; 17754 border-color: #314453; 17755 background-color: #223544; 17756} 17757 17758.dark-mode .article-example__icon--no-checked { 17759 color: #bbb; 17760} 17761 17762@media (min-width: 992px) { 17763 .article-example { 17764 padding: 16px 24px; 17765 flex-wrap: nowrap; 17766 align-items: center; 17767 border-width: 0; 17768 border-radius: 0; 17769 } 17770 17771 .article-example__icon-box { 17772 order: 99; 17773 flex-shrink: 0; 17774 margin-left: 30px; 17775 } 17776 17777 .article-example__number { 17778 box-sizing: border-box; 17779 flex-shrink: 0; 17780 width: 44px; 17781 padding-right: 10px; 17782 margin-top: 0; 17783 margin-left: 0; 17784 } 17785 17786 .article-example__label { 17787 margin-top: 0; 17788 white-space: nowrap; 17789 overflow: hidden; 17790 text-overflow: ellipsis; 17791 } 17792} 17793/* end article-example */ 17794 17795/* table-examples */ 17796.table-examples {} 17797 17798.table-examples__title { 17799 margin-top: 24px; 17800 text-align: center; 17801 font-weight: 600; 17802 font-size: 14px; 17803 line-height: calc(20 / 14); 17804 color: #181D20; 17805} 17806 17807.table-examples__group { 17808 margin-top: 16px; 17809} 17810 17811.table-examples__head { 17812 display: none; 17813} 17814 17815.table-examples__item { 17816 margin-top: 10px; 17817} 17818 17819.dark-mode .table-examples__title { 17820 color: #fff; 17821} 17822 17823@media (min-width: 992px) { 17824 17825 .table-examples__title { 17826 font-size: 16px; 17827 line-height: calc(24 / 16); 17828 } 17829 17830 .table-examples__group { 17831 margin-top: 24px; 17832 border-width: 1px; 17833 border-style: solid; 17834 border-color: #E3E3E4; 17835 border-radius: 8px; 17836 overflow: hidden; 17837 } 17838 17839 .table-examples__head { 17840 display: flex; 17841 align-items: center; 17842 width: 100%; 17843 font-size: 14px; 17844 line-height: calc(20 / 14); 17845 color: #707375; 17846 border-bottom-width: 1px; 17847 border-bottom-style: solid; 17848 border-bottom-color: #E3E3E4; 17849 background-color: #F6F6F6; 17850 } 17851 .table-examples__head-item { 17852 padding-top: 16px; 17853 padding-bottom: 16px; 17854 } 17855 17856 .table-examples__head-item--number { 17857 width: calc(24px + 34px + 10px); 17858 padding-right: 10px; 17859 padding-left: 24px; 17860 flex-shrink: 0; 17861 } 17862 17863 .table-examples__head-item--name { 17864 flex-grow: 1; 17865 } 17866 17867 .table-examples__head-item--actions { 17868 width: calc(24px + 50px); 17869 padding-right: 24px; 17870 padding-left: 10px; 17871 flex-shrink: 0; 17872 } 17873 17874 .table-examples__item { 17875 margin-top: 0; 17876 } 17877 17878 .table-examples__item::before { 17879 content: ""; 17880 position: absolute; 17881 bottom: 0; 17882 right: 24px; 17883 left: 24px; 17884 height: 1px; 17885 background-color: #E3E3E4; 17886 } 17887 17888 .table-examples__item:last-child::before { 17889 content: none; 17890 } 17891 17892 .dark-mode .table-examples__group { 17893 border-color: #314453; 17894 background-color: #223544; 17895 } 17896 17897 .dark-mode .table-examples__head { 17898 color: #bbb; 17899 border-bottom-color: #314453; 17900 background-color: #1A252E; 17901 } 17902 17903 .dark-mode .table-examples__item::before { 17904 background-color: #314453; 17905 } 17906} 17907/* end table-examples */ 17908 17909/* wizard-step */ 17910.wizard-step { 17911 padding: 16px; 17912 background-color: #fff; 17913 border-radius: 12px; 17914} 17915 17916.wizard-step__header { 17917 padding-top: 0; 17918 padding-bottom: 0; 17919 background-color: transparent; 17920 text-align: center; 17921} 17922 17923.wizard-step__title { 17924 font-weight: 600; 17925 font-size: 16px; 17926 line-height: calc(24 / 16); 17927 color: #181D20; 17928} 17929 17930.wizard-step__description { 17931 margin-top: 4px; 17932 font-size: 12px; 17933 line-height: calc(18 / 12); 17934 letter-spacing: .005em; 17935 color: #707375; 17936} 17937 17938.wizard-step__body { 17939 margin-top: 16px; 17940} 17941 17942.wizard-step__body > *:first-child { 17943 margin-top: 0; 17944} 17945 17946.wizard-step__choice {} 17947 17948.wizard-step__divider { 17949 margin-top: 24px; 17950} 17951 17952.wizard-step__form { 17953 margin-top: 24px; 17954} 17955 17956.wizard-step__footer { 17957 padding-top: 0; 17958 display: flex; 17959 align-items: center; 17960 margin-top: 24px; 17961 background-color: transparent; 17962} 17963 17964.wizard-step__footer-button { 17965 margin-right: 5px; 17966 flex-shrink: 0; 17967 flex-grow: 1; 17968 flex-basis: 30%; 17969} 17970 17971.wizard-step__footer-button:last-child { 17972 margin-right: 0; 17973} 17974 17975.dark-mode .wizard-step { 17976 background-color: #1A252E; 17977} 17978 17979.dark-mode .wizard-step__title { 17980 color: #fff; 17981} 17982 17983.dark-mode .wizard-step__description { 17984 color: #bbb; 17985} 17986 17987@media (min-width: 992px) { 17988 .wizard-step { 17989 padding: 80px; 17990 } 17991 17992 .wizard-step__title { 17993 font-size: 24px; 17994 line-height: calc(32 / 24); 17995 } 17996 17997 .wizard-step__description { 17998 font-size: 14px; 17999 line-height: calc(20 / 14); 18000 letter-spacing: normal; 18001 } 18002 18003 .wizard-step__body { 18004 margin-top: 56px; 18005 } 18006 18007 .wizard-step__footer { 18008 margin-top: 40px; 18009 justify-content: center; 18010 } 18011 18012 .wizard-step__footer-button { 18013 margin-right: 24px; 18014 flex-grow: 0; 18015 flex-basis: 200px; 18016 } 18017} 18018/* end wizard-step */ 18019
18020/* generate-article */ 18021.generate-article {} 18022 18023.generate-article__image { 18024 width: 100%; 18025 height: 250px; 18026 border-radius: 8px; 18027 object-fit: cover; 18028 object-position: center; 18029} 18030 18031.generate-article__title { 18032 margin-top: 16px; 18033 font-weight: 700; 18034 font-size: 16px; 18035 line-height: calc(24 / 16); 18036 color: #181D20; 18037} 18038 18039.generate-article__actions { 18040 margin-top: 24px; 18041 display: flex; 18042 align-items: center; 18043 padding: 8px; 18044 border-width: 1px; 18045 border-style: solid; 18046 border-color: #E3E3E4; 18047 border-radius: 8px; 18048 background-color: #F6F6F6; 18049} 18050 18051.generate-article__actions-text { 18052 margin-right: 20px; 18053 flex-grow: 1; 18054 font-weight: 500; 18055 font-size: 12px; 18056 line-height: calc(18 / 12); 18057 letter-spacing: .005em; 18058 color: #181D20; 18059} 18060 18061.button.generate-article__actions-button { 18062 flex-shrink: 0; 18063 padding: 8px; 18064 font-size: 10px; 18065 line-height: calc(16 / 10); 18066 margin-left: auto; 18067} 18068 18069@media (min-width: 992px) { 18070 18071 .generate-article__image { 18072 height: 320px; 18073 border-radius: 12px; 18074 } 18075 18076 .generate-article__title { 18077 margin-top: 24px; 18078 font-size: 20px; 18079 line-height: calc(28 / 20); 18080 } 18081 18082 .generate-article__actions { 18083 padding: 16px; 18084 } 18085 18086 .generate-article__actions-text { 18087 font-size: 16px; 18088 line-height: calc(24 / 16); 18089 letter-spacing: normal; 18090 } 18091 18092 .button.generate-article__actions-button { 18093 padding: 11px 16px; 18094 font-size: 12px; 18095 line-height: calc(18 / 12); 18096 } 18097} 18098/* end generate-article */ 18099 18100 18101/* modal-generate-article */ 18102.modal-generate-article {} 18103.modal-generate-article .modal-dialog { 18104 max-width: 560px; 18105} 18106.modal-generate-article .modal-content { 18107 border-width: 0; 18108 border-radius: 8px; 18109 box-shadow: 3px 1px 32px rgba(24, 29, 32, .05); 18110} 18111 18112.modal-generate-article .modal-header { 18113 padding: 16px; 18114 border-bottom-width: 0; 18115} 18116 18117.modal-generate-article .modal-title { 18118 font-weight: 700; 18119 font-size: 18px; 18120 line-height: calc(26 / 18); 18121 color: #181D20; 18122} 18123 18124.modal-generate-article .modal-body { 18125 padding: 0 16px 16px 16px; 18126} 18127 18128@media (min-width: 991px) { 18129 18130 .modal-generate-article .modal-header { 18131 padding: 24px; 18132 } 18133 18134 .modal-generate-article .modal-body { 18135 padding-right: 24px; 18136 padding-bottom: 24px; 18137 padding-left: 24px; 18138 } 18139} 18140 18141.dark-mode .modal-generate-article .modal-title { 18142 color: #fff; 18143} 18144/* end modal-generate-article */ 18145 18146/* ctrl-check-image */ 18147.ctrl-check-image {} 18148 18149.ctrl-check-image__group { 18150 display: flex; 18151 flex-wrap: wrap; 18152 margin: -3px; 18153} 18154 18155.ctrl-check-image__item { 18156 position: relative; 18157 width: calc(100% / 2 - 3px * 2); 18158 padding-top: calc(100% / 2 - 3px * 2); 18159 margin: 3px; 18160 cursor: pointer; 18161 overflow: hidden; 18162 border-radius: 8px; 18163} 18164 18165.ctrl-check-image__field { 18166 position: absolute; 18167 top: 0; 18168 left: 0; 18169} 18170 18171.ctrl-check-image__box { 18172 position: absolute; 18173 top: 0; 18174 left: 0; 18175 width: 100%; 18176 height: 100%; 18177} 18178 18179.ctrl-check-image__box::before { 18180 content: ""; 18181 position: absolute; 18182 top: 0; 18183 left: 0; 18184 width: 100%; 18185 height: 100%; 18186 border-width: 2px; 18187 border-style: solid; 18188 border-color: #1CAB48; 18189 border-radius: 8px; 18190 opacity: 0; 18191 transition-property: opacity; 18192 transition-timing-function: ease-in-out; 18193 transition-duration: .125s; 18194} 18195 18196.ctrl-check-image__image { 18197 display: block; 18198 width: 100%; 18199 height: 100%; 18200 object-fit: cover; 18201 object-position: center; 18202} 18203 18204.ctrl-check-image__field:checked ~ .ctrl-check-image__box::before { 18205 opacity: 1; 18206} 18207 18208@media (min-width: 576px) { 18209 18210 .ctrl-check-image__item { 18211 width: calc(100% / 4 - 3px * 2); 18212 padding-top: calc(100% / 4 - 3px * 2); 18213 } 18214} 18215/* end ctrl-check-image */ 18216 18217/* settings-image */ 18218.settings-image {} 18219 18220.settings-image__title { 18221 font-weight: 600; 18222 font-size: 14px; 18223 line-height: calc(20 / 14); 18224 color: #181D20; 18225} 18226 18227.settings-image__description { 18228 font-weight: 400; 18229 font-size: 12px; 18230 line-height: calc(18 / 12); 18231 letter-spacing: .005em; 18232 color: #707375; 18233} 18234 18235.settings-image__preview { 18236 display: none; 18237} 18238 18239.settings-image__check { 18240 margin-top: 8px; 18241} 18242 18243.settings-image__actions { 18244 margin-top: 24px; 18245 display: flex; 18246} 18247 18248.settings-image__button { 18249 margin-right: 8px; 18250 flex-shrink: 0; 18251 flex-grow: 1; 18252 flex-basis: 30%; 18253 padding-right: 10px; 18254 padding-left: 10px; 18255} 18256 18257.settings-image__button:last-child { 18258 margin-right: 0; 18259} 18260 18261.dark-mode .settings-image__title { 18262 color: #fff; 18263} 18264 18265.dark-mode .settings-image__description { 18266 color: #bbb; 18267} 18268 18269@media (min-width: 992px) { 18270 18271 .settings-image__title { 18272 font-size: 16px; 18273 line-height: calc(24 / 16); 18274 } 18275 18276 .settings-image__description { 18277 font-size: 14px; 18278 line-height: calc(20 / 14); 18279 } 18280 18281 .settings-image__check { 18282 margin-top: 24px; 18283 } 18284 18285 .settings-image__actions { 18286 padding-top: 0; 18287 justify-content: flex-end; 18288 } 18289 18290 .settings-image__button { 18291 margin-right: 8px; 18292 flex-shrink: 0; 18293 flex-grow: 0; 18294 flex-basis: auto; 18295 padding-right: 24px; 18296 padding-left: 24px; 18297 } 18298} 18299 18300 18301@media (min-width: 1200px) { 18302 18303 .settings-image { 18304 display: grid; 18305 grid-template-areas: 18306 "header check" 18307 "preview check" 18308 "preview actions"; 18309 grid-template-columns: 230px 1fr; 18310 grid-column-gap: 30px; 18311 } 18312 18313 .settings-image__header { 18314 grid-area: header; 18315 } 18316 18317 .settings-image__preview { 18318 margin-top: 16px; 18319 display: block; 18320 grid-area: preview; 18321 border-width: 1px; 18322 border-style: solid; 18323 border-color: #E3E3E4; 18324 border-radius: 8px; 18325 overflow: hidden; 18326 } 18327 18328 .settings-image__preview-header { 18329 padding: 8px; 18330 font-weight: 400; 18331 font-size: 12px; 18332 line-height: calc(18 / 12); 18333 letter-spacing: .005em; 18334 text-align: center; 18335 text-transform: uppercase; 18336 color: #707375; 18337 background-color: #F6F6F6; 18338 border-bottom-width: inherit; 18339 border-bottom-style: inherit; 18340 border-bottom-color: inherit; 18341 } 18342 18343 .settings-image__preview-body { 18344 height: 228px; 18345 padding: 8px; 18346 display: flex; 18347 justify-content: center; 18348 align-items: center; 18349 } 18350 18351 .settings-image__preview-text { 18352 width: 216px; 18353 font-size: 12px; 18354 line-height: calc(18 / 12); 18355 text-align: center; 18356 letter-spacing: .005em; 18357 color: #707375; 18358 } 18359 18360 .settings-image__preview-image { 18361 display: block; 18362 width: 100%; 18363 height: 100%; 18364 object-fit: cover; 18365 object-position: center; 18366 border-radius: 8px; 18367 } 18368 18369 .settings-image__check { 18370 grid-area: check; 18371 margin-top: 0; 18372 } 18373 18374 .settings-image__actions { 18375 grid-area: actions; 18376 } 18377 18378 .dark-mode .settings-image__preview-header { 18379 background-color: #1F2A33; 18380 color: #bbb; 18381 } 18382 18383 .dark-mode .settings-image__preview { 18384 border-color: #314453; 18385 } 18386 18387 .dark-mode .settings-image__preview-text { 18388 color: #bbb; 18389 } 18390} 18391 18392@media (min-width: 1400px) { 18393 .settings-image { 18394 grid-template-columns: 280px 1fr; 18395 grid-column-gap: 70px; 18396 } 18397 18398 .settings-image__preview-body { 18399 height: 278px; 18400 } 18401} 18402/* end settings-image */ 18403 18404.ctrl-button { 18405 display: inline-flex; 18406 vertical-align: middle;
18407 align-items: center; 18408 justify-content: center; 18409 padding: var(--padding-v) var(--padding-h); 18410 border-width: 1px; 18411 border-style: solid; 18412 border-color: var(--border-color); 18413 border-radius: 8px; 18414 font-weight: 600; 18415 font-size: var(--font-size); 18416 line-height: var(--line-height); 18417 color: var(--color); 18418 background-color: var(--bg); 18419} 18420.ctrl-button__text {} 18421.ctrl-button__icon { 18422 width: var(--icon-size); 18423 height: var(--icon-size); 18424 margin-right: 8px; 18425} 18426 18427.ctrl-button:hover { 18428 color: var(--hover-color); 18429 border-color: var(--hover-border-color); 18430 background-color: var(--hover-bg); 18431} 18432 18433.ctrl-button:focus-visible { 18434 color: var(--focus-color); 18435 border-color: var(--focus-border-color); 18436 background-color: var(--focus-bg); 18437 box-shadow: var(--focus-shadow); 18438} 18439 18440.ctrl-button:active { 18441 color: var(--active-color); 18442 border-color: var(--active-border-color); 18443 background-color: var(--active-bg); 18444} 18445 18446.ctrl-button:disabled { 18447 color: #A7A9AA; 18448 border-color: #E3E3E4; 18449 background-color: #EFEFEF; 18450} 18451 18452.ctrl-button_iconly { 18453} 18454.ctrl-button_iconly .ctrl-button__text { 18455 clip: rect(0 0 0 0); 18456 clip-path: inset(50%); 18457 height: 1px; 18458 overflow: hidden; 18459 position: absolute; 18460 white-space: nowrap; 18461 width: 1px; 18462} 18463.ctrl-button_iconly .ctrl-button__icon { 18464 width: var(--iconly-size); 18465 height: var(--iconly-size); 18466 margin-right: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2); 18467 margin-left: calc((var(--iconly-size) - (var(--padding-v) * 2 + var(--line-height) - var(--padding-h) * 2)) / -2); 18468} 18469 18470.ctrl-button_size_s { 18471 --padding-v: 10px; 18472 --padding-h: 15px; 18473 --icon-size: 14px; 18474 --iconly-size: 18px; 18475 --font-size: 12px; 18476 --line-height: 18px; 18477} 18478.ctrl-button_size_m { 18479 --padding-v: 13px; 18480 --padding-h: 19px; 18481 --icon-size: 16px; 18482 --iconly-size: 20px; 18483 --font-size: 14px; 18484 --line-height: 20px; 18485} 18486.ctrl-button_size_l { 18487 --padding-v: 15px; 18488 --padding-h: 23px; 18489 --icon-size: 20px; 18490 --iconly-size: 24px; 18491 --font-size: 16px; 18492 --line-height: 24px; 18493} 18494 18495.ctrl-button_color_primary {} 18496.ctrl-button_color_primary.ctrl-button_view_fill { 18497 --color: #fff; 18498 --bg: #1A8FE3; 18499 --border-color: #1A8FE3; 18500 18501 --hover-color: #fff; 18502 --hover-bg: #1677BD; 18503 --hover-border-color: #1677BD; 18504 18505 --focus-color: #fff; 18506 --focus-bg: #1677BD; 18507 --focus-border-color: #1677BD; 18508 --focus-shadow: 0 0 0 3px #D1E9F9; 18509 18510 --active-color: #fff; 18511 --active-bg: #0D4771; 18512 --active-border-color: #0D4771; 18513} 18514.ctrl-button_color_primary.ctrl-button_view_ghost { 18515 --color: #1A8FE3; 18516 --bg: #F6FBFE; 18517 --border-color: #F6FBFE; 18518 18519 --hover-color: #1677BD; 18520 --hover-bg: #F6FBFE; 18521 --hover-border-color: #F6FBFE; 18522 18523 --focus-color: #1677BD; 18524 --focus-bg: #F6FBFE; 18525 --focus-border-color: #F6FBFE; 18526 --focus-shadow: 0 0 0 3px #D1E9F9; 18527 18528 --active-color: #003A78; 18529 --active-bg: #F6FBFE; 18530 --active-border-color: #F6FBFE; 18531} 18532.ctrl-button_color_primary.ctrl-button_view_stroke { 18533 --color: #1A8FE3; 18534 --bg: #fff; 18535 --border-color: #1A8FE3; 18536 18537 --hover-color: #1A8FE3; 18538 --hover-bg: #F6FBFE; 18539 --hover-border-color: #1A8FE3; 18540 18541 --focus-color: #1A8FE3; 18542 --focus-bg: #F6FBFE; 18543 --focus-border-color: #1A8FE3; 18544 --focus-shadow: 0 0 0 3px #D1E9F9; 18545 18546 --active-color: #1A8FE3; 18547 --active-bg: #EFF7FD; 18548 --active-border-color: #C8E4F8; 18549} 18550.ctrl-button_color_primary.ctrl-button_view_link { 18551 --color: #1A8FE3; 18552 --bg: transparent; 18553 --border-color: transparent; 18554 18555 --hover-color: #1677BD; 18556 --hover-bg: transparent; 18557 --hover-border-color: transparent; 18558 18559 --focus-color: #1677BD; 18560 --focus-bg: transparent; 18561 --focus-border-color: transparent; 18562 --focus-shadow: 0 0 0 3px #D1E9F9; 18563 18564 --active-color: #003A78; 18565 --active-bg: transparent; 18566 --active-border-color: transparent; 18567} 18568 18569.ctrl-button_color_error.ctrl-button_view_fill { 18570 --color: #fff; 18571 --bg: #E2464C; 18572 --border-color: #E2464C; 18573 18574 --hover-color: #fff; 18575 --hover-bg: #BC3A3F; 18576 --hover-border-color: #BC3A3F; 18577 18578 --focus-color: #fff; 18579 --focus-bg: #BC3A3F; 18580 --focus-border-color: #BC3A3F; 18581 --focus-shadow: 0 0 0 3px #D1E9F9; 18582 18583 --active-color: #fff; 18584 --active-bg: #712326; 18585 --active-border-color: #712326; 18586} 18587 18588.ctrl-button_color_warning.ctrl-button_view_link { 18589 --color: #FFC205; 18590 --bg: transparent; 18591 --border-color: transparent; 18592 18593 --hover-color: #D4A204; 18594 --hover-bg: transparent; 18595 --hover-border-color: transparent; 18596 18597 --focus-color: #D4A204; 18598 --focus-bg: transparent; 18599 --focus-border-color: transparent; 18600 --focus-shadow: 0 0 0 3px #D1E9F9; 18601 18602 --active-color: #806102; 18603 --active-bg: transparent; 18604 --active-border-color: transparent; 18605} 18606 18607.ctrl-button_color_white.ctrl-button_view_stroke { 18608 --color: #fff; 18609 --bg: transparent; 18610 --border-color: #fff; 18611 18612 --hover-color: #EFEFEF; 18613 --hover-bg: transparent; 18614 --hover-border-color: #EFEFEF; 18615 18616 --focus-color: #EFEFEF; 18617 --focus-bg: transparent; 18618 --focus-border-color: #EFEFEF; 18619 --focus-shadow: 0 0 0 3px #D1E9F9; 18620 18621 --active-color: #C8C9CA; 18622 --active-bg: transparent; 18623 --active-border-color: #C8C9CA; 18624} 18625.ctrl-button_color_white.ctrl-button_view_link { 18626 --color: #fff; 18627 --bg: transparent; 18628 --border-color: transparent; 18629 18630 --hover-color: #EFEFEF; 18631 --hover-bg: transparent; 18632 --hover-border-color: transparent; 18633 18634 --focus-color: #EFEFEF; 18635 --focus-bg: transparent; 18636 --focus-border-color: transparent; 18637 --focus-shadow: 0 0 0 3px #D1E9F9; 18638 18639 --active-color: #C8C9CA; 18640 --active-bg: transparent; 18641 --active-border-color: transparent; 18642} 18643 18644.ctrl-button_color_secondary.ctrl-button_view_fill { 18645 --color: #A7A9AA; 18646 --bg: #F6F6F6; 18647 --border-color: #F6F6F6; 18648 18649 --hover-color: #A7A9AA; 18650 --hover-bg: #EFEFEF; 18651 --hover-border-color: #EFEFEF; 18652 18653 --focus-color: #A7A9AA; 18654 --focus-bg: #EFEFEF; 18655 --focus-border-color: #EFEFEF; 18656 --focus-shadow: 0 0 0 3px #D1E9F9; 18657 18658 --active-color: #A7A9AA; 18659 --active-bg: #E3E3E4; 18660 --active-border-color: #E3E3E4; 18661} 18662 18663.ctrl-upload-file { 18664 position: relative; 18665 display: inline-block; 18666 vertical-align: middle; 18667 overflow: hidden; 18668} 18669 18670.ctrl-upload-file:focus-within { 18671 border-radius: 8px; 18672 box-shadow: 0 0 0 3px #D1E9F9; 18673} 18674 18675.ctrl-upload-file__field { 18676 position: absolute; 18677 top: 0; 18678 right: 0; 18679 opacity: 0; 18680} 18681.ctrl-upload-file__label { 18682 position: relative; 18683 width: 100%; 18684 cursor: pointer; 18685} 18686 18687.user-avatar-default { 18688 display: flex; 18689 align-items: center; 18690 justify-content: center; 18691 width: 80px; 18692 height: 80px; 18693 border-radius: 50%; 18694 font-weight: 500; 18695 font-size: 24px; 18696 line-height: calc(36 / 24); 18697 color: #fff; 18698 background-color: #9747FF; 18699} 18700 18701.user-avatar { 18702 display: block; 18703 width: 80px; 18704 height: 80px; 18705 border-radius: 50%; 18706 overflow: hidden; 18707} 18708 18709.user-avatar_size_m { 18710 width: 40px; 18711 height: 40px; 18712} 18713 18714.user-avatar__image{ 18715 width: 100%; 18716 height: 100%; 18717 object-fit: cover; 18718 object-fit: ; 18719} 18720 18721.ctrl-link { 18722 padding: 0; 18723 border-width: 0; 18724 font-weight: 500; 18725 font-size: 12px; 18726 line-height: calc(21 / 12); 18727 text-decoration-line: underline; 18728 color: #707375; 18729 background-color: transparent; 18730} 18731 18732.user-avatar-default__name, 18733.user-avatar-default__name[title] /* bootstrap fix */ 18734{ 18735 margin: auto; 18736 cursor: default; 18737 text-decoration: none; 18738} 18739 18740.tab-navs { 18741 display: flex; 18742 border-bottom-width: 2px; 18743 border-bottom-style: solid; 18744 border-bottom-color: #E3E3E4; 18745} 18746.tab-navs__item { 18747 position: relative; 18748 padding: 8px 0; 18749 margin-right: 40px; 18750 margin-bottom: -2px; 18751 border-width: 0; 18752 font-weight: 400; 18753 font-size: 14px; 18754 line-height: calc(20 / 14); 18755 color: var(--color, #A7A9AA); 18756 background-color: transparent; 18757} 18758.tab-navs__item::before { 18759 content: ""; 18760 position: absolute; 18761 bottom: 0; 18762 left: 0; 18763 width: 100%; 18764 height: 2px; 18765 background-color: currentColor; 18766 opacity: 0; 18767} 18768.tab-navs__item_is-active { 18769 font-weight: 500; 18770 --color: #1A8FE3; 18771} 18772.tab-navs__item_is-active::before { 18773 opacity: 1; 18774} 18775.tab-navs__item:last-child { 18776 margin-right: 0; 18777} 18778@media (min-width: 1200px) { 18779 .tab-navs__item { 18780 position: relative; 18781 padding: 8px 0; 18782 margin-right: 80px; 18783 font-size: 16px; 18784 line-height: calc(24 / 16); 18785 } 18786} 18787 18788.plan-card { 18789 display: flex; 18790 flex-direction: column; 18791 padding: 12px; 18792 border-radius: 10px;
18793 color: var(--color, #181D20); 18794 background-color: var(--bg, #fff); 18795 box-shadow: var(--shadow, 3px 10px 40px rgba(24, 29, 32, .05)); 18796} 18797.plan-card__type { 18798 display: flex; 18799 margin-bottom: 8px; 18800 font-size: 10px; 18801 line-height: calc(12 / 10); 18802 text-transform: uppercase; 18803 color: var(--color-second, #525658); 18804} 18805.plan-card__type-item { 18806 padding: 6px 10px; 18807 margin-right: 5px; 18808 border-radius: 99px; 18809 background-color: rgba(255, 255, 255, .4); 18810} 18811.plan-card__title { 18812 font-weight: 600; 18813 font-size: 14px; 18814 line-height: calc(20 / 14); 18815} 18816.plan-card__description { 18817 margin-top: 2px; 18818 margin-bottom: 8px; 18819 font-size: 10px; 18820 line-height: calc(16 / 10); 18821 letter-spacing: .005em; 18822 color: var(--color-second, #525658); 18823} 18824.plan-card__price { 18825 margin-top: auto; 18826 font-weight: 700; 18827 font-size: 16px; 18828 line-height: calc(24 / 16); 18829} 18830.plan-card__price small { 18831 margin-left: 4px; 18832 font-size: 8px; 18833 line-height: calc(12 / 8); 18834 color: var(--color-second, #707375); 18835 vertical-align: bottom; 18836} 18837.plan-card__actions { 18838 margin-top: 16px; 18839} 18840.plan-card_is-active { 18841 --color: #fff; 18842 --color-second: #fff; 18843 --bg: #1A8FE3; 18844 --shadow: 0 10px 32px rgba(26, 143, 227, .24); 18845} 18846 18847@media (min-width: 992px) and (max-width: 1199px) { 18848 .plan-card__actions .ctrl-button { 18849 width: 100%; 18850 } 18851} 18852@media (min-width: 1200px) { 18853 .plan-card { 18854 padding: 16px; 18855 } 18856 .plan-card__type { 18857 margin-bottom: 10px; 18858 } 18859 .plan-card__title { 18860 font-size: 16px; 18861 line-height: calc(24 / 16); 18862 } 18863 .plan-card__description { 18864 font-size: 12px; 18865 line-height: calc(18 / 12); 18866 } 18867} 18868 18869.plan-cards {} 18870.plan-cards__group {} 18871.plan-cards__item { 18872 margin-bottom: 12px; 18873} 18874.plan-cards__item:last-child { 18875 margin-bottom: 0; 18876} 18877@media (min-width: 992px) { 18878 .plan-cards__group { 18879 display: flex; 18880 margin: -5px 18881 } 18882 .plan-cards__item { 18883 margin: 5px; 18884 flex-grow: 1; 18885 flex-basis: 20%; 18886 } 18887 .plan-cards__item:last-child { 18888 margin-bottom: 5px; 18889 } 18890} 18891 18892.user-card { 18893 display: grid; 18894 grid-column-gap: 10px; 18895 grid-row-gap: 8px; 18896 grid-template-columns: auto 1fr; 18897} 18898.user-card__logo { 18899 width: 71px; 18900 border-radius: 8px; 18901} 18902.user-card__end { 18903 font-weight: 400; 18904 font-size: 12px; 18905 line-height: calc(16 / 12); 18906 color: #525658; 18907 align-self: center; 18908} 18909.user-card__end > b { 18910 font-weight: 600; 18911 color: #181D20; 18912} 18913 18914.user-card__default { 18915 grid-column: span 2; 18916 font-weight: 500; 18917 font-style: italic; 18918 font-size: 12px; 18919 line-height: calc(16 / 12); 18920 color: #181D20; 18921} 18922.user-card__actions { 18923 grid-column: span 2; 18924 display: flex; 18925 align-items: center; 18926} 18927.user-card__button { 18928 margin-right: 8px; 18929} 18930.user-card__button:last-child { 18931 margin-right: 0; 18932} 18933 18934@media (min-width: 992px) { 18935 .user-card { 18936 display: flex; 18937 grid-column-gap: unset; 18938 grid-row-gap: unset; 18939 } 18940 .user-card__end { 18941 flex-grow: 1; 18942 margin-right: 10px; 18943 margin-left: 10px; 18944 } 18945} 18946 18947@media (min-width: 1200px) { 18948 .user-card__logo { 18949 width: 90px; 18950 } 18951 .user-card__end { 18952 font-size: 14px; 18953 line-height: calc(21 / 14); 18954 } 18955 .user-card__default { 18956 font-size: 12px; 18957 line-height: calc(21 / 12); 18958 } 18959} 18960 18961.user-cards { 18962 padding: 12px; 18963 border-radius: 10px; 18964 background-color: #fff; 18965 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 18966} 18967.user-cards__title { 18968 margin-bottom: 16px; 18969 font-weight: 600; 18970 font-size: 14px; 18971 line-height: calc(20 / 14); 18972 color: #181D20; 18973} 18974.user-cards__group {} 18975.user-cards__item { 18976 padding-bottom: 16px; 18977 margin-bottom: 16px; 18978 border-bottom-width: 1px; 18979 border-bottom-style: solid; 18980 border-bottom-color: #E3E3E4; 18981} 18982.user-cards__actions {} 18983 18984@media (min-width: 1200px) { 18985 .user-cards { 18986 padding: 16px; 18987 } 18988 .user-cards__title { 18989 font-size: 16px; 18990 line-height: calc(24 / 16); 18991 } 18992} 18993 18994.el-divider { 18995 font-weight: 500; 18996 font-size: 12px; 18997 line-height: calc(18 / 12); 18998 letter-spacing: .005em; 18999 color: #ADADAD; 19000 text-align: center; 19001 text-transform: uppercase; 19002 overflow: hidden; 19003} 19004.el-divider__text { 19005 position: relative; 19006 padding-right: 8px; 19007 padding-left: 8px; 19008} 19009.el-divider__text::before, 19010.el-divider__text::after { 19011 content: ""; 19012 position: absolute; 19013 top: 50%; 19014 width: 100vw; 19015 height: 1px; 19016 background-color: currentcolor; 19017 transform: translateY(-50%); 19018} 19019.el-divider__text::before { 19020 right: 100%; 19021} 19022.el-divider__text::after { 19023 left: 100%; 19024} 19025 19026@media (min-width: 1200px) { 19027 .el-divider { 19028 font-size: 16px; 19029 line-height: calc(20 / 16); 19030 letter-spacing: 0; 19031 } 19032 .el-divider__text { 19033 padding-right: 10px; 19034 padding-left: 10px; 19035 } 19036} 19037 19038.billing-table { 19039 min-width: 100%; 19040} 19041.billing-table__row {} 19042.billing-table__cell { 19043 padding: 22px 16px 22px 12px; 19044 border-width: 1px; 19045 border-style: solid; 19046 border-color: #E3E3E4; 19047 font-size: 10px; 19048 line-height: calc(16 / 10); 19049 letter-spacing: .005em; 19050 color: #707375; 19051 white-space: nowrap; 19052} 19053.billing-table__cell_th { 19054 font-weight: 400; 19055 background-color: #EFEFEF; 19056} 19057.billing-table__cell_empty-text { 19058 text-align: center; 19059} 19060.billing-table__head { 19061 display: flex; 19062 align-items: center; 19063 justify-content: space-between; 19064} 19065.billing-table__head-text {} 19066.billing-table__head-sort { 19067 width: 12px; 19068 height: 12px; 19069 margin-left: 10px; 19070} 19071.billing-table__head-sort_is-active { 19072 transform: scaleY(-1); 19073} 19074.billing-table__number { 19075 font-weight: 600; 19076} 19077.billing-table__status { 19078 padding: 8px 16px; 19079 border-radius: 99px; 19080 font-weight: 500; 19081 color: var(--color, currentColor); 19082 background-color: var(--bg, lightgray); 19083} 19084.billing-table__status_success { 19085 --color: #1CAB48; 19086 --bg: #E3F4E9; 19087} 19088.billing-table__status_failed { 19089 --color: #E2464C; 19090 --bg: #FBE8E9; 19091} 19092.billing-table__status_pending { 19093 --color: #FFC205; 19094 --bg: #FFF7E1; 19095} 19096 19097@media (min-width: 1200px) { 19098 .billing-table__cell { 19099 font-size: 14px; 19100 line-height: calc(21 / 14); 19101 letter-spacing: 0; 19102 } 19103 .billing-table__head-sort { 19104 width: 16px; 19105 height: 16px; 19106 } 19107} 19108 19109.user-billing { 19110 padding: 12px; 19111 border-radius: 10px; 19112 background-color: #fff; 19113 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19114} 19115.user-billing__header { 19116 display: flex; 19117 align-items: center; 19118 padding-top: 0; 19119 padding-bottom: 0; 19120 background-color: transparent; 19121} 19122.user-billing__title { 19123 margin-right: 10px; 19124 font-weight: 600; 19125 font-size: 14px; 19126 line-height: calc(20 / 14); 19127 color: #181D20; 19128} 19129.user-billing__header-actions { 19130 margin-left: auto; 19131} 19132.user-billing__body { 19133 margin-top: 16px; 19134 overflow-x: auto; 19135 overflow-y: hidden; 19136} 19137 19138@media (min-width: 1200px) { 19139 .user-billing { 19140 padding: 16px; 19141 } 19142 .user-billing__title { 19143 font-size: 16px; 19144 line-height: calc(24 / 16); 19145 } 19146} 19147 19148.user-summary { 19149 padding: 16px; 19150 border-radius: 12px; 19151 background-color: #fff; 19152 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19153} 19154.user-summary__header { 19155 padding: 0; 19156 text-align: center; 19157} 19158.user-summary__avatar { 19159 margin-right: auto; 19160 margin-left: auto; 19161} 19162.user-summary__name { 19163 margin-top: 16px; 19164 font-weight: 500; 19165 font-size: 20px; 19166 line-height: calc(28 / 20); 19167 color: #181D20; 19168 overflow: hidden; 19169 text-overflow: ellipsis; 19170} 19171.user-summary__email { 19172 margin-top: 2px; 19173 font-weight: 400; 19174 font-size: 14px; 19175 line-height: calc(20 / 14); 19176 color: #707375; 19177 overflow: hidden; 19178 text-overflow: ellipsis; 19179 white-space: nowrap; 19180} 19181.user-summary__header-actions { 19182 margin-top: 12px; 19183} 19184.user-summary__header-button { 19185 width: 100%; 19186} 19187.user-summary__body { 19188 margin-top: 24px; 19189 padding-top: 24px; 19190 border-top-width: 1px; 19191 border-top-style: solid; 19192 border-top-color: #E3E3E4; 19193} 19194.user-summary__item { 19195 display: flex; 19196 flex-wrap: wrap; 19197 margin-bottom: 16px; 19198 font-size: 14px; 19199 line-height: calc(20 / 14); 19200 color: #525658; 19201} 19202.user-summary__label { 19203 flex-shrink: 0; 19204} 19205.user-summary__value { 19206 margin-left: 20px; 19207 flex-grow: 1; 19208 font-weight: 500; 19209 text-align: right; 19210 overflow: hidden; 19211 text-overflow: ellipsis; 19212 white-space: nowrap; 19213 color: #181D20; 19214} 19215.user-summary__body-actions { 19216 margin-top: 24px; 19217 display: flex; 19218} 19219.user-summary__body-button { 19220 flex-grow: 1; 19221 margin-right: 5px; 19222} 19223 19224.user-summary__body-button:last-child { 19225 margin-right: 0; 19226} 19227 19228 19229@media (min-width: 1200px) { 19230 .user-summary { 19231 padding: 24px; 19232 } 19233} 19234 19235.user-settings { 19236 padding: 16px; 19237 border-radius: 12px; 19238 background-color: #fff; 19239 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19240} 19241.user-settings__header { 19242 padding: 0; 19243} 19244.user-settings__title { 19245 font-weight: 600; 19246 font-size: 20px; 19247 line-height: calc(28 / 20); 19248 color: #181D20; 19249} 19250.user-settings__nav { 19251 margin-top: 8px; 19252} 19253.user-settings__body { 19254 margin-top: 24px; 19255} 19256.user-settings__subtitle { 19257 font-weight: 600; 19258 font-size: 20px; 19259 line-height: calc(30 / 20); 19260 color: #181D20; 19261} 19262.user-settings__group { 19263 margin-top: 12px; 19264} 19265.user-settings__part { 19266 margin-bottom: 20px; 19267} 19268.user-settings__part:last-child { 19269 margin-bottom: 0; 19270} 19271.user-settings__item { 19272 margin-bottom: 20px; 19273} 19274.user-settings__item:last-child { 19275 margin-bottom: 0; 19276} 19277 19278@media (min-width: 1200px) { 19279 .user-settings { 19280 padding: 24px; 19281 } 19282 .user-settings__title { 19283 font-size: 24px; 19284 line-height: calc(32 / 24); 19285 } 19286 .user-settings__nav { 19287 margin-top: 16px; 19288 } 19289 .user-settings__group { 19290 margin-top: 16px; 19291 } 19292} 19293 19294.ctrl-utility { 19295 position: relative; 19296 display: grid; 19297 grid-template-columns: auto 1fr; 19298 grid-template-rows: auto auto 1fr; 19299 padding: 12px; 19300 border-radius: 12px; 19301 background-color: #fff; 19302 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19303 overflow: hidden; 19304} 19305.ctrl-utility__icon-box {
19306 grid-row: span 2; 19307 width: 40px; 19308 height: 40px; 19309 padding: 12px; 19310 margin-right: 10px; 19311 color: var(--ic, #717375); 19312 background-color: var(--ibgc, lightgray); 19313 border-radius: 8px; 19314} 19315.ctrl-utility__icon-box_color_1 { 19316 --ic: #E24841; 19317 --ibgc: #FBE6E5; 19318} 19319.ctrl-utility__icon-box_color_2 { 19320 --ic: #E2C740; 19321 --ibgc: #FEF9E2; 19322} 19323.ctrl-utility__icon-box_color_3 { 19324 --ic: #FF7919; 19325 --ibgc: #FFEDE0; 19326} 19327.ctrl-utility__icon-box_color_4 { 19328 --ic: #10D0D5; 19329 --ibgc: #E3FCFD; 19330} 19331.ctrl-utility__icon-box_color_5 { 19332 --ic: #624BD8; 19333 --ibgc: #E9E6F9; 19334} 19335.ctrl-utility__icon-box_color_6 { 19336 --ic: #3D99F5; 19337 --ibgc: #E2F0FE; 19338} 19339.ctrl-utility__icon-box_color_7 { 19340 --ic: #79DC47; 19341 --ibgc: #ECFAE5; 19342} 19343.ctrl-utility__icon-box_color_8 { 19344 --ic: #FF5975; 19345 --ibgc: #FFE0E6; 19346} 19347.ctrl-utility__icon-box_color_9 { 19348 --ibgc: #FFE6E0; 19349} 19350.ctrl-utility__icon-box_color_10 { 19351 --ibgc: #E2F6FD; 19352} 19353.ctrl-utility__icon-box_color_11 { 19354 --ibgc: #E7E3FD; 19355} 19356.ctrl-utility__icon-box_color_12 { 19357 --ibgc: #FBE5FB; 19358} 19359.ctrl-utility__icon-box_color_13 { 19360 --ibgc: #FBE5E4; 19361} 19362.ctrl-utility__icon-box_color_14 { 19363 --ibgc: #E2F0FD; 19364} 19365.ctrl-utility__icon-box_color_15 { 19366 --ibgc: #FFF5E0; 19367} 19368.ctrl-utility__icon-box_color_16 { 19369 --ibgc: #E2E3FE; 19370} 19371.ctrl-utility__icon-box_color_17 { 19372 --ibgc: #E2FEE6; 19373} 19374.ctrl-utility__icon-box_color_18 { 19375 --ibgc: #FAE2FE; 19376} 19377.ctrl-utility__icon-box_color_19 { 19378 --ibgc: #FEF8E2; 19379} 19380.ctrl-utility__icon-box_color_20 { 19381 --ic: #FFF; 19382 --ibgc: #FEEBE2; 19383} 19384.ctrl-utility__icon-box_color_21 { 19385 --ic: #FFF; 19386 --ibgc: #E2EDFE; 19387} 19388.ctrl-utility__icon-box_color_22 { 19389 --ic: #FFF; 19390 --ibgc: #E1FDE5; 19391} 19392.ctrl-utility__icon-box_color_23 { 19393 --ibgc: #E2FEFC; 19394} 19395.ctrl-utility__icon-box_color_24 { 19396 --ibgc: #FEE2E2; 19397} 19398.ctrl-utility__icon-box_color_25 { 19399 --ibgc: #E2F7FE; 19400} 19401.ctrl-utility__icon-box_color_26 { 19402 --ibgc: #FEF3E2; 19403} 19404.ctrl-utility__icon { 19405 display: block; 19406 width: 100%; 19407 height: 100%; 19408} 19409.ctrl-utility__name { 19410 font-weight: 600; 19411 font-size: 14px; 19412 line-height: calc(20 / 14); 19413 color: #181D20; 19414 overflow: hidden; 19415 text-overflow: ellipsis; 19416 white-space: nowrap; 19417} 19418.ctrl-utility__category { 19419 margin-top: 2px; 19420 font-size: 10px; 19421 line-height: calc(16 / 10); 19422 letter-spacing: 0.005em; 19423 overflow: hidden; 19424 text-overflow: ellipsis; 19425 white-space: nowrap; 19426 color: var(--catcolor, gray); 19427} 19428.ctrl-utility__category_color_orange { 19429 --catcolor: #F66213; 19430} 19431.ctrl-utility__category_color_purple { 19432 --catcolor: #D61C4E; 19433} 19434.ctrl-utility__category_color_blue { 19435 --catcolor: #1C67CA; 19436} 19437.ctrl-utility__category_color_green { 19438 --catcolor: #247881; 19439} 19440.ctrl-utility__description { 19441 grid-column: span 2; 19442 margin-top: 8px; 19443 font-size: 10px; 19444 line-height: calc(16 / 10); 19445 letter-spacing: .005em; 19446 color: #707375; 19447} 19448.ctrl-utility__button-open { 19449 position: absolute; 19450 top: 0; 19451 left: 0; 19452 width: 100%; 19453 height: 100%; 19454 opacity: 0; 19455} 19456.ctrl-utility__button-feature { 19457 position: absolute; 19458 top: 12px; 19459 right: 12px; 19460 width: 24px; 19461 height: 24px; 19462 padding: 5px; 19463 border-radius: 50%; 19464 color: #E2464C; 19465 background-color: #FCE9EA; 19466} 19467 19468.ctrl-utility_with_button {} 19469.ctrl-utility_with_button .ctrl-utility__name, 19470.ctrl-utility_with_button .ctrl-utility__category { 19471 margin-right: 28px; 19472} 19473@media (min-width: 1200px) { 19474 .ctrl-utility__icon-box { 19475 width: 48px; 19476 height: 48px; 19477 } 19478 .ctrl-utility__name { 19479 margin-top: 3px; 19480 font-size: 16px; 19481 line-height: calc(22 / 16); 19482 } 19483 .ctrl-utility__category, 19484 .ctrl-utility__description { 19485 font-size: 12px; 19486 line-height: calc(18 / 12); 19487 } 19488 .ctrl-utility__description { 19489 margin-top: 12px; 19490 } 19491} 19492 19493.user-favorite {} 19494.user-favorite__group {} 19495.user-favorite__item, 19496.user-favorite .element-tools { 19497 margin-bottom: 12px; 19498} 19499.user-favorite__item:last-child, 19500.user-favorite .element-tools:last-child { 19501 margin-bottom: 0; 19502} 19503@media (min-width: 576px) { 19504 .user-favorite__group { 19505 display: flex; 19506 flex-wrap: wrap; 19507 margin: -5px 19508 } 19509 .user-favorite__item, 19510 .user-favorite .element-tools { 19511 margin: 5px; 19512 width: calc(100% / 2 - 5px * 2); 19513 } 19514 .user-favorite__item:last-child { 19515 margin: 5px; 19516 } 19517} 19518@media (min-width: 1025px) { 19519 .user-favorite__item, 19520 .user-favorite .element-tools { 19521 width: calc(100% / 3 - 5px * 2); 19522 } 19523} 19524 19525.user-favorite .element-tools { 19526 border-radius: 12px; 19527 background-color: #fff; 19528 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19529} 19530.user-favorite .element-tools .icon_box { 19531 width: 40px; 19532 height: 40px; 19533 padding: 12px; 19534 margin-right: 10px; 19535 margin-bottom: 10px; 19536} 19537.user-favorite .element-tools .tools_box h4 { 19538 margin-top: 0; 19539 margin-bottom: 0; 19540 font-weight: 600; 19541 font-size: 14px; 19542 line-height: calc(20 / 14); 19543 color: #181D20; 19544} 19545.user-favorite .element-tools .catalog-box__tag { 19546 font-weight: 400; 19547 font-size: 10px; 19548 line-height: calc(16 / 10); 19549 letter-spacing: .005em; 19550} 19551.user-favorite .element-tools .tools_box p { 19552 font-size: 10px; 19553 line-height: calc(16 / 10); 19554 letter-spacing: .005em; 19555 color: #707375; 19556} 19557@media (min-width: 1200px) { 19558 .user-favorite .element-tools .icon_box { 19559 width: 48px; 19560 height: 48px; 19561 } 19562 .user-favorite .element-tools .tools_box h4 { 19563 font-size: 16px; 19564 line-height: calc(22 / 16); 19565 } 19566 .user-favorite .element-tools .catalog-box__tag { 19567 font-size: 12px; 19568 line-height: calc(17 / 12); 19569 } 19570 .user-favorite .element-tools .tools_box p { 19571 font-size: 12px; 19572 line-height: calc(17 / 12); 19573 } 19574} 19575 19576 19577.grid-user { 19578 padding-top: 64px; 19579 padding-bottom: 80px; 19580} 19581 19582.grid-user__summary { 19583 margin-bottom: 20px; 19584} 19585 19586@media (min-width: 768px) { 19587 .grid-user { 19588 display: grid; 19589 grid-template-columns: auto 1fr; 19590 grid-column-gap: 20px; 19591 align-items: self-start; 19592 } 19593 .grid-user__summary { 19594 position: sticky; 19595 top: 20px; 19596 width: 260px; 19597 margin-bottom: 0; 19598 } 19599 .grid-user__settings { 19600 min-width: 0; 19601 } 19602} 19603 19604@media (min-width: 1200px) { 19605 .grid-user { 19606 padding-top: 48px; 19607 padding-bottom: 150px; 19608 } 19609 .grid-user__summary { 19610 width: 295px; 19611 } 19612} 19613 19614.ctrl-switcher-type { 19615 position: relative; 19616 display: inline-flex; 19617 align-items: center; 19618 font-weight: 400; 19619 color: #707375; 19620} 19621.ctrl-switcher-type__field { 19622 position: absolute; 19623 top: 0; 19624 left: 0; 19625 opacity: 0; 19626 cursor: pointer; 19627} 19628.ctrl-switcher-type__visual { 19629 position: relative; 19630 display: inline-block; 19631 vertical-align: middle; 19632 width: 40px; 19633 height: 24px; 19634 margin-right: 8px; 19635 margin-left: 8px; 19636 border-radius: 99px; 19637 background-color: #1CAB48; 19638 cursor: pointer; 19639 user-select: none; 19640} 19641.ctrl-switcher-type__visual::before { 19642 content: ""; 19643 position: absolute; 19644 top: 4px; 19645 left: 4px; 19646 width: 16px; 19647 height: 16px; 19648 border-radius: 50%; 19649 background-color: #fff; 19650 transition-property: left; 19651 transition-duration: .125s; 19652 transition-timing-function: ease-in-out; 19653} 19654.ctrl-switcher-type__label { 19655 cursor: pointer; 19656 user-select: none; 19657} 19658.ctrl-switcher-type__label_default { 19659 order: -1; 19660 color: #181D20; 19661 font-weight: 500; 19662} 19663.ctrl-switcher-type__label_checked {} 19664.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__visual::before { 19665 left: 20px; 19666} 19667.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_default { 19668 font-weight: 400; 19669 color: #707375; 19670} 19671.ctrl-switcher-type__field:checked ~ .ctrl-switcher-type__label_checked { 19672 font-weight: 500; 19673 color: #181D20; 19674} 19675 19676.subscription-type { 19677 display: inline-flex; 19678 align-items: center; 19679} 19680.subscription-type__switcher { 19681 flex-shrink: 0; 19682} 19683.subscription-type__sale { 19684 flex-shrink: 0; 19685 padding: 5px; 19686 border-radius: 99px; 19687 font-weight: 500; 19688 font-size: 80%; 19689 line-height: 1; 19690 text-transform: uppercase; 19691 color: #E2464C; 19692 background-color: #FBE8E9; 19693 margin-left: 10px; 19694} 19695 19696.subscription-summary {} 19697.subscription-summary__group {} 19698.subscription-summary__item { 19699 display: flex; 19700 flex-wrap: wrap; 19701 align-items: center; 19702 font-size: 12px; 19703 line-height: calc(18 / 12); 19704 letter-spacing: .005em; 19705 color: #181D20; 19706} 19707.subscription-summary__item:not(:last-child) { 19708 margin-bottom: 16px; 19709} 19710.subscription-summary__label { 19711 margin-right: 10px; 19712 flex-grow: 1; 19713} 19714.subscription-summary__label_main { 19715 font-weight: 600; 19716 font-size: 14px; 19717 line-height: calc(20 / 14); 19718} 19719.subscription-summary__value { 19720 margin-left: auto; 19721 font-weight: 600; 19722} 19723.subscription-summary__value_total { 19724 color: #1A8FE3; 19725} 19726.subscription-summary__value_switcher { 19727 width: 100%; 19728 margin-top: 8px; 19729} 19730 19731@media (min-width: 768px) { 19732 .subscription-summary__item { 19733 font-size: 14px; 19734 line-height: calc(20 / 14); 19735 letter-spacing: normal; 19736 } 19737 .subscription-summary__label_main { 19738 font-size: 16px; 19739 line-height: calc(24 / 16); 19740 } 19741 .subscription-summary__value_switcher { 19742 width: auto; 19743 margin-top: auto; 19744 } 19745} 19746 19747.user-settings-upload {} 19748.user-settings-upload__avatar-default { 19749 margin-left: auto; 19750 margin-right: auto; 19751} 19752.user-settings-upload__actions { 19753 margin-top: 16px; 19754 display: flex; 19755 justify-content: center; 19756} 19757.user-settings-upload__button { 19758 min-width: 120px; 19759 margin-right: 8px; 19760} 19761.user-settings-upload__button:last-child { 19762 margin-right: 0; 19763} 19764 19765.ctrl-check-card { 19766 position: relative; 19767 display: inlin-flex; 19768 align-items: center; 19769 cursor: pointer; 19770} 19771.ctrl-check-card__field { 19772 position: absolute; 19773 top: 0; 19774 left: 0; 19775 opacity: 0; 19776} 19777 19778.ctrl-check-card__visual {
19779 width: 20px; 19780 height: 20px; 19781 margin-right: 8px; 19782 border-width: 1px; 19783 border-style: solid; 19784 border-color: #E3E3E4; 19785 border-radius: 50%; 19786} 19787.ctrl-check-card__field:checked ~ .ctrl-check-card__visual { 19788 border-width: 5px; 19789 border-color: #1A8FE3; 19790} 19791 19792.card-dropdown {} 19793.card-dropdown__toggle { 19794 display: flex; 19795 align-items: center; 19796 padding: 8px; 19797 width: 100%; 19798 border-radius: 8px; 19799 border-width: 1px; 19800 border-style: solid; 19801 border-color: #E3E3E4; 19802 text-align: left; 19803 background-color: #fff; 19804} 19805.card-dropdown__toggle::after { 19806 content: none; 19807} 19808.card-dropdown__toggle-card { 19809 margin-right: auto; 19810} 19811.card-dropdown__toggle-text { 19812 display: none; 19813 margin-right: 5px; 19814 font-weight: 500; 19815 font-size: 14px; 19816 line-height: calc(20 / 14); 19817 color: #1A8FE3; 19818} 19819.card-dropdown__icon-dropdown { 19820 width: 12px; 19821 height: 12px; 19822 color: #1A8FE3; 19823 transform: var(--icon-transform); 19824} 19825.card-dropdown .dropdown-menu { 19826 width: 100%; 19827 padding: 8px; 19828 border-width: 0; 19829 border-radius: 8px; 19830 background-color: #fff; 19831 box-shadow: var(--shadow-1); 19832} 19833label.ctrl-check-card.card-dropdown__item { 19834 display: flex; 19835 margin-bottom: 16px; 19836} 19837label.ctrl-check-card.card-dropdown__item:last-child { 19838 margin-bottom: 0; 19839} 19840.card-dropdown.show { 19841 --icon-transform: rotate(180deg); 19842} 19843@media (min-width: 1200px){ 19844 .card-dropdown__toggle-text { 19845 display: block; 19846 } 19847} 19848 19849.custom-modal {} 19850.custom-modal .modal-content { 19851 border-width: 0; 19852 background-color: #fff; 19853 border-radius: 12px; 19854 box-shadow: 3px 10px 40px rgba(24, 29, 32, .05); 19855} 19856.custom-modal .modal-header { 19857 padding: 16px; 19858 border-bottom-width: 0; 19859 border-top-left-radius: 12px; 19860 border-top-right-radius: 12px; 19861} 19862.custom-modal .modal-title { 19863 font-weight: 700; 19864 font-size: 16px; 19865 line-height: calc(24 / 16); 19866 color: #181D20; 19867} 19868.custom-modal .modal-body { 19869 padding: 0 16px; 19870} 19871.custom-modal .modal-footer { 19872 padding: 16px; 19873 border-top-width: 0; 19874} 19875 19876.custom-modal .modal-footer__note { 19877 width: 100%; 19878 font-style: italic; 19879 font-size: 12px; 19880 line-height: 16px; 19881 letter-spacing: .005em; 19882 color: #181D20; 19883 text-align: center; 19884 margin-bottom: 8px; 19885} 19886.custom-modal .modal-footer_buttons_2 {} 19887.custom-modal .modal-footer_buttons_2 .ctrl-button { 19888 flex-grow: 1; 19889 flex-basis: 30%; 19890} 19891@media (min-width: 768px) { 19892 .custom-modal .modal-dialog { 19893 max-width: 668px; 19894 } 19895 .custom-modal .modal-header { 19896 padding: 24px; 19897 } 19898 .custom-modal .modal-title { 19899 font-size: 24px; 19900 line-height: calc(34 / 24); 19901 } 19902 .custom-modal .modal-body { 19903 padding-right: 24px; 19904 padding-left: 24px; 19905 } 19906 .custom-modal .modal-footer { 19907 padding: 24px; 19908 } 19909 .custom-modal .modal-footer__note { 19910 width: auto; 19911 flex-grow: 1; 19912 text-align: left; 19913 } 19914 .custom-modal .modal-footer_buttons_2 .ctrl-button { 19915 flex-grow: 0; 19916 flex-basis: 152px; 19917 } 19918} 19919 19920.custom-confirmation {} 19921.custom-confirmation .modal-content { 19922 max-width: 400px; 19923 margin: auto; 19924} 19925.custom-confirmation .modal-header { 19926 padding-bottom: 0; 19927 display: block; 19928 text-align: center; 19929} 19930.custom-confirmation .modal-header__icon-box { 19931 width: 80px; 19932 height: 80px; 19933 padding: 20px; 19934 margin-right: auto; 19935 margin-bottom: 24px; 19936 margin-left: auto; 19937 border-radius: 50%; 19938 color: #fff; 19939 background-color: #E2464C; 19940} 19941.custom-confirmation .modal-header__icon { 19942 display: block; 19943 width: 100%; 19944 height: 100%; 19945} 19946 19947.custom-confirmation .modal-body { 19948 color: #828586; 19949 text-align: center; 19950} 19951.custom-confirmation .modal-footer_buttons_2 .ctrl-button { 19952 flex-grow: 1; 19953} 19954 19955@media (min-width: 768px) { 19956 19957} 19958 19959.modal-add-new-card .custom-form { 19960 margin-bottom: -16px; 19961} 19962 19963.modal-order-summary .subscription-summary { 19964 padding-top: 16px; 19965 margin-top: 16px; 19966 border-top-width: 1px; 19967 border-top-style: solid; 19968 border-top-color: #E3E3E4; 19969} 19970 19971.modal-edit-profile .user-settings-upload { 19972 margin-bottom: 24px; 19973} 19974 19975/* custom-datepicker */ 19976.custom-datepicker {} 19977.custom-datepicker .form-control.is-valid { 19978 background-image: none; 19979} 19980.custom-datepicker .b-form-datepicker { 19981 border-width: 0; 19982 padding: 0; 19983} 19984.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] { 19985 position: absolute; 19986 top: 0; 19987 left: 0; 19988 border: 0; 19989 height: 100% !important; 19990 color: #707375; 19991 outline: none; 19992 box-shadow: none; 19993} 19994 19995.custom-datepicker .b-form-datepicker > .btn[aria-haspopup="dialog"] > svg { 19996 margin-top: -2px; 19997} 19998 19999.custom-datepicker .b-form-datepicker > .form-control { 20000 padding-left: 38px; 20001} 20002 20003.custom-datepicker .dropdown-menu { 20004 padding-top: 4px; 20005 padding-bottom: 0; 20006} 20007 20008.custom-datepicker .b-calendar-inner { 20009 width: auto !important; 20010} 20011 20012.custom-datepicker .b-calendar-nav { 20013 padding-right: 4px; 20014 padding-left: 4px; 20015} 20016 20017.custom-datepicker .b-calendar-grid-caption { 20018 padding: 4px; 20019} 20020 20021.custom-datepicker .b-calendar-grid { 20022 margin: 4px; 20023 width: calc(32px * 7 + 2px); 20024 border-radius: 4px; 20025 padding: 0; 20026 overflow: hidden; 20027} 20028 20029.custom-datepicker .b-calendar-grid .row { 20030 margin-right: 0; 20031 margin-left: 0; 20032} 20033 20034.custom-datepicker .b-calendar-grid .btn { 20035 font-size: 12px; 20036 padding: 0; 20037 width: 32px; 20038 height: 32px; 20039 display: flex; 20040 align-items: center; 20041 justify-content: center; 20042} 20043 20044/* modal-upgrade */ 20045.modal-upgrade { 20046 background: #fff; 20047} 20048 20049.modal-upgrade .modal-dialog { 20050 max-width: 100%; 20051 height: 100%; 20052 margin: -1px 0 0; 20053} 20054 20055.modal-upgrade .modal-content { 20056 border-radius: 0; 20057 height: inherit; 20058 border: none; 20059} 20060 20061.modal-upgrade .modal-header { 20062 border: none; 20063 padding: 104px 24px 0; 20064 display: block; 20065} 20066 20067.modal-upgrade .modal-header .close { 20068 margin: 0; 20069 padding: 7px 8px; 20070 border-radius: 8px; 20071 border: 1px solid #E3E3E5; 20072 opacity: 1; 20073 position: absolute; 20074 top: 24px; 20075 right: 100px; 20076} 20077 20078.modal-upgrade .modal-title { 20079 color: #181D20; 20080 font-weight: bold; 20081 font-size: 40px; 20082 flex-grow: 1; 20083 text-align: center; 20084 margin-bottom: 12px; 20085} 20086 20087.modal-upgrade .modal-header p { 20088 color: #525658; 20089 text-align: center; 20090 font-size: 16px; 20091 font-weight: 400; 20092 line-height: 24px; 20093} 20094 20095.modal-upgrade .modal-body { 20096 padding: 0 24px 60px; 20097} 20098 20099.dark-mode .modal-upgrade .modal-title, 20100.dark-mode .our-plans_title, 20101.dark-mode .our-plans .btn-secondary, 20102.dark-mode .our-plans .show>.btn-secondary.dropdown-toggle { 20103 color: #fff; 20104} 20105 20106.dark-mode .modal-upgrade .modal-header p, 20107.dark-mode .our-plans_price-note { 20108 color: #c9cacb; 20109} 20110 20111.dark-mode .upgrade-tools .tools_box { 20112 background-color: #273744; 20113} 20114 20115.dark-mode .our-plans .form-check-label { 20116 background-color: #273744; 20117 color: #fff; 20118} 20119 20120.dark-mode .our-plans .dropdown-toggle::after { 20121 border-right: 2px solid #fff; 20122 border-bottom: 2px solid #fff; 20123} 20124 20125.our-plans { 20126 margin-top: 56px; 20127 max-width: 480px; 20128 margin-left: auto; 20129 margin-right: auto; 20130} 20131 20132.our-plans_title { 20133 color: #181D20; 20134 font-size: 18px; 20135 font-weight: 600;
20136 line-height: 26px; 20137} 20138 20139.our-plans_group {} 20140 20141.our-plans .form-check { 20142 margin-top: 16px; 20143 margin-right: 0; 20144 display: block; 20145} 20146 20147.our-plans .form-check-label { 20148 display: flex; 20149 align-items: center; 20150 justify-content: space-between; 20151 color: #181D20; 20152 cursor: pointer; 20153 background: #FFF; 20154 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20155 border: 1px solid transparent; 20156 transition: border-color .2s linear; 20157 padding: 24px; 20158 border-radius: 8px; 20159} 20160 20161.our-plans .form-check-input:checked+.form-check-label { 20162 border-color: #1A8FE3; 20163} 20164 20165.our-plans .form-check-input:checked+.form-check-label .our-plans_check { 20166 border-color: #1A8FE3; 20167 background-color: #1A8FE3; 20168} 20169 20170.our-plans .form-check-input:checked+.form-check-label .our-plans_check svg { 20171 opacity: 1; 20172} 20173 20174.our-plans_name { 20175 display: flex; 20176 align-items: center; 20177 font-size: 18px; 20178 font-weight: 600; 20179 max-width: 50%; 20180} 20181 20182.our-plans_check { 20183 margin-right: 16px; 20184 width: 24px; 20185 height: 24px; 20186 border: 1px solid #E3E3E4; 20187 color: #fff; 20188 border-radius: 100%; 20189 flex-shrink: 0; 20190 display: flex; 20191 align-items: center; 20192 justify-content: center; 20193 transition: border-color, background-color .2s linear; 20194} 20195.our-plans_check svg { 20196 width: 14px; 20197 height: 14px; 20198 opacity: 0; 20199 transition: opacity .2s linear; 20200} 20201 20202.our-plans .form-check-input { 20203 position: absolute; 20204 opacity: 0; 20205 visibility: hidden; 20206} 20207 20208.our-plans .form-group { 20209 margin: 0; 20210} 20211 20212.our-plans .btn-secondary { 20213 padding: 0; 20214 background-color: transparent; 20215 border: none; 20216 color: #181D20; 20217 text-align: left; 20218 font-weight: 600; 20219 font-size: 18px; 20220 display: flex; 20221 justify-content: space-between; 20222 align-items: center; 20223} 20224 20225.our-plans .dropdown .btn-secondary:focus { 20226 border: none; 20227 outline: 0; 20228 box-shadow: none; 20229} 20230 20231.our-plans .dropdown .btn-secondary:active { 20232 background-color: transparent; 20233 border: none; 20234 color: #181D20; 20235 box-shadow: none; 20236} 20237 20238.our-plans .show>.btn-secondary.dropdown-toggle { 20239 background-color: transparent; 20240 color: #181D20; 20241} 20242 20243.our-plans .show>.btn-secondary.dropdown-toggle:focus { 20244 box-shadow: none; 20245} 20246 20247.our-plans .dropdown-toggle::after { 20248 content: ""; 20249 width: 9px; 20250 height: 9px; 20251 border-right: 2px solid #181D20; 20252 border-bottom: 2px solid #181D20; 20253 border-top: none; 20254 border-left: none; 20255 transform: rotate(45deg); 20256 z-index: 3; 20257 margin-left: 8px; 20258 border-radius: 0 0 3px 0; 20259} 20260 20261.our-plans .dropdown-menu { 20262 width: 100%; 20263 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 20264 border-radius: 6px; 20265 padding: 7px; 20266 border: none; 20267 margin-top: 8px; 20268} 20269 20270.our-plans .dropdown-item { 20271 padding: 5px; 20272 font-size: 14px; 20273 line-height: 21px; 20274 color: #707375; 20275 margin-top: 11px; 20276} 20277 20278.our-plans .dropdown-item:first-child { 20279 margin-top: 0; 20280} 20281 20282.our-plans_price { 20283 text-align: right; 20284} 20285 20286.our-plans_price-number { 20287 font-size: 24px; 20288 font-weight: 700; 20289 line-height: 32px; 20290} 20291 20292.our-plans_price-note { 20293 display: block; 20294 color: #707375; 20295 font-size: 12px; 20296 letter-spacing: 0.06px; 20297} 20298 20299.our-plans .button { 20300 display: block; 20301 margin-top: 16px; 20302} 20303 20304.upgrade-tools { 20305 margin-top: 56px; 20306 padding: 0; 20307 background-color: transparent; 20308} 20309 20310.upgrade-tools .tools_box { 20311 border-radius: 8px; 20312 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20313} 20314 20315.upgrade-tools .tools_box .icon_box { 20316 float: none; 20317 margin-bottom: 10px; 20318} 20319 20320.catalog-box .icon_box { 20321 width: 40px; 20322 height: 40px; 20323 border-radius: 8px; 20324} 20325 20326.upgrade-tools .tools_box h4 { 20327 font-size: 18px; 20328} 20329 20330.upgrade-tools .tools_box p { 20331 color: #707375; 20332 font-size: 12px; 20333 font-weight: 400; 20334 letter-spacing: 0.06px; 20335} 20336 20337@media (max-width: 767px) { 20338 20339 .modal-upgrade .modal-header { 20340 padding-left: 40px; 20341 padding-right: 40px; 20342 } 20343 20344 .modal-upgrade .modal-title { 20345 font-size: 28px; 20346 margin-bottom: 4px; 20347 } 20348 20349 .modal-upgrade .modal-header p { 20350 font-size: 12px; 20351 } 20352 20353 .modal-upgrade .modal-header .close { 20354 top: 24px; 20355 right: 24px; 20356 } 20357 20358 .our-plans { 20359 margin-top: 40px; 20360 } 20361 20362 .our-plans_title { 20363 font-size: 16px; 20364 } 20365 20366 .our-plans .btn-secondary { 20367 font-size: 14px; 20368 } 20369 20370 .our-plans .dropdown-toggle::after { 20371 margin-top: -4px; 20372 width: 8px; 20373 height: 8px; 20374 } 20375 20376 .our-plans_price-number { 20377 font-size: 18px;
20378 line-height: 26px; 20379 } 20380 20381 .our-plans_price-note { 20382 font-size: 10px; 20383 } 20384 20385 .upgrade-tools { 20386 margin-left: -15px; 20387 margin-right: -15px; 20388 margin-top: 40px; 20389 } 20390 20391 .upgrade-tools .tools_box h4 { 20392 font-size: 16pz; 20393 } 20394 20395} 20396 20397@media (max-width: 1199px) { 20398 .upgrade-tools .catalog-box .tools_box p { 20399 display: block; 20400 } 20401} 20402 20403 20404/* modal-out-of-content */ 20405.modal-out-of-content {} 20406 20407.modal-out-of-content .modal-dialog { 20408 max-width: 410px; 20409} 20410 20411.modal-out-of-content .modal-content { 20412 border-radius: 14px; 20413} 20414 20415.modal-out-of-content .modal-icon { 20416 width: 64px; 20417 height: 64px; 20418 margin-left: auto; 20419 margin-right: auto; 20420 margin-bottom: 24px; 20421 background-color: #FBE8E9; 20422 border-radius: 50%; 20423 font-size: 30px; 20424 display: flex; 20425 align-items: center; 20426 justify-content: center; 20427} 20428 20429.modal-out-of-content .modal-header { 20430 border: none; 20431 padding: 24px 24px 0; 20432 display: block; 20433 text-align: center; 20434} 20435 20436.modal-out-of-content .modal-header strong { 20437 font-weight: 500; 20438 color: #181D20; 20439} 20440 20441.modal-out-of-content .modal-title { 20442 color: #181D20; 20443 font-weight: 700; 20444 font-size: 24px; 20445 flex-grow: 1; 20446 margin-bottom: 16px; 20447} 20448 20449.modal-header p { 20450 color: #707375; 20451} 20452 20453.modal-out-of-content .modal-body { 20454 padding: 24px; 20455} 20456 20457.modal-out-of-content .modal-actions { 20458 justify-content: center; 20459} 20460 20461.modal-out-of-content .modal-actions .btn-action { 20462 max-width: 120px; 20463 margin-left: 4px; 20464 margin-right: 4px; 20465 font-size: 16px; 20466 font-weight: 600; 20467 border-radius: 8px; 20468} 20469 20470@media (max-width: 767px) { 20471 20472 .modal-out-of-content .modal-icon { 20473 width: 56px; 20474 height: 56px; 20475 font-size: 24px; 20476 margin-bottom: 8px; 20477 } 20478 20479 .modal-out-of-content .modal-title { 20480 font-size: 18px; 20481 } 20482 20483 .modal-header p { 20484 font-size: 12px; 20485 } 20486 20487 .modal-out-of-content .modal-actions .btn-action { 20488 max-width: inherit; 20489 } 20490} 20491 20492.dark-mode .modal-out-of-content .modal-title { 20493 color: #fff; 20494} 20495 20496.dark-mode .modal-header p { 20497 color: #c9cacb; 20498} 20499 20500.dark-mode .modal-out-of-content .modal-header strong { 20501 color: #fff; 20502} 20503/* .credits-remaining */ 20504.credits-remaining { 20505 border-radius: 4px; 20506 background: #FDF7E2; 20507 padding: 8px; 20508 color: #181D20; 20509 margin-bottom: 16px; 20510} 20511 20512.credits-remaining__group { 20513 display: flex; 20514 align-items: center; 20515} 20516 20517.credits-remaining__icon { 20518 color: #EFBE1F; 20519 flex-shrink: 0; 20520} 20521 20522.credits-remaining__info { 20523 margin-left: 6px; 20524 flex-grow: 1; 20525 line-height: 1.2; 20526} 20527 20528.credits-remaining__text { 20529 font-size: 12px; 20530 letter-spacing: 0.06px; 20531 font-weight: 500; 20532} 20533 20534.credits-remaining__text--note { 20535 color: #707375; 20536 font-weight: 400; 20537 display: block; 20538} 20539 20540.credits-remaining__button { 20541 border-radius: 8px; 20542 background-color: #EFBE1F; 20543 box-shadow: 8px 8px 32px 0px rgba(239, 190, 31, 0.24); 20544 border: none; 20545 padding: 8px; 20546 color: #FFF; 20547 font-size: 12px; 20548 font-weight: 500; 20549 line-height: 1.2; 20550 letter-spacing: 0.06px; 20551} 20552 20553.credits-remaining__button:hover { 20554 background-color: #d7a709; 20555 color: #FFF; 20556} 20557 20558.credits-remaining__button--link { 20559 background-color: transparent; 20560 box-shadow: none; 20561 padding: 0; 20562 text-decoration: underline; 20563 color: #EFBE1F; 20564 border-radius: 0; 20565} 20566 20567.credits-remaining__button--link:hover { 20568 background-color: transparent; 20569 color: #EFBE1F; 20570 text-decoration: none; 20571} 20572 20573.credits-remaining--big { 20574 max-width: 360px; 20575 margin-left: auto; 20576 margin-right: auto; 20577 padding: 12px; 20578} 20579 20580.credits-remaining--big .credits-remaining__info { 20581 display: flex; 20582 justify-content: space-between; 20583 align-items: center; 20584 margin-left: 8px; 20585} 20586 20587.credits-remaining--big .credits-remaining__text { 20588 font-size: 14px; 20589} 20590 20591.credits-remaining--big .credits-remaining__icon { 20592 width: 24px; 20593 height: 24px; 20594} 20595 20596@media (max-width: 960px) { 20597 20598 .sticky-sidebar .credits-remaining { 20599 display: none; 20600 } 20601} 20602 20603@media (max-width: 767px) { 20604 20605 .credits-remaining--big .credits-remaining__text { 20606 font-size: 12px; 20607 } 20608 20609 .credits-remaining__button { 20610 font-size: 10px; 20611 } 20612} 20613 20614/* .toast */ 20615.toast { 20616 opacity: 1; 20617 border-radius: 8px; 20618 background: #E3F1FB; 20619 padding: 12px 48px 12px 12px; 20620 max-width: 565px; 20621 margin-left: auto; 20622 margin-right: auto; 20623 border: none; 20624 box-shadow: none; 20625 text-align: left; 20626 font-size: 14px; 20627 font-weight: 500; 20628 color: #181D20; 20629 position: relative; 20630} 20631 20632.toast-body { 20633 padding: 0; 20634} 20635 20636.toast-body__icon { 20637 padding-right: 8px; 20638} 20639 20640.toast-body a { 20641 text-decoration: underline; 20642 color: #1A8FE3; 20643} 20644 20645.toast-body a:hover { 20646 text-decoration: none; 20647} 20648 20649.toast .close { 20650 color: #181D20; 20651 position: absolute; 20652 right: 12px; 20653 top: 50%; 20654 transform: translateY(-50%); 20655 opacity: 1; 20656} 20657 20658.toast--sticky { 20659 position: fixed; 20660 left: 0; 20661 right: 0; 20662 bottom: 0; 20663 z-index: 99; 20664 max-width: 100%; 20665 margin-bottom: 0; 20666 background: #1A8FE3; 20667 box-shadow: 0px -5px 40px 0px rgba(26, 143, 227, 0.16); 20668 border-radius: 0; 20669 padding-left: 48px; 20670 padding-top: 16px; 20671 padding-bottom: 16px; 20672 text-align: center; 20673 color: #fff; 20674 font-size: 16px; 20675} 20676 20677.toast__button { 20678 padding: 8px 16px; 20679 border-radius: 8px; 20680 background: #FFF; 20681 font-size: 12px; 20682 color: #1A8FE3; 20683 margin-left: 16px; 20684} 20685 20686.toast--sticky .close { 20687 color: #fff; 20688 right: 16px; 20689} 20690 20691.toast:not(:last-child) { 20692 margin-bottom: 0; 20693} 20694 20695@media (max-width: 767px) { 20696 .toast--sticky { 20697 font-size: 14px; 20698 } 20699 20700 .toast__button { 20701 display: block; 20702 margin-top: 8px; 20703 margin-left: auto; 20704 margin-right: auto; 20705 } 20706} 20707 20708/* .ctrl-modal */ 20709.ctrl-modal {} 20710 20711.ctrl-modal .modal-content { 20712 border-radius: 12px; 20713} 20714 20715.ctrl-modal .modal-header { 20716 border: none; 20717 padding: 24px 24px 0; 20718 display: block; 20719 text-align: center; 20720} 20721 20722.ctrl-modal .modal-title { 20723 color: #181D20; 20724 font-weight: 700; 20725 font-size: 24px; 20726 flex-grow: 1; 20727 margin-bottom: 8px; 20728} 20729 20730.ctrl-modal .modal-header .close { 20731 margin: 0 29px 0 0; 20732 padding: 0; 20733} 20734 20735.ctrl-modal p { 20736 color: #707375; 20737} 20738 20739.ctrl-modal .modal-body { 20740 padding: 24px; 20741} 20742 20743.dark-mode .ctrl-modal .modal-title { 20744 color: #fff; 20745} 20746 20747.dark-mode .ctrl-modal .modal-header p { 20748 color: #c9cacb; 20749} 20750 20751.dark-mode .ctrl-modal .modal-header strong { 20752 color: #fff; 20753} 20754 20755@media (max-width: 767px) { 20756 20757 .ctrl-modal .modal-title { 20758 font-size: 18px; 20759 } 20760 20761 .ctrl-modal .modal-header p { 20762 font-size: 12px; 20763 } 20764 20765 .ctrl-modal .modal-actions .btn-action { 20766 max-width: inherit; 20767 } 20768} 20769 20770 20771/* .modal-content-machine */ 20772.modal-content-machine {} 20773 20774.modal-content-machine .modal-dialog { 20775 max-width: 488px; 20776} 20777 20778.modal-content-machine .modal-header { 20779 padding-left: 84px; 20780 padding-right: 84px; 20781} 20782 20783.modal-content-machine .modal-body { 20784 padding: 16px 24px 24px 24px; 20785} 20786 20787.modal-content-machine .btn-action { 20788 margin-top: 8px; 20789 font-size: 16px; 20790 font-weight: 600; 20791} 20792 20793.modal-content-machine .btn-action--gray { 20794 color: #1A8FE3; 20795 border: none; 20796 background-color: #F6FBFE; 20797} 20798 20799.content-machine { 20800 border-radius: 8px; 20801 background: #F6F6F6; 20802 padding-top: 16px; 20803 padding-left: 16px; 20804 padding-right: 16px; 20805 margin-bottom: 24px; 20806} 20807 20808.content-machine img { 20809 box-shadow: 1.22892px 4.09639px 16.38554px 0px rgba(24, 29, 32, 0.05); 20810} 20811 20812@media (max-width: 767px) {
20813 .modal-content-machine .modal-header { 20814 padding-left: 24px; 20815 padding-right: 24px; 20816 } 20817} 20818 20819/* .chat-bot */ 20820.chat-bot { 20821 border-radius: 12px; 20822 background-color: #FFF; 20823 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 20824 color: #181D20; 20825} 20826 20827.chat-bot__box { 20828 display: flex; 20829 min-height: 504px; 20830} 20831 20832.chat-bot__sidebar { 20833 border-right: 1px solid #E3E3E4; 20834 padding: 16px; 20835 width: 240px; 20836 flex-shrink: 0; 20837 box-sizing: border-box; 20838} 20839 20840.chat-bot__sidebar-button { 20841 width: 100%; 20842 font-size: 14px; 20843} 20844 20845.chat-bot__sidebar-button svg { 20846 margin-right: 6px; 20847} 20848 20849.chat-bot__recent { 20850 margin-top: 16px; 20851 height: calc(100% - 65px); 20852} 20853 20854.chat-bot__recent-title { 20855 font-size: 16px; 20856 font-weight: 500; 20857} 20858 20859.chat-bot__recent-button { 20860 display: none; 20861} 20862 20863.chat-bot__recent-button .icon-arrow { 20864 transform: rotate(-90deg); 20865} 20866 20867.chat-bot__recent-button .icon-cross { 20868 display: none; 20869} 20870 20871.chat-bot__recent-content { 20872 margin-left: -8px; 20873 margin-right: -10px; 20874 padding-right: 6px; 20875 height: 388px; 20876 /*height: calc(100% - 25px);*/ 20877} 20878 20879.chat-bot__recent-item { 20880 display: flex; 20881 align-items: center; 20882 font-size: 12px; 20883 padding: 8px; 20884 margin-top: 6px; 20885 border-radius: 8px; 20886 cursor: pointer; 20887} 20888 20889.chat-bot__recent-item:hover { 20890 background-color: #F6F6F6; 20891} 20892 20893.chat-bot__recent-item svg { 20894 flex-shrink: 0; 20895} 20896 20897.chat-bot__recent-item span { 20898 margin-left: 10px; 20899 flex-grow: 1; 20900 text-overflow: ellipsis; 20901 white-space: nowrap; 20902 overflow: hidden; 20903} 20904 20905.chat-bot__body { 20906 padding: 16px; 20907 display: flex; 20908 flex-direction: column; 20909 justify-content: space-between; 20910 flex-grow: 1; 20911 color: #181D20; 20912} 20913 20914.chat-bot__content { 20915 flex-grow: 1; 20916 display: flex; 20917 align-items: center; 20918 justify-content: center; 20919 border-radius: 12px; 20920} 20921 20922.chat-bot__content.custom-scroll { 20923 margin-right: -9px; 20924 padding-right: 8px; 20925 align-items: flex-start; 20926 max-height: 500px; 20927} 20928 20929.chat-bot__content.custom-scroll .dialog { 20930 height: auto; 20931} 20932 20933.chat-bot__action { 20934 display: flex; 20935 margin-top: 16px; 20936} 20937 20938.chat-bot__action--simple { 20939 width: 100%; 20940 margin-top: 24px; 20941} 20942 20943.chat-bot__action--multiple { 20944 align-items: center; 20945} 20946 20947.chat-bot__action--multiple .chat-bot__send { 20948 flex-wrap: wrap; 20949} 20950 20951.chat-bot__action--multiple .form-control { 20952 max-width: 96.5%; 20953} 20954 20955.chat-bot__action--multiple .chat-bot__upload { 20956 align-self: flex-end; 20957 margin-bottom: 4px; 20958} 20959 20960.chat-bot__send { 20961 border-radius: 8px; 20962 border: 1px solid #E3E3E4; 20963 background: #FFF; 20964 padding: 8px 16px; 20965 display: flex; 20966 justify-content: space-between; 20967 align-items: center; 20968} 20969 20970.chat-bot__action .chat-bot__send { 20971 flex-grow: 1; 20972} 20973 20974.chat-bot__send .form-control { 20975 border: none; 20976 font-size: 14px; 20977 padding: 0; 20978} 20979 20980.chat-bot__send .form-control:focus { 20981 box-shadow: none; 20982} 20983 20984.chat-bot__send .form-control::placeholder { 20985 color: #A7A9AA; 20986} 20987 20988.chat-bot__button { 20989 color: #C8C9CA; 20990 margin-left: 8px; 20991 flex-shrink: 0; 20992 border-radius: 8px; 20993 border: none; 20994} 20995 20996.chat-bot__button:hover { 20997 color: #1A8FE3; 20998} 20999 21000.chat-bot__button--send { 21001 flex-shrink: 0; 21002 border-radius: 12px; 21003 background: #1A8FE3; 21004 padding: 16px; 21005 margin-left: 8px; 21006 color: #fff; 21007 border: none; 21008} 21009 21010.chat-bot__button--send:hover { 21011 color: #fff; 21012} 21013 21014.chat-bot__title { 21015 text-align: center; 21016 font-size: 20px; 21017 font-weight: 700; 21018 line-height: 28px; 21019 margin-bottom: 4px; 21020} 21021 21022.chat-bot__title-descr { 21023 color: #707375; 21024 text-align: center; 21025 font-size: 16px; 21026 font-weight: 400; 21027 line-height: 24px; 21028} 21029 21030.chat-bot__title-descr strong { 21031 color: #181D20; 21032 font-weight: 500; 21033} 21034 21035.chat-options { 21036 width: 100%; 21037} 21038 21039.chat-options__group { 21040 display: flex; 21041 justify-content: center; 21042 flex-wrap: wrap; 21043 margin-top: 8px; 21044 margin-left: -4px; 21045 margin-right: -4px; 21046} 21047 21048.chat-options__item { 21049 border-radius: 8px; 21050 background-color: #fff; 21051 border: 1px solid #E3E3E4; 21052 padding: 8px 32px 8px 8px; 21053 position: relative; 21054 width: calc(50% - 8px); 21055 margin-top: 8px; 21056 margin-left: 4px; 21057 margin-right: 4px; 21058 cursor: pointer; 21059} 21060 21061.chat-options__item--small { 21062 padding-top: 12px; 21063 padding-bottom: 12px; 21064 padding-left: 12px; 21065} 21066 21067.chat-options__title { 21068 font-size: 16px; 21069 font-weight: 600; 21070 line-height: 24px; 21071} 21072.chat-options__item--small .chat-options__title { 21073 font-weight: 400; 21074} 21075 21076.chat-options__title-descr { 21077 color: #525658; 21078 text-overflow: ellipsis; 21079 overflow: hidden; 21080 white-space: nowrap; 21081 font-size: 12px; 21082 font-weight: 400; 21083 letter-spacing: 0.06px; 21084 margin-top: 2px; 21085} 21086 21087.chat-options__icon { 21088 position: absolute; 21089 top: 50%; 21090 right: 8px; 21091 color: #1A8FE3; 21092 transform: translateY(-50%) rotate(-90deg); 21093} 21094 21095.chat-options .file-drop-area { 21096 margin-top: 16px; 21097 margin-left: auto; 21098 margin-right: auto; 21099 border: none; 21100 max-width: 560px; 21101 border-radius: 12px; 21102 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21103 height: 252px; 21104} 21105 21106.chat-options .file-drop-area .button, 21107.chat-options p.drag { 21108 font-size: 14px; 21109} 21110 21111.chat-options .uploader-zoom { 21112 margin-top: 16px; 21113 margin-left: auto; 21114 margin-right: auto; 21115 border: none; 21116 max-width: 560px; 21117 border-radius: 12px; 21118 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21119 padding: 24px; 21120} 21121 21122.chat-options .form-group { 21123 margin-top: 16px; 21124 margin-bottom: 16px; 21125} 21126 21127.chat-options .form-control-field { 21128 height: 40px; 21129} 21130 21131.uploader-zoom .chat-options__group { 21132 justify-content: flex-start; 21133} 21134 21135.chat-options .form-check {} 21136 21137.chat-options .form-check--radio { 21138 margin-left: 4px; 21139 margin-right: 8px; 21140} 21141 21142.chat-options .dropdown { 21143 margin-top: 16px; 21144 width: 100%; 21145} 21146 21147.chat-options .dropdown .ctrl-button { 21148 background-color: #FFFFFF; 21149 border: 1px solid #E3E3E4; 21150 border-radius: 8px; 21151 width: 100%; 21152 padding: 8px; 21153 font-size: 12px; 21154} 21155 21156.chat-options .dropdown-menu { 21157 width: 100%; 21158} 21159 21160.chat-options .dropdown-toggle::after { 21161 margin-left: 6px; 21162} 21163 21164.chat-options .dropdown-item { 21165 font-size: 12px; 21166} 21167 21168.chat-options .twitter-navigation { 21169 margin-left: 0; 21170} 21171 21172.chat-options .uploader-container__box .button { 21173 margin-left: 0; 21174 width: 100%; 21175 margin-top: 22px; 21176 font-size: 12px; 21177} 21178 21179.chat-options .uploader-container { 21180 margin-top: 0; 21181 border-radius: 12px; 21182 padding: 16px; 21183 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21184} 21185 21186.chat-options .compress-result { 21187 padding: 0; 21188 border: none; 21189} 21190 21191.chat-options .compress-result_info { 21192 border-radius: 8px; 21193 background: #F6FBFE; 21194 margin-bottom: 16px; 21195 padding-top: 53px; 21196 position: relative; 21197} 21198 21199.chat-options .compress-result_info::after { 21200 content: ""; 21201 border-bottom: 1px solid #E3E3E4; 21202 position: absolute; 21203 bottom: -16px; 21204 left: 0; 21205 right: 0; 21206} 21207 21208.chat-options .compress-result_action { 21209 border: none; 21210} 21211 21212.chat-options .compress-result_action-group { 21213 width: auto; 21214} 21215 21216.chat-options .compress-result_tools { 21217 display: flex; 21218 justify-content: center;
21219 align-items: center; 21220 padding-top: 0; 21221} 21222 21223.chat-options .compress-result_tools-item { 21224 width: 200px; 21225 margin-left: 5px; 21226 margin-right: 5px; 21227} 21228 21229.chat-options .compress-result_button-link { 21230 text-decoration: none; 21231 margin-top: 16px; 21232} 21233 21234.chat-options .scan-qr { 21235 border-radius: 8px; 21236 border: 1px solid #E3E3E4; 21237 background: #FFF; 21238 padding: 24px; 21239 height: 100%; 21240 box-sizing: border-box; 21241 text-align: center; 21242} 21243 21244.chat-options .scan-qr h3 { 21245 font-size: 20px; 21246 font-weight: 600; 21247} 21248 21249.chat-options .scan-qr p { 21250 color: #707375; 21251 font-size: 12px; 21252 font-weight: 400; 21253} 21254 21255.chat-options .scan-qr_code { 21256 margin-top: 16px; 21257} 21258 21259.chat-options .compress-result .get-update { 21260 height: auto; 21261} 21262 21263.chat-options .compress-result .share { 21264 height: auto; 21265 margin-top: 16px; 21266} 21267 21268.chat-bot__error { 21269 text-align: center; 21270 margin-top: 8px; 21271 margin-bottom: 16px; 21272} 21273 21274.chat-bot__error-box { 21275 border-radius: 8px; 21276 background: #FDF2F2; 21277 padding: 16px; 21278 color: #E2464C; 21279 font-size: 16px; 21280 font-weight: 500; 21281 display: inline-flex; 21282 align-items: center; 21283} 21284 21285.chat-bot__error-icon { 21286 margin-right: 8px; 21287} 21288 21289.chat-bot__reccomend { 21290 text-align: center; 21291 font-size: 16px; 21292 font-weight: 500; 21293 line-height: 24px; 21294} 21295 21296@media (max-width: 960px) { 21297 21298 .chat-bot__box { 21299 flex-direction: column; 21300 position: relative; 21301 overflow: hidden; 21302 } 21303 21304 .chat-bot__sidebar { 21305 width: 100%; 21306 border: none; 21307 } 21308 21309 .chat-bot__recent-header { 21310 display: flex; 21311 justify-content: space-between; 21312 padding-bottom: 8px; 21313 border-bottom: 1px solid #E3E3E4; 21314 cursor: pointer; 21315 } 21316 21317 .chat-bot__recent-content { 21318 display: none; 21319 position: absolute; 21320 background-color: #fff; 21321 z-index: 10; 21322 top: 0; 21323 bottom: 0; 21324 left: 0; 21325 right: 0; 21326 margin-left: 8px; 21327 margin-right: 8px; 21328 border-radius: 12px; 21329 margin-top: 120px; 21330 height: auto; 21331 } 21332 21333 .chat-bot__recent-button { 21334 display: block; 21335 } 21336 21337 .chat-bot__recent.is-active .chat-bot__recent-content { 21338 display: block; 21339 } 21340 21341 .chat-bot__recent.is-active .chat-bot__recent-button .icon-arrow { 21342 display: none; 21343 } 21344 21345 .chat-bot__recent.is-active .chat-bot__recent-button .icon-cross { 21346 display: block; 21347 } 21348} 21349 21350.chat-bot__welcome { 21351 border-radius: 12px; 21352 background-color: #F6FBFE; 21353 height: 100%; 21354 width: 100%; 21355 padding: 16px; 21356 display: flex; 21357 align-items: center; 21358} 21359 21360.chat-bot__welcome .chat-bot__title { 21361 font-size: 40px; 21362 font-weight: 600; 21363 text-align: left; 21364} 21365 21366.chat-bot__welcome .chat-bot__title-descr { 21367 font-size: 18px; 21368 text-align: left; 21369} 21370 21371.chat-bot__welcome .chat-options__group { 21372 margin-left: -8px; 21373 margin-right: -8px; 21374} 21375 21376.chat-bot__welcome .chat-options__item { 21377 border: none; 21378 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21379 margin-top: 16px; 21380 margin-left: 8px; 21381 margin-right: 8px; 21382 width: calc(50% - 16px); 21383} 21384 21385.chat-bot__upload { 21386 color: #A7A9AA; 21387 position: relative; 21388 margin-left: 8px; 21389 overflow: hidden; 21390 cursor: pointer; 21391} 21392 21393.chat-bot__upload input[type="file"] { 21394 opacity: 0; 21395 position: absolute; 21396 font-size: 50px; 21397 left: 0; 21398 top: 0; 21399} 21400 21401.chat-bot__send-icon { 21402 color: #1A8FE3; 21403 margin-right: 8px; 21404} 21405 21406.chat-bot__send-icon .ctrl-icon { 21407 width: 18px; 21408 height: 18px; 21409} 21410 21411@media (max-width: 767px) { 21412 21413 .chat-bot__error-box { 21414 font-size: 12px; 21415 } 21416 21417 .chat-options__item, 21418 .chat-bot__welcome .chat-options__item { 21419 width: 100%; 21420 } 21421 21422 .chat-bot__welcome .chat-options__item { 21423 margin-left: 0; 21424 margin-right: 0; 21425 } 21426 21427 .chat-options__title { 21428 font-size: 14px; 21429 } 21430} 21431 21432.dialog { 21433 width: 100%; 21434 height: 100%; 21435 border-radius: 12px; 21436 background: #F6FBFE; 21437 padding: 0 16px 16px; 21438 box-sizing: border-box; 21439} 21440 21441.dialog__item { 21442 display: flex; 21443 margin-top: 16px; 21444} 21445 21446.dialog__avatar { 21447 flex-shrink: 0; 21448 width: 32px; 21449 height: 32px; 21450 border: 1px solid #F6F6F6; 21451 background: #fff; 21452 border-radius: 50%; 21453 box-sizing: border-box; 21454 display: flex; 21455 align-items: center; 21456 justify-content: center; 21457 color: #A7A9AA; 21458} 21459.dialog__avatar svg, 21460.dialog__avatar img { 21461 width: 16px; 21462 height: 16px; 21463} 21464 21465.dialog__content { 21466 flex-grow: 1; 21467 margin-left: 12px; 21468} 21469 21470.dialog__name { 21471 color: #181D20; 21472 font-size: 14px; 21473 font-weight: 500; 21474} 21475 21476.dialog__bubble { 21477 margin-top: 4px; 21478 border-radius: 0px 12px 12px 12px; 21479 background-color: #FFF; 21480 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21481 padding: 16px; 21482 font-size: 14px; 21483} 21484 21485.dialog__bubble--blue { 21486 background: #1A8FE3; 21487 box-shadow: 0px 10px 32px 0px rgba(26, 143, 227, 0.24); 21488 color: #fff; 21489} 21490 21491.dialog__bubble .chat-options__title { 21492 color: #181D20; 21493} 21494 21495.dialog__bubble .chat-options__item { 21496 width: calc(100%/3 - 8px); 21497} 21498 21499.dialog__action { 21500 margin-top: 16px; 21501 text-align: right; 21502} 21503 21504.dialog__button { 21505 border-radius: 20px; 21506 background-color: #FFF; 21507 box-shadow: 8px 8px 24px 0px rgba(22, 29, 28, 0.05); 21508 padding: 4px 8px; 21509 color: #878787; 21510 font-size: 12px; 21511 font-weight: 400; 21512} 21513 21514.dialog__bubble--blue .dialog__button { 21515 background: rgba(255, 255, 255, 0.24); 21516 color: #fff; 21517} 21518 21519.dialog__button .ctrl-icon { 21520 width: 10px; 21521 height: 10px; 21522 margin-right: 4px; 21523} 21524 21525.dialog__processing { 21526 color: #FFF; 21527 font-size: 14px; 21528 font-style: italic; 21529} 21530 21531.dialog__processing .chat-bot__spinner { 21532 margin-right: 8px; 21533 display: inline-block; 21534 vertical-align: middle; 21535} 21536 21537.chat-bot__spinner .spinner-grow { 21538 width: 10px; 21539 height: 10px; 21540 vertical-align: baseline; 21541} 21542 21543.chat-bot__button--loading { 21544 min-width: 56px; 21545 min-height: 53px; 21546} 21547 21548.chat-bot__button--loading .spinner-grow { 21549 width: 2px; 21550 height: 2px; 21551 background-color: #181D20; 21552 margin-left: -1px; 21553 margin-right: -1px; 21554 vertical-align: text-bottom; 21555} 21556 21557.chat-bot__spinner .spinner-grow { 21558 animation-duration: 1.8s; 21559} 21560 21561.chat-bot__spinner .spinner-grow:nth-child(1) { 21562 animation-delay: .2s; 21563} 21564 21565.chat-bot__spinner .spinner-grow:nth-child(2) { 21566 animation-delay: .5s; 21567} 21568 21569.chat-bot__spinner .spinner-grow:nth-child(3) { 21570 animation-delay: .7s; 21571} 21572 21573.chat-bot__files { 21574 border-radius: 12px; 21575 box-shadow: 3px 10px 40px 0px rgba(24, 29, 32, 0.05); 21576 margin-top: 16px; 21577 background: #FFF; 21578 position: relative; 21579 display: flex; 21580 align-items: center; 21581 justify-content: space-between; 21582 min-height: 72px; 21583 padding: 16px; 21584 box-sizing: border-box; 21585} 21586 21587.chat-bot__files--end { 21588 justify-content: flex-end; 21589} 21590 21591.chat-bot__files-select { 21592 width: 100%; 21593 padding-left: 70px; 21594 padding-right: 70px; 21595 padding-top: 24px; 21596 padding-bottom: 24px; 21597 color: #181D20; 21598 font-size: 12px; 21599 font-weight: 400; 21600 letter-spacing: 0.06px; 21601 border-radius: 12px; 21602 background: #FFF; 21603 position: absolute; 21604 top: 0; 21605 left: 0; 21606 height: 100%; 21607} 21608 21609.chat-bot__files-select:hover { 21610 background-color: #F6FBFE; 21611 color: #181D20; 21612} 21613 21614.chat-bot__files-icon { 21615 width: 24px; 21616 height: 24px; 21617 border-radius: 50%; 21618 background-color: #F6FBFE; 21619 color: #1A8FE3; 21620 display: inline-flex; 21621 vertical-align: middle; 21622 justify-content: center;
21623 align-items: center; 21624} 21625 21626.chat-bot__files-icon .ctrl-icon { 21627 width: 16px; 21628 height: 16px; 21629} 21630 21631.chat-bot__files-buttons { 21632 position: relative; 21633 flex-shrink: 0; 21634} 21635 21636.chat-bot__files-buttons .button { 21637 padding: 13px 20px; 21638 font-size: 14px; 21639 margin-left: 12px; 21640} 21641 21642.chat-bot__files-cancel { 21643 background: none; 21644 color: #707375; 21645 font-size: 12px; 21646 font-weight: 400; 21647 letter-spacing: 0.06px; 21648 text-decoration-line: underline; 21649 padding: 8px 0; 21650 border: none; 21651} 21652 21653.chat-bot__files-cancel:hover { 21654 background: none; 21655 text-decoration: none; 21656 color: #707375; 21657} 21658 21659.chat-bot__files-cancel .ctrl-icon { 21660 display: none; 21661} 21662 21663.files-uploaded { 21664 display: flex; 21665 flex-grow: 1; 21666 flex-wrap: wrap; 21667 margin-left: -8px; 21668 margin-top: -8px; 21669 max-width: 740px; 21670} 21671 21672.dialog__bubble p + .files-uploaded { 21673 margin-top: 10px; 21674} 21675 21676.files-uploaded__item { 21677 margin-left: 8px; 21678 margin-top: 8px; 21679 display: inline-flex; 21680 align-items: center; 21681} 21682 21683.files-uploaded__item .tools_box { 21684 border-radius: 8px; 21685 padding: 8px 12px 8px 8px; 21686 border: 1px solid #E3E3E4; 21687 width: 100%; 21688 display: flex; 21689} 21690 21691.files-uploaded__item .icon_box { 21692 width: 40px; 21693 height: 40px; 21694 margin-right: 8px; 21695 margin-bottom: 0; 21696} 21697 21698.dialog__bubble--blue .icon_box { 21699 background-color: #F6F6F6; 21700 color: #707375; 21701} 21702 21703.files-uploaded__item .tools_box h4 { 21704 font-size: 12px; 21705 font-weight: 500; 21706 line-height: normal; 21707 letter-spacing: 0.06px; 21708 margin-top: 0; 21709 margin-bottom: 0; 21710 max-width: 150px; 21711} 21712 21713.files-uploaded__item .catalog-box__tag { 21714 color: #707375; 21715 font-size: 12px; 21716 font-weight: 400; 21717} 21718 21719.files-uploaded__item .ctrl-button_iconly { 21720 border: none; 21721 margin-left: 8px; 21722 color: #707375; 21723} 21724 21725.files-uploaded__download { 21726 margin-left: 16px; 21727} 21728 21729.files-uploaded__download .ctrl-button__icon { 21730 width: 20px; 21731 height: 20px; 21732 color: #1A8FE3; 21733} 21734 21735.files-cases { 21736 display: flex; 21737 align-items: center; 21738 margin-top: 10px; 21739} 21740 21741.files-cases__item { 21742 margin-left: 10px; 21743} 21744 21745.files-cases__item:first-child { 21746 margin-left: 0; 21747} 21748 21749.files-cases__item::before { 21750 content: ""; 21751 width: 4px; 21752 height: 4px; 21753 background-color: #fff; 21754 opacity: 0.16; 21755 border-radius: 50%; 21756 margin-right: 10px; 21757 display: inline-block; 21758 vertical-align: middle; 21759} 21760 21761.files-cases__item:first-child::before { 21762 display: none; 21763} 21764 21765.files-cases__link { 21766 color: #FFF; 21767 font-size: 14px; 21768 font-weight: 400; 21769 text-decoration-line: underline; 21770} 21771 21772.files-cases__link:hover { 21773 color: #FFF; 21774 text-decoration: none; 21775} 21776 21777@media (max-width: 1190px) { 21778 .chat-bot__action--multiple .chat-bot__send{ 21779 justify-content: flex-start; 21780 } 21781 21782 .chat-bot__action--multiple .form-control { 21783 max-width: 90%; 21784 } 21785} 21786 21787@media (max-width: 767px) { 21788 21789 .chat-bot__content { 21790 padding: 8px; 21791 } 21792 21793 .dialog { 21794 margin-top: -8px; 21795 } 21796 21797 .dialog__name { 21798 font-size: 12px; 21799 } 21800 21801 .chat-bot__action { 21802 border: 1px solid #E3E3E4; 21803 border-radius: 8px; 21804 position: relative; 21805 } 21806 21807 .chat-bot__send { 21808 padding-left: 8px; 21809 padding-right: 8px; 21810 } 21811 21812 .chat-bot__send::after { 21813 content: ""; 21814 position: absolute; 21815 top: 50%; 21816 right: 0; 21817 width: 1px; 21818 height: 8px; 21819 background-color: #E3E3E4; 21820 display: block; 21821 transform: translateY(-50%); 21822 } 21823 21824 .chat-bot__action .chat-bot__send { 21825 border: none; 21826 position: relative; 21827 } 21828 21829 .chat-bot__button--loading { 21830 min-width: 20px; 21831 background-color: #fff; 21832 margin-right: 8px; 21833 } 21834 21835 .chat-bot__button--loading .spinner-grow { 21836 vertical-align: baseline; 21837 } 21838 21839 .chat-bot__upload { 21840 padding: 2px; 21841 } 21842 21843 .chat-bot__upload .ctrl-btn-icon { 21844 width: 16px; 21845 height: 16px; 21846 } 21847 21848 .chat-bot__send .form-control { 21849 font-size: 12px; 21850 } 21851 21852 .dialog__bubble { 21853 padding: 12px; 21854 } 21855 21856 .dialog__bubble, 21857 .dialog__processing, 21858 .dialog__button.button { 21859 font-size: 12px; 21860 } 21861 21862 .chat-bot__files-cancel.button { 21863 font-size: 0; 21864 line-height: 0; 21865 } 21866 21867 .chat-bot__files-cancel .ctrl-icon { 21868 display: block; 21869 width: 18px; 21870 height: 18px; 21871 } 21872 21873 .files-uploaded { 21874 flex-direction: column; 21875 margin-top: -8px; 21876 } 21877 21878 .files-uploaded__item { 21879 margin-top: 8px; 21880 } 21881 21882 .files-uploaded__item .tools_box { 21883 position: relative; 21884 padding-right: 40px; 21885 } 21886 21887 .files-uploaded__item .ctrl-button_iconly { 21888 position: absolute; 21889 top: 50%; 21890 right: 12px; 21891 transform: translateY(-50%); 21892 } 21893 21894 .files-uploaded__item .tools_box h4, 21895 .files-uploaded__item .catalog-box__tag { 21896 font-size: 10px; 21897 } 21898 21899 .files-uploaded__item .icon_box { 21900 width: 32px; 21901 height: 32px; 21902 } 21903 21904 .files-cases__link { 21905 font-size: 12px; 21906 } 21907 21908 .files-cases__item { 21909 margin-left: 5px; 21910 } 21911 21912 .files-cases__item::before { 21913 margin-right: 3px; 21914 } 21915 21916 .chat-bot__action--multiple .form-control { 21917 max-width: 54%; 21918 } 21919 21920 .chat-bot__action--multiple .chat-bot__upload { 21921 position: absolute; 21922 top: 11px; 21923 right: 42px; 21924 } 21925 21926 .chat-bot__action--multiple .chat-bot__button--send { 21927 position: absolute; 21928 right: 8px; 21929 top: 12px; 21930 padding: 0; 21931 background-color: transparent; 21932 color: #1A8FE3; 21933 } 21934 21935 .chat-bot__action--multiple .chat-bot__send::after { 21936 top: 24px; 21937 right: 38px; 21938 } 21939 21940 .chat-bot__action--multiple .files-uploaded { 21941 flex-direction: row; 21942 } 21943 21944 .chat-bot__action--multiple .files-uploaded { 21945 max-width: 300px; 21946 } 21947 21948 .dialog__bubble .chat-options__item { 21949 width: 100%; 21950 } 21951 21952 .dialog__content { 21953 max-width: 91%; 21954 } 21955} 21956 21957/* modal-save */
21958.modal-save .modal-dialog { 21959 max-width: 416px; 21960} 21961 21962.modal-save .save-qr { 21963 border-radius: 8px; 21964 border: 1px solid #E3E3E4; 21965 background: #FFF; 21966 padding: 24px; 21967 margin-bottom: 16px; 21968} 21969 21970/* modal-get-updates */ 21971.modal-get-updates .modal-dialog { 21972 max-width: 640px; 21973} 21974 21975.modal-get-updates .modal-icon { 21976 width: 56px; 21977 height: 56px; 21978 border-radius: 8px; 21979 background: #F6F6F6; 21980 color: #707375; 21981 margin-bottom: 16px; 21982 display: flex; 21983 align-items: center; 21984 justify-content: center; 21985} 21986 21987.modal-get-updates .modal-header { 21988 text-align: left; 21989} 21990 21991.modal-get-updates .modal-title { 21992 margin-bottom: 4px; 21993} 21994 21995.modal-get-updates .modal-header .close { 21996 position: absolute; 21997 top: 24px; 21998 right: -8px; 21999} 22000 22001.modal-get-updates .modal-body { 22002 padding-top: 0; 22003} 22004 22005.modal-get-updates .get-update { 22006 background: none; 22007 padding: 0; 22008 box-shadow: none 22009} 22010 22011.modal-get-updates .get-update .button { 22012 border-radius: 8px; 22013 background: #1A8FE3; 22014 color: #fff; 22015 width: 100%; 22016 font-size: 14px; 22017} 22018 22019.modal-get-updates .get-update .form-control { 22020 color: #A7A9AA; 22021 font-size: 12px; 22022 letter-spacing: 0.06px; 22023} 22024 22025 /*Extra large devices (large desktops, 1200px and up)*/ 22026 22027@media (min-width: 1200px) and (max-width: 1399.98px) { 22028 .menu2>li>ul { 22029 width: 200px; 22030 } 22031 .multilavel>ul { 22032 width: 160px; 22033 } 22034 .menu_wrap>ul>li>a { 22035 width: 65px; 22036 } 22037} 22038 22039@media (min-width: 1200px) { 22040 .container { 22041 max-width: 1230px; 22042 } 22043 .index .container { 22044 max-width: 1288px; 22045 } 22046 .support-area__image-box img { 22047 width: 100%; 22048 } 22049 .catalog-box>div { 22050 padding: 10px !important; 22051 } 22052 .row.catalog-box { 22053 margin: 30px -10px -10px -10px; 22054 } 22055 .check-tools { 22056 padding-top: 150px; 22057 padding-bottom: 150px; 22058 } 22059 .home_area--pdf { 22060 padding-top: 120px; 22061 padding-bottom: 40px; 22062 } 22063 .tools_area--pdf { 22064 padding-top: 10px; 22065 } 22066 .container-tools { 22067 max-width: 1288px; 22068 width: 100%; 22069 padding-right: 48px; 22070 padding-left: 48px; 22071 margin-right: auto; 22072 margin-left: auto; 22073 } 22074 .row-tools { 22075 display: flex; 22076 flex-wrap: wrap; 22077 margin-right: -24px; 22078 margin-left: -24px; 22079 } 22080} 22081 22082@media (min-width: 1400px) { 22083 .js-tools-slider { 22084 display: flex; 22085 margin-left: -10px; 22086 margin-right: -10px; 22087 } 22088 .tools__item { 22089 margin-left: 10px; 22090 margin-right: 10px; 22091 } 22092} 22093 22094@media (min-width: 992px) and (max-width: 1199.98px) { 22095 .slider-box { 22096 padding: 7px 12px; 22097 border-radius: 6px; 22098 max-width: 182px; 22099 } 22100 .range_right_content .button.outline_btn { 22101 padding: 10px 15px; 22102 } 22103 .pdf_content { 22104 padding-left: 273px; 22105 padding-top: 0px; 22106 padding-right: 15px; 22107 } 22108 .pdf_content.lg_content { 22109 padding-left: 90px; 22110 } 22111 .container { 22112 max-width: 992px; 22113 } 22114 .home_area h1 { 22115 font-size: 50px; 22116 } 22117 .title { 22118 font-size: 40px; 22119 } 22120 .header-tools { 22121 margin-right: 55px; 22122 } 22123 .menu2 li a { 22124 font-size: 12px; 22125 } 22126 .menu2 li a img { 22127 width: 15px; 22128 height: 15px; 22129 margin-right: 5px; 22130 } 22131 .menu2>li { 22132 margin-left: 5px; 22133 margin-right: 5px; 22134 } 22135 .menu2>li { 22136 padding: 0 10px; 22137 } 22138 .menu2>li>ul { 22139 width: 170px; 22140 } 22141 .menu2>li>ul>li { 22142 padding: 5px 16px; 22143 } 22144 .multilavel>ul { 22145 width: 140px; 22146 } 22147 .menu_wrap>ul>li>a { 22148 font-size: 9px; 22149 height: 66px; 22150 width: 50px; 22151 } 22152 .menu_wrap>ul>li>a img { 22153 max-width: 23px; 22154 } 22155 .sidebar { 22156 top: 123px; 22157 } 22158 .color_box { 22159 height: 30px; 22160 width: 30px; 22161 } 22162 .color_img img { 22163 height: 130px; 22164 width: 130px; 22165 } 22166} 22167 22168@media (max-width: 1199px) { 22169 .home_area { 22170 padding-top: 40px; 22171 padding-bottom: 100px; 22172 } 22173 .home_area--first .search_group input { 22174 height: 56px; 22175 padding-left: 52px; 22176 } 22177 .search_group--homepage .button { 22178 padding: 7px 24px; 22179 font-size: 12px; 22180 right: 12px; 22181 } 22182 .search { 22183 width: 18px; 22184 height: 18px; 22185 } 22186 .tools__content { 22187 padding: 12px; 22188 } 22189 .support-area__image-box img { 22190 width: 100%; 22191 } 22192 .tools__circle { 22193 width: 40px; 22194 height: 40px; 22195 } 22196 .tools__circle svg { 22197 width: 14px; 22198 height: 14px; 22199 } 22200 .tools__content span { 22201 font-size: 10px; 22202 } 22203 p.tools__name { 22204 font-size: 14px; 22205 } 22206 .tools__footer { 22207 padding: 10px 12px 16px; 22208 } 22209 .tools__footer>div { 22210 padding: 8px; 22211 } 22212 .tools__footer span { 22213 font-size: 8px; 22214 } 22215 .tools__item { 22216 min-width: 192px; 22217 } 22218 .tools .slick-slide { 22219 margin-left: 8px; 22220 margin-right: 8px; 22221 } 22222 .tools .slick-list { 22223 padding: 0 23% 0; 22224 margin-left: -8px; 22225 margin-right: -8px; 22226 } 22227 .catalog-box>div { 22228 padding: 4.5px !important; 22229 } 22230 .row.catalog-box { 22231 margin: 21.5px -4.5px -4.5px -4.5px !important; 22232 } 22233 .catalog-box .tools_box p { 22234 display: none; 22235 } 22236 .catalog-box .icon_box { 22237 width: 32px; 22238 height: 32px; 22239 margin-right: 0; 22240 margin-bottom: 8px; 22241 } 22242 .recommendation .catalog-box .icon_box { 22243 margin-right: 8px; 22244 margin-bottom: 0; 22245 } 22246 .recommendation .catalog-box h4 {
22247 width: 100px; 22248 } 22249 .catalog-box img { 22250 width: 15px; 22251 height: 15px; 22252 } 22253 .catalog-box h4 { 22254 width: 100%; 22255 font-size: 12px; 22256 } 22257 .catalog-box__tag { 22258 font-size: 10px; 22259 } 22260 .elect { 22261 width: 20px; 22262 height: 20px; 22263 } 22264 .check-tools .tools_box { 22265 padding: 12px; 22266 } 22267 .check-tools { 22268 padding-top: 56px; 22269 padding-bottom: 56px; 22270 border-radius: 32px; 22271 } 22272 .tools_area--pdf { 22273 padding-top: 0; 22274 padding-bottom: 100px; 22275 } 22276 .index .title { 22277 line-height: 1.38; 22278 font-size: 32px; 22279 } 22280 .filter { 22281 padding: 8px 2px; 22282 } 22283 .filter__category svg { 22284 width: 16px; 22285 height: 16px; 22286 } 22287 .filter__name { 22288 font-size: 12px; 22289 } 22290 .present__buttons { 22291 display: none; 22292 } 22293 .container-present { 22294 padding-bottom: 14px; 22295 margin-left: calc((100vw - 965px) / 2); 22296 } 22297 .present-card { 22298 box-shadow: 24px 24px 72px rgba(24, 29, 32, 0.1); 22299 } 22300} 22301 22302@media (max-width: 991.98px) { 22303 .expand_menu { 22304 box-shadow: none; 22305 top: 0; 22306 margin-top: 12px; 22307 } 22308 .menu2 li .category-tools__item { 22309 margin-top: 0; 22310 width: 100%; 22311 } 22312 header .menu2 { 22313 display: none; 22314 } 22315 #menu { 22316 position: fixed; 22317 left: -100%; 22318 top: 0; 22319 width: 100%; 22320 height: 100%; 22321 background-color: #fff; 22322 -webkit-transition: 0.3s; 22323 -o-transition: 0.3s; 22324 transition: 0.3s; 22325 padding-top: 100px; 22326 text-align: center; 22327 z-index: -1; 22328 } 22329 #menu.current { 22330 left: 0; 22331 } 22332 #menu li { 22333 display: block; 22334 margin-top: 20px; 22335 } 22336 .hamburger-menu { 22337 display: block; 22338 } 22339 .home_area { 22340 text-align: center; 22341 padding: 84px 0 80px 0; 22342 } 22343 .home_area--pdf { 22344 padding-top: 64px; 22345 padding-bottom: 35px; 22346 } 22347 .home_content { 22348 margin-left: auto; 22349 margin-right: auto; 22350 } 22351 .title { 22352 font-size: 32px; 22353 } 22354 .pt_150 { 22355 padding-top: 80px; 22356 } 22357 .pb_150 { 22358 padding-bottom: 80px; 22359 } 22360 .pt_120 { 22361 padding-top: 80px; 22362 } 22363 .pb_120 { 22364 padding-bottom: 80px; 22365 } 22366 .mt_100 { 22367 margin-top: 60px; 22368 } 22369 .mt_md_0 { 22370 margin-top: 0px; 22371 } 22372 .row_menu { 22373 display: -webkit-box; 22374 display: -ms-flexbox; 22375 display: flex; 22376 -ms-flex-wrap: wrap; 22377 flex-wrap: wrap; 22378 margin-left: -10px; 22379 margin-right: -10px; 22380 } 22381 .row_menu li { 22382 max-width: 50%; 22383 -webkit-box-flex: 0; 22384 -ms-flex: 0 0 50%; 22385 flex: 0 0 50%; 22386 padding-left: 10px; 22387 padding-right: 10px; 22388 } 22389 .footer_bottom p img { 22390 max-width: 74px; 22391 margin-right: 12px; 22392 } 22393 .footer_bottom { 22394 font-size: 12px; 22395 } 22396 .pt_md_10 { 22397 padding-top: 10px; 22398 } 22399 .title_md { 22400 font-size: 26px; 22401 } 22402 .mobile_menu { 22403 position: fixed; 22404 top: 0; 22405 left: -100%; 22406 z-index: 1019; 22407 height: 100dvh; 22408 width: 100%; 22409 background-color: #fff; 22410 overflow-y: auto; 22411 overflow-x: hidden; 22412 -webkit-transition: 0.4s; 22413 -o-transition: 0.4s; 22414 transition: 0.4s; 22415 } 22416 .mobile_menu.current { 22417 left: 0; 22418 } 22419 .mobile_menu .menu2 { 22420 -webkit-box-orient: vertical; 22421 -webkit-box-direction: normal; 22422 -ms-flex-direction: column; 22423 flex-direction: column; 22424 -webkit-box-align: start; 22425 -ms-flex-align: start; 22426 align-items: flex-start; 22427 margin-bottom: -16px; 22428 } 22429 .mobile_menu .menu2>li { 22430 width: 100%; 22431 } 22432 .mobile_menu .menu2>li>a { 22433 display: -webkit-box; 22434 display: -ms-flexbox; 22435 display: flex; 22436 color: #181D20; 22437 } 22438 .mobile_menu .menu2>li:first-child>a { 22439 border-radius: 10px 10px 0 0; 22440 } 22441 .mobile_menu .menu2>li:last-child>a { 22442 border-radius: 0 0 10px 10px; 22443 border-bottom: none; 22444 } 22445 .mobile_menu li a { 22446 position: relative; 22447 padding: 17px 16px; 22448 } 22449 .mobile_menu li a::after { 22450 position: absolute; 22451 right: 0; 22452 top: 9px; 22453 color: #707375; 22454 } 22455 .menu2>li>ul { 22456 position: relative; 22457 width: 100%; 22458 -webkit-box-shadow: none; 22459 box-shadow: none; 22460 opacity: 1; 22461 visibility: visible; 22462 padding: 0; 22463 border-radius: 0; 22464 } 22465 .multilavel>ul { 22466 top: 0px; 22467 left: 0px; 22468 position: relative; 22469 -webkit-box-shadow: none; 22470 box-shadow: none; 22471 border-radius: 0px; 22472 padding: 0; 22473 background-color: #fafbfb; 22474 width: 100%; 22475 visibility: visible; 22476 opacity: 1; 22477 display: none; 22478 -webkit-transition: unset; 22479 -o-transition: unset; 22480 transition: unset; 22481 } 22482 .menu2>li>ul>li { 22483 padding: 0px; 22484 } 22485 .multilavel>ul>li { 22486 padding: 0; 22487 } 22488 .mobile_menu .search_group input { 22489 -webkit-box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10); 22490 box-shadow: 0 5px 10px rgba(116, 116, 116, 0.10); 22491 } 22492 .title_lg { 22493 font-size: 32px; 22494 } 22495 .bottom_menu { 22496 flex-direction: column; 22497 } 22498 .menu_wrap { 22499 overflow: auto; 22500 scrollbar-width: none; 22501 -ms-overflow-style: none; 22502 } 22503 .menu_wrap::-webkit-scrollbar {
22504 height: 0; 22505 width: 0; 22506 } 22507 .menu_wrap>ul { 22508 min-width: 500px; 22509 width: 100%; 22510 } 22511 .pdf_content { 22512 padding-left: 48px; 22513 padding-top: 24px; 22514 padding-right: calc((100% - 720px) / 2 + 15px); 22515 } 22516 .range_wrapper { 22517 justify-content: space-between !important; 22518 padding: 12px 15px; 22519 max-width: 720px; 22520 margin-left: auto; 22521 margin-right: auto; 22522 } 22523 .range_left_content { 22524 display: flex; 22525 align-items: center; 22526 } 22527 .range_left_content .pager { 22528 margin-left: 16px; 22529 } 22530 .range_left_content .pager h4 { 22531 padding-right: 24px; 22532 } 22533 .range_right_content { 22534 display: flex; 22535 align-items: center; 22536 width: 100%; 22537 justify-content: flex-end; 22538 } 22539 .sidebar { 22540 top: 0; 22541 height: 100%; 22542 left: -100%; 22543 z-index: 1024; 22544 } 22545 .sidebar.current { 22546 left: 0; 22547 } 22548 .pdf_content.lg_content { 22549 padding-left: 48px; 22550 } 22551 .overlay { 22552 position: fixed; 22553 left: 0; 22554 top: 0; 22555 height: 100%; 22556 width: 100%; 22557 z-index: 1023; 22558 background-color: rgba(24, 29, 32, 0.4); 22559 -webkit-transition: 0.4s; 22560 -o-transition: 0.4s; 22561 transition: 0.4s; 22562 pointer-events: none; 22563 opacity: 0; 22564 } 22565 .overlay.current { 22566 opacity: 1; 22567 pointer-events: all; 22568 } 22569 #switch .modal-dialog { 22570 max-width: 616px; 22571 } 22572 .toggle_btn img { 22573 transform: rotate(180deg); 22574 } 22575 .sidebar.small_width { 22576 width: 258px; 22577 overflow: auto; 22578 } 22579 .sidebar.small_width ul, 22580 .sidebar.small_width .pager { 22581 display: flex!important; 22582 } 22583 .sidebar.small_width .add_wrap { 22584 display: block!important; 22585 } 22586 .color_img img { 22587 height: 120px; 22588 width: 120px; 22589 } 22590 body.index { 22591 line-height: 1.5; 22592 } 22593 .mt_32 { 22594 margin-top: 16px; 22595 } 22596 .mt_40 { 22597 margin-top: 24px; 22598 } 22599 .m-mt_8 { 22600 margin-top: 8px; 22601 } 22602 .index .descr { 22603 margin-top: 8px; 22604 font-size: 12px; 22605 line-height: 1.5; 22606 } 22607 .index .container { 22608 padding-left: 24px; 22609 padding-right: 24px; 22610 } 22611 .index .row { 22612 margin-left: -24px; 22613 margin-right: -24px; 22614 } 22615 .index-actions { 22616 margin-top: 24px; 22617 } 22618 .index-btn { 22619 font-size: 12px; 22620 line-height: 18px; 22621 padding: 12px 20px !important; 22622 } 22623 /* nav */ 22624 header { 22625 padding: 18px 0; 22626 } 22627 .logo-icon { 22628 width: 24px; 22629 } 22630 .logo-normal, 22631 .logo-dark { 22632 width: 67px; 22633 } 22634 .tools-menu::after { 22635 content: none; 22636 } 22637 /* .header-search */ 22638 .header-search--pannel { 22639 position: static; 22640 left: 0; 22641 right: 0; 22642 top: 0; 22643 width: 100%; 22644 background-color: #ffffff; 22645 padding-top: 24px; 22646 padding-bottom: 12px; 22647 z-index: 100; 22648 } 22649 .header-search_form { 22650 position: relative; 22651 } 22652 .header-search .header-search_button { 22653 display: inline-block; 22654 vertical-align: middle; 22655 width: 20px; 22656 height: 20px; 22657 box-sizing: content-box; 22658 padding: 0 0 2px 0; 22659 } 22660 .header-search_button svg { 22661 width: 100%; 22662 height: 100%; 22663 } 22664 /* .mobile_menu */ 22665 .mobile_menu { 22666 padding-top: 60px; 22667 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 22668 } 22669 .mobile_menu .container { 22670 padding-top: 0; 22671 } 22672 .menu2 .mobile_menu-full-elements { 22673 margin: 0; 22674 padding: 16px 0; 22675 } 22676 .menu2 .nav-link { 22677 padding: 0; 22678 } 22679 .drop_menu.is-opened { 22680 background-color: #FFFFFF; 22681 } 22682 .menu2 { 22683 margin-right: 0; 22684 } 22685 .menu2 li a { 22686 font-size: 16px; 22687 } 22688 .mobile_menu-tools .header-tools { 22689 border-right: none; 22690 margin-bottom: 24px; 22691 } 22692 .header-tools .button { 22693 width: 40px; 22694 height: 40px; 22695 } 22696 .btn-support, 22697 .button-sign-in { 22698 width: 100%; 22699 } 22700 .btn-support { 22701 margin-left: 0; 22702 margin-bottom: 8px; 22703 } 22704 .menu2 li .category-tools__item:hover { 22705 background-color: #ffffff; 22706 } 22707 .icon_box { 22708 width: 48px; 22709 height: 48px; 22710 } 22711 .category-tools { 22712 padding-bottom: 8px; 22713 } 22714 .category-tools__item h4 { 22715 font-size: 14px; 22716 line-height: 1.42; 22717 } 22718 .category-tools__descr { 22719 font-size: 10px; 22720 } 22721 .category-menu { 22722 border-left: none; 22723 border-top: 1px solid #E3E3E4; 22724 padding-top: 16px; 22725 } 22726 .expand_menu .mega_menu li a { 22727 font-size: 12px; 22728 } 22729 .expand_menu-box { 22730 box-shadow: none; 22731 } 22732 .category-tools__item--big { 22733 border: none; 22734 } 22735 .menu2 .expand_menu--image .category-tools__item { 22736 padding: 8px 0 8px 8px !important; 22737 width: 100%; 22738 } 22739 .menu2 .expand_menu--image .category-tools__item--big { 22740 margin-left: -8px; 22741 padding-right: 8px !important; 22742 box-sizing: content-box; 22743 } 22744 .category-tools__item--big.is-active { 22745 background-color: #F6F6F6; 22746 } 22747 .mobile_menu__actions.shadow { 22748 box-shadow: 0px 10px 40px rgba(24, 29, 32, 0.05) !important; 22749 } 22750 .header-search--pannel.shadow { 22751 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05) !important; 22752 } 22753 .mobile_menu__actions { 22754 position: sticky; 22755 bottom: 0; 22756 left: 0; 22757 right: 0; 22758 padding: 24px; 22759 background-color: #ffffff; 22760 box-sizing: border-box; 22761 margin-left: -24px; 22762 margin-right: -24px; 22763 } 22764 .ai-tools { 22765 border-right: 0; 22766 width: 100%; 22767 } 22768 .ai-tools__catalog { 22769 padding-left: 8px; 22770 } 22771 .ai-all { 22772 padding-left: 8px; 22773 } 22774 .ai-featured__box>div { 22775 margin: -4px -4.5px; 22776 } 22777 .menu2 .expand_menu--image .category-tools__item.pl-0 { 22778 padding-left: 0 !important; 22779 } 22780 .expand_menu .mega_menu li a { 22781 padding-left: 8px; 22782 padding-right: 8px; 22783 } 22784 .expand_menu-box .category-tools, 22785 .expand_menu-box .category-menu { 22786 padding-bottom: 8px; 22787 } 22788 .menu2 .ai-featured__box .category-tools__item { 22789 padding: 4px 4.5px !important; 22790 display: block; 22791 } 22792 .menu2 .ai-all__item .main-item { 22793 height: 90px; 22794 } 22795 .ai-featured__content { 22796 margin-top: 8px; 22797 } 22798 .image-box-arrow { 22799 display: none; 22800 } 22801 .menu2 li .main-item { 22802 height: 172px; 22803 padding: 12px; 22804 } 22805 .main-item h4 { 22806 font-size: 16px; 22807 } 22808 .category-tools__other li a { 22809 width: 100%; 22810 } 22811 .ai-tools .category-tools__item--big:after { 22812 content: '\f107'; 22813 font-family: FontAwesome; 22814 color: #707375; 22815 position: absolute; 22816 top: calc(100% / 2 - 11px); 22817 right: 11px; 22818 font-size: 115%; 22819 font-weight: 400; 22820 } 22821 .mobile_menu__login .btn-support { 22822 padding: 8px 27px; 22823 background-color: #1A8FE3; 22824 color: #ffffff; 22825 font-size: 10px; 22826 letter-spacing: 0.005em; 22827 margin-bottom: 0; 22828 width: auto; 22829 white-space: nowrap; 22830 margin-left: 10px; 22831 }
22832 .main-item--arrow svg { 22833 right: 12px; 22834 bottom: 22px; 22835 } 22836 /* end .mobile_menu */ 22837 .support-area { 22838 padding-top: 40px; 22839 padding-bottom: 40px; 22840 } 22841 .support-area__content .title { 22842 width: 100%; 22843 } 22844 .home_area h1 { 22845 font-size: 34px; 22846 text-align: left; 22847 } 22848 .statistic__num { 22849 font-size: 30px; 22850 } 22851 .statistic__text { 22852 font-size: 12px; 22853 } 22854 .home_area--first .descr { 22855 text-align: left; 22856 } 22857 .present { 22858 padding-top: 100px; 22859 } 22860 .present-card { 22861 padding: 10px 10px 16px 10px; 22862 min-width: 255px; 22863 max-width: 255px; 22864 margin-left: 8px; 22865 margin-right: 8px; 22866 } 22867 .present-card__bg { 22868 height: 161px; 22869 } 22870 .present-card__bg img { 22871 width: 269px; 22872 height: 169px; 22873 } 22874 .present-card__name { 22875 margin-top: 10px; 22876 font-size: 14px; 22877 } 22878 .present-card__descr { 22879 font-size: 10px; 22880 } 22881 .present-cart__actions { 22882 margin-top: 12px; 22883 } 22884 .present-cart__link { 22885 font-size: 12px; 22886 } 22887 .container-present .slick-list { 22888 height: 382px; 22889 } 22890 .container-present .slick-track { 22891 margin-left: -8px; 22892 margin-right: -8px; 22893 } 22894 .container-present { 22895 margin-left: calc((100vw - 690px) / 2); 22896 } 22897 .chart-creators_box { 22898 padding: 24px; 22899 } 22900 .chart-creators_bar, 22901 .chart-creators_tabs { 22902 padding: 12px; 22903 } 22904 .chart-creators_bar .form-check-label { 22905 padding: 8px; 22906 width: 100px; 22907 } 22908 .recommendation .tools_box { 22909 flex-wrap: wrap; 22910 } 22911 .recommendation__text { 22912 width: 100%; 22913 margin-top: 8px; 22914 } 22915 .recommendation__send-box { 22916 position: absolute; 22917 top: 12px; 22918 right: 12px; 22919 width: 20px; 22920 height: 20px; 22921 } 22922} 22923 22924 22925/*Medium devices (tablets, 767px and down)*/ 22926 22927@media (max-width: 767.98px) { 22928 .footer_bottom { 22929 text-align: center; 22930 } 22931 .title_lg { 22932 font-size: 26px; 22933 } 22934 .recommendation .title_lg { 22935 font-size: 28px; 22936 } 22937 .recommendation p { 22938 font-size: 12px; 22939 margin-top: 4px !important; 22940 } 22941 .recommendation { 22942 padding-bottom: 56px; 22943 padding-top: 56px !important; 22944 } 22945 .recommendation .catalog-box h4 { 22946 width: 100%; 22947 } 22948 .recommendation .catalog-box>div:nth-of-type(n+5) { 22949 display: none; 22950 } 22951 .rating_box { 22952 -webkit-box-orient: vertical; 22953 -webkit-box-direction: normal; 22954 -ms-flex-direction: column; 22955 flex-direction: column; 22956 } 22957 .star-rating { 22958 padding-left: 0; 22959 } 22960 .menu_wrap { 22961 overflow: auto; 22962 scrollbar-width: none; 22963 -ms-overflow-style: none; 22964 } 22965 .mobile_menu_wrapper { 22966 position: fixed; 22967 bottom: 0; 22968 left: 0; 22969 z-index: 5; 22970 width: 100%; 22971 background-color: #fff; 22972 } 22973 .range_left_content .pager { 22974 display: none !important; 22975 } 22976 .range_wrapper { 22977 max-width: 540px; 22978 margin-left: auto; 22979 margin-right: auto; 22980 } 22981 .range_right_content .slider-box { 22982 display: none !important; 22983 } 22984 .pdf_mb { 22985 white-space: nowrap; 22986 padding-left: 16px; 22987 } 22988 .pdf_content { 22989 /*max-width: 540px;*/ 22990 padding-left: 15px; 22991 padding-right: 15px; 22992 margin-left: auto; 22993 margin-right: auto; 22994 padding-bottom: 90px; 22995 } 22996 .pdf_content.lg_content { 22997 padding-left: 15px; 22998 } 22999 #switch .modal-dialog { 23000 max-width: 327px; 23001 } 23002 #switch .modal-body { 23003 padding: 24px; 23004 } 23005 #signature .modal-content .modal-body h4, 23006 #switch .modal-content .modal-body h4 { 23007 font-size: 18px; 23008 } 23009 .modal_sub { 23010 font-size: 12px; 23011 } 23012 .switch_radio_box { 23013 margin-top: 16px; 23014 } 23015 .switch_btn p { 23016 font-size: 10px; 23017 margin-top: 24px; 23018 max-width: 197px; 23019 margin-left: auto; 23020 margin-right: auto; 23021 } 23022 .switch_btn button { 23023 font-size: 12px; 23024 padding: 11px; 23025 margin-top: 16px; 23026 } 23027 .color_img img { 23028 height: 88px; 23029 width: 88px; 23030 } 23031 .menu_wrap .dropdown-toggle::after { 23032 display: none; 23033 } 23034 .container-present { 23035 margin-left: calc((100vw - 509px) / 2); 23036 } 23037 .filter-container { 23038 margin-right: 24px; 23039 overflow-x: scroll; 23040 -ms-overflow-style: none; 23041 scrollbar-width: none; 23042 height: 61px; 23043 border-radius: 99px; 23044 box-shadow: 3px 10px 40px rgba(24, 29, 32, 0.05); 23045 } 23046 .filter-container::-webkit-scrollbar {
23047 display: none; 23048 } 23049 .statistic { 23050 padding: 16px; 23051 } 23052 .statistic__num { 23053 font-size: 24px; 23054 margin: 0; 23055 } 23056 .statistic__item:last-child { 23057 order: 1; 23058 } 23059 .statistic__item:first-child { 23060 order: 1; 23061 } 23062 .statistic__text { 23063 font-size: 10px; 23064 margin-top: 2px; 23065 line-height: 1.5; 23066 } 23067 .statistic__item { 23068 flex-direction: column; 23069 align-items: flex-start; 23070 } 23071 .statistic__item:not(:last-of-type)::after { 23072 content: none; 23073 } 23074 .d-4 { 23075 display: none; 23076 } 23077 .chart-creators_box { 23078 padding: 16px; 23079 } 23080 .chart-creators_bar, 23081 .chart-creators_tabs { 23082 padding: 10px; 23083 } 23084 .chart-creators_bar { 23085 flex-wrap: wrap; 23086 padding-top: 4px; 23087 } 23088 .chart-creators_bar .form-check { 23089 margin-left: 3px; 23090 margin-right: 3px; 23091 margin-top: 6px; 23092 } 23093 .chart-creators_bar .form-check-label { 23094 width: 87px; 23095 } 23096 .chart-creators_tabs .list-group { 23097 padding-left: 4px; 23098 padding-right: 4px; 23099 display: flex; 23100 } 23101 .chart-creators_tabs .list-group-item { 23102 padding: 10px 11px; 23103 font-size: 12px; 23104 margin-left: 0; 23105 margin-right: 0; 23106 } 23107 .tab-content .form-group { 23108 margin-bottom: 0; 23109 } 23110 .tab-content .text-settings { 23111 bottom: 3px; 23112 right: 3px; 23113 } 23114 .tab-content .form-group>label { 23115 font-size: 12px; 23116 padding-bottom: 8px; 23117 } 23118 .tab-content .form-group>.form-control { 23119 height: 35px; 23120 font-size: 10px; 23121 } 23122 .tab-content .dropdown .btn-secondary { 23123 font-size: 10px; 23124 padding-top: 9px; 23125 padding-bottom: 9px; 23126 } 23127 .tab-content .dropdown-item { 23128 font-size: 10px; 23129 margin-top: 2px; 23130 } 23131 .chart-creators_buttons .button { 23132 width: 100%; 23133 padding-top: 8px; 23134 padding-bottom: 8px; 23135 font-size: 12px; 23136 } 23137 .chart-creators_import { 23138 text-align: center; 23139 } 23140 .chart-creators_import .button { 23141 width: 100%; 23142 padding-top: 8px; 23143 padding-bottom: 8px; 23144 font-size: 12px; 23145 } 23146 .chart-creators_import p { 23147 margin-top: 5px; 23148 font-size: 10px; 23149 } 23150 .tags { 23151 display: none; 23152 } 23153 .custom-scroll { 23154 padding-right: 8px; 23155 } 23156 .history-popup { 23157 padding: 16px 8px 16px 16px; 23158 } 23159 .history-popup__title { 23160 font-size: 18px; 23161 } 23162 .history-dropdown .dropdown-toggle { 23163 padding: 11px 35px 11px 16px; 23164 font-size: 14px; 23165 } 23166 .history-summarizer_item h5 { 23167 font-size: 14px; 23168 } 23169 .summarizer_item p { 23170 font-size: 10px; 23171 } 23172 .history-summarizer_item .form-control { 23173 font-size: 12px; 23174 } 23175 .history-summarizer_item .compress-result_button-download { 23176 font-size: 12px; 23177 padding-top: 11px; 23178 padding-bottom: 11px; 23179 } 23180 .history-summarizer_item .summarizer_action .button-copy { 23181 margin-top: 0; 23182 } 23183 .history-popup_close { 23184 top: 16px; 23185 right: 18px; 23186 } 23187} 23188 23189 23190/*Small devices (landscape phones, 575px and down)*/ 23191 23192@media (max-width: 575.98px) { 23193 .bottom_menu { 23194 padding-right: 0px; 23195 } 23196 .home_area h1 { 23197 font-size: 26px; 23198 line-height: 130%; 23199 } 23200 .home_area p { 23201 font-size: 13px; 23202 margin-top: 12px; 23203 } 23204 .search_group input { 23205 font-size: 12px; 23206 height: 50px; 23207 } 23208 .search_group { 23209 margin-top: 24px; 23210 } 23211 .search_group .button { 23212 font-size: 12px; 23213 padding: 7px 24px; 23214 } 23215 .tag_box a { 23216 padding: 5px 10px; 23217 font-size: 10px; 23218 margin-left: 2px; 23219 } 23220 body { 23221 font-size: 14px; 23222 } 23223 .title { 23224 font-size: 26px; 23225 } 23226 .sub_title { 23227 font-size: 12px; 23228 } 23229 br { 23230 display: none; 23231 } 23232 .price_box { 23233 padding: 12px; 23234 } 23235 .price_box ul li { 23236 font-size: 16px; 23237 } 23238 .button { 23239 font-size: 14px; 23240 } 23241 .price_box h4 { 23242 font-size: 20px; 23243 } 23244 .price_box h3 { 23245 font-size: 16px; 23246 } 23247 .footer_bottom p img { 23248 max-width: 70px; 23249 margin-right: 5px; 23250 } 23251 .footer_bottom { 23252 font-size: 10px; 23253 margin-top: 25px; 23254 } 23255 footer { 23256 font-size: 12px; 23257 } 23258 footer h4 { 23259 font-size: 14px; 23260 } 23261 .title_md { 23262 font-size: 20px; 23263 } 23264 .tools_area.v2 .tools_box { 23265 padding: 24px; 23266 } 23267 .tools_area.v2 .tools_box p { 23268 font-size: 14px; 23269 } 23270 .tools_area.v2 .icon_box { 23271 width: 56px; 23272 height: 56px; 23273 padding: 12px; 23274 } 23275 .pdf_mb { 23276 font-size: 14px; 23277 } 23278 .serach_img { 23279 margin-right: 0; 23280 } 23281 .serach_img img { 23282 max-width: 14px; 23283 } 23284 .button.outline_btn { 23285 font-size: 10px; 23286 padding: 7px 10px; 23287 } 23288 .top_header .button { 23289 font-size: 10px; 23290 padding: 7px 10px; 23291 } 23292 .top_header .dropdown-toggle { 23293 width: 30px; 23294 height: 30px; 23295 } 23296 .switch-mode { 23297 width: 13px; 23298 height: 13px; 23299 } 23300 .logo_con img { 23301 max-width: 123px; 23302 } 23303 .color_img { 23304 flex-basis: 33.33%; 23305 max-width: 33.33%; 23306 } 23307 .color_wrapper { 23308 padding-top: 20px; 23309 padding-bottom: 50px; 23310 } 23311 .container-present { 23312 margin-left: 24px; 23313 padding: 0; 23314 } 23315} 23316 23317@media (max-width: 1400px) { 23318 .statistic__item:not(:last-of-type)::after { 23319 padding-left: 30px; 23320 } 23321 .tools { 23322 box-shadow: 20px 20px 72px rgb(24 29 32 / 10%); 23323 position: relative; 23324 } 23325 .container-present { 23326 box-shadow: 3em 0 8.4em #eaeaea; 23327 } 23328} 23329 23330 23331 /* Slider */ 23332.slick-slider 23333{ 23334 position: relative; 23335 23336 display: block; 23337 box-sizing: border-box; 23338 23339 -webkit-user-select: none; 23340 -moz-user-select: none;
23341 -ms-user-select: none; 23342 user-select: none; 23343 23344 -webkit-touch-callout: none; 23345 -khtml-user-select: none; 23346 -ms-touch-action: pan-y; 23347 touch-action: pan-y; 23348 -webkit-tap-highlight-color: transparent; 23349} 23350 23351.slick-list 23352{ 23353 position: relative; 23354 23355 display: block; 23356 overflow: hidden; 23357 23358 margin: 0; 23359 padding: 0; 23360} 23361.slick-list:focus 23362{ 23363 outline: none; 23364} 23365.slick-list.dragging 23366{ 23367 cursor: pointer; 23368 cursor: hand; 23369} 23370 23371.slick-slider .slick-track, 23372.slick-slider .slick-list 23373{ 23374 -webkit-transform: translate3d(0, 0, 0); 23375 -moz-transform: translate3d(0, 0, 0); 23376 -ms-transform: translate3d(0, 0, 0); 23377 -o-transform: translate3d(0, 0, 0); 23378 transform: translate3d(0, 0, 0); 23379} 23380 23381.slick-track 23382{ 23383 position: relative; 23384 top: 0; 23385 left: 0; 23386 23387 display: block; 23388 margin-left: auto; 23389 margin-right: auto; 23390} 23391.slick-track:before, 23392.slick-track:after 23393{ 23394 display: table; 23395 23396 content: ''; 23397} 23398.slick-track:after 23399{ 23400 clear: both; 23401} 23402.slick-loading .slick-track 23403{ 23404 visibility: hidden; 23405} 23406 23407.slick-slide 23408{ 23409 display: none; 23410 float: left; 23411 23412 height: 100%; 23413 min-height: 1px; 23414} 23415[dir='rtl'] .slick-slide 23416{ 23417 float: right; 23418} 23419.slick-slide img 23420{ 23421 display: block; 23422} 23423.slick-slide.slick-loading img 23424{ 23425 display: none; 23426} 23427.slick-slide.dragging img 23428{ 23429 pointer-events: none; 23430} 23431.slick-initialized .slick-slide 23432{ 23433 display: block; 23434} 23435.slick-loading .slick-slide 23436{ 23437 visibility: hidden; 23438} 23439.slick-vertical .slick-slide 23440{ 23441 display: block; 23442 23443 height: auto; 23444 23445 border: 1px solid transparent; 23446} 23447.slick-arrow.slick-hidden { 23448 display: none; 23449} 23450 23451 23452 .menu2 li a > svg { 23453 width: 20px; 23454 height: 20px; 23455 margin-right: 8px; 23456 flex-shrink: 0; 23457} 23458 23459.drop_menu a > svg, .menu2 li a > svg { 23460 color: #1A8FE3; 23461} 23462 23463.drop_menu a:hover > svg, .menu2 li a:hover > svg { 23464 color: var(--blue); 23465} 23466 23467.expand_menu .tools_box { 23468 display: block; 23469} 23470 23471.video-js button.vjs-big-play-button { 23472 top: calc(50% - 25px); 23473 left: calc(50% - 45px); 23474} 23475 23476.icon_box.v1 { 23477 color: #E24841; 23478} 23479 23480.icon_box.v2 { 23481 color: #E2C740; 23482} 23483 23484.icon_box.v3 { 23485 color: #FF7919; 23486} 23487 23488.icon_box.v4 { 23489 color: #10D0D5; 23490} 23491 23492.icon_box.v5 { 23493 color: #624BD8; 23494} 23495 23496.icon_box.v6 { 23497 color: #3D99F5; 23498} 23499 23500.icon_box.v7 { 23501 color: #79DC47; 23502} 23503 23504.icon_box.v8 { 23505 color: #FF5975; 23506} 23507 23508.no-border { 23509 border: 0; 23510 box-shadow: none; 23511} 23512 23513.files_name, .files_tree .files_name { 23514 display: flex; 23515 flex-shrink: 1; 23516 width: auto; 23517 padding-right: 16px; 23518 margin-right: 10px; 23519} 23520 23521.background-chess { 23522 background-image: linear-gradient(45deg, #808080 25%, transparent 25%), linear-gradient(-45deg, #808080 25%, transparent 25%), linear-gradient(45deg, transparent 75%, #808080 75%), linear-gradient(-45deg, transparent 75%, #808080 75%); 23523 background-size: 20px 20px; 23524 background-position: 0 0, 0 10px, 10px -10px, -10px 0px; 23525} 23526 23527@media (min-width: 992px) and (max-width: 1199.98px) { 23528 .menu2 li a svg { 23529 width: 15px; 23530 height: 15px; 23531 margin-right: 5px; 23532 } 23533} 23534 23535form .is-invalid { 23536 border-color: #a52219; 23537} 23538 23539.uploader-container { 23540 position: relative; 23541 display: -webkit-box; 23542 display: -ms-flexbox; 23543 display: flex; 23544 -webkit-box-align: center; 23545 -ms-flex-align: center; 23546 align-items: center; 23547 width: 100%; 23548 max-width: 100%; 23549 -webkit-transition: 0.2s; 23550 -o-transition: 0.2s; 23551 transition: 0.2s; 23552 border-radius: 12px; 23553 padding: 24px; 23554 -webkit-box-pack: center; 23555 -ms-flex-pack: center; 23556 justify-content: center; 23557 -webkit-box-orient: vertical; 23558 -webkit-box-direction: normal; 23559 -ms-flex-direction: column; 23560 flex-direction: column; 23561 margin-top: 4.5rem; 23562 /*height: 366px;*/ 23563 min-height: 366px; 23564 background: #FFFFFF; 23565} 23566 23567.compress-result { 23568 background: none; 23569 border: none; 23570 padding: 0; 23571} 23572 23573.file-uploader--wrapper, .component--wrapper, .component-sended--wrapper { 23574 width: 100%; 23575} 23576 23577.component--wrapper .card-footer { 23578 background-color: unset; 23579} 23580 23581.file-drop-area { 23582 margin-top: unset; 23583 border: none; 23584 border-radius: unset; 23585} 23586 23587.file-drop-area.hidden-area { 23588 width: 100%; 23589 height: 100%; 23590 padding: 0; 23591} 23592 23593.file-drop-area.hidden-area .file-uploads.button { 23594 width: 100%; 23595 height: 100%; 23596} 23597 23598.file-drop-area.hidden-area .file-uploads.button label { 23599 cursor: pointer; 23600} 23601 23602.extra-large-modal .modal-dialog { 23603 max-width: 90%; 23604} 23605 23606.extra-large-modal .modal-dialog img { 23607 max-width: 95%; 23608} 23609 23610.centered-modal .modal-body { 23611 text-align: center; 23612} 23613
23614.extra-large-modal.page-width-pdf .modal-dialog { 23615 max-width: 1080px; 23616} 23617 23618div[class^="text-tr-transform__s"] { 23619 display: none; 23620} 23621 23622.tr-transform--active, .text-tr-transform--active { 23623 position: absolute; 23624 z-index: 5; 23625} 23626 23627.text-tr-transform__content { 23628/ / min-width: 100 px; 23629 max-width: 700px; 23630} 23631 23632.tr-transform__content, .text-tr-transform__content { 23633 user-select: none; 23634} 23635 23636.tr-transform__content input, .text-tr-transform__content input { 23637 width: 100%; 23638 height: 50px; 23639 font-size: 24px; 23640 background-color: rgba(0, 0, 0, 0.2); 23641 border: none; 23642 font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif; 23643} 23644 23645.tr-transform__content img { 23646 width: 100% !important; 23647 background-color: rgba(0, 0, 0, 0.2); 23648} 23649 23650.tr-transform__content div.full-transform-block { 23651 width: 100%; 23652 height: 100%; 23653 /*font-size: 24px;*/ 23654 background-color: rgba(0, 0, 0, 0.2); 23655 border: none; 23656 /*font-family: Dancing Script, Source Sans Pro, Helvetica, Arial, sans-serif;*/ 23657 color: #000000; 23658 line-height: 1.2; 23659} 23660 23661.tr-transform__rotator, .text-tr-transform__rotator { 23662 top: -45px; 23663 left: calc(50% - 7px); 23664} 23665 23666.tr-transform__rotator, 23667.text-tr-transform__rotator { 23668 background: unset !important; 23669 border: unset !important; 23670} 23671 23672.tr-transform__rotator, 23673.tr-transform__scale-point, 23674.text-tr-transform__rotator, 23675.text-tr-transform__scale-point { 23676 background: #fff; 23677 width: 15px; 23678 height: 15px; 23679 border-radius: 50%; 23680 position: absolute; 23681 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.1); 23682 border: 1px solid rgba(0, 0, 0, 0.1); 23683 cursor: pointer; 23684} 23685 23686.tr-transform__rotator:hover, 23687.tr-transform__scale-point:hover, 23688.text-tr-transform__rotator:hover, 23689.text-tr-transform__scale-point:hover { 23690 background: #F1F5F8; 23691} 23692 23693.tr-transform__rotator:active, 23694.tr-transform__scale-point:active, 23695.text-tr-transform__rotator:active, 23696.text-tr-transform__scale-point:active { 23697 background: #DAE1E7; 23698} 23699 23700.tr-transform__scale-point { 23701 23702} 23703 23704.tr-transform__scale-point--tl, 23705.text-tr-transform__scale-point--tl { 23706 top: -7px; 23707 left: -7px; 23708} 23709 23710.tr-transform__scale-point--ml, 23711.text-tr-transform__scale-point--ml { 23712 top: calc(50% - 7px); 23713 left: -7px; 23714} 23715 23716.tr-transform__scale-point--tr, 23717.text-tr-transform__scale-point--tr { 23718 left: calc(100% - 7px); 23719 top: -7px; 23720} 23721 23722.tr-transform__scale-point--tm, 23723.text-tr-transform__scale-point--tm { 23724 left: calc(50% - 7px); 23725 top: -7px; 23726} 23727 23728.tr-transform__scale-point--mr, 23729.text-tr-transform__scale-point--mr { 23730 left: calc(100% - 7px); 23731 top: calc(50% - 7px); 23732} 23733 23734.tr-transform__scale-point--bl, 23735.text-tr-transform__scale-point--bl { 23736 left: -7px; 23737 top: calc(100% - 7px); 23738} 23739 23740.tr-transform__scale-point--bm, 23741.text-tr-transform__scale-point--bm { 23742 left: calc(50% - 7px); 23743 top: calc(100% - 7px); 23744} 23745 23746.tr-transform__scale-point--br, 23747.text-tr-transform__scale-point--br { 23748 left: calc(100% - 7px); 23749 top: calc(100% - 7px); 23750} 23751 23752.del-icon-block { 23753 opacity: 1; 23754 position: absolute; 23755 top: -3px; 23756 left: -6px; 23757 cursor: pointer; 23758 z-index: 5; 23759} 23760 23761.del-icon-block_wrapper, .del-icon-block_item, 23762.del-icon-block_item svg, .del-icon-block_item svg path { 23763 z-index: 4; 23764} 23765 23766.del-icon-block .del-icon-block_wrapper { 23767 border-radius: 50%; 23768 color: #fff; 23769 background-color: #262626; 23770 height: 24px; 23771 width: 24px; 23772 padding: 6px; 23773 line-height: 0; 23774 -webkit-box-sizing: border-box; 23775 box-sizing: border-box; 23776} 23777 23778.del-icon-block .del-icon-block_item { 23779 overflow: hidden; 23780 width: 100%; 23781 height: 100%; 23782} 23783 23784.video-player-box .video-js { 23785 margin: 0 auto; 23786} 23787 23788.compress_area { 23789 min-height: 830px; 23790} 23791 23792.btn-primary { 23793 background-color: #1A8FE3; 23794 border-radius: 10px; 23795} 23796 23797.btn-primary:hover, .btn-primary:not(:disabled):not(.disabled):active { 23798 background-color: #126daf; 23799 color: #fff; 23800} 23801 23802.show > .btn-primary.dropdown-toggle { 23803 background-color: #126daf; 23804 color: #fff; 23805} 23806 23807.btn-outline-primary { 23808 color: #71BAEE; 23809 border: 1px solid #83C2F0; 23810 border-radius: 10px; 23811} 23812 23813.btn-outline-primary:hover, .btn-outline-primary:not(:disabled):not(.disabled):active { 23814 background-color: #71BAEE; 23815 border-color: #71BAEE; 23816 color: #fff; 23817} 23818 23819.show > .btn-outline-primary.dropdown-toggle { 23820 background-color: #71BAEE; 23821 border-color: #71BAEE; 23822 color: #fff; 23823} 23824 23825.sign-image-upload:not(.dropdown-toggle) { 23826 font-weight: 600; 23827 font-size: 12px; 23828 line-height: 1.3; 23829 padding: 12px 24px; 23830} 23831 23832/* --- Spin button styles from bootstrap vue --- */ 23833.b-form-spinbutton { 23834 text-align: center; 23835 overflow: hidden; 23836 background-image: none; 23837 padding: 0; 23838} 23839 23840[dir="rtl"] .b-form-spinbutton:not(.flex-column), 23841.b-form-spinbutton[dir="rtl"]:not(.flex-column) { 23842 flex-direction: row-reverse; 23843} 23844 23845.b-form-spinbutton output { 23846 font-size: inherit; 23847 outline: 0; 23848 border: 0; 23849 background-color: transparent; 23850 width: auto; 23851 margin: 0; 23852 padding: 0 0.25rem; 23853} 23854 23855.b-form-spinbutton output > div, 23856.b-form-spinbutton output > bdi { 23857 display: block; 23858 min-width: 2.25em; 23859 height: 1.5em; 23860} 23861 23862.b-form-spinbutton.flex-column { 23863 height: auto; 23864 width: auto; 23865} 23866 23867.b-form-spinbutton.flex-column output { 23868 margin: 0 0.25rem; 23869 padding: 0.25rem 0; 23870} 23871 23872.b-form-spinbutton:not(.d-inline-flex):not(.flex-column) { 23873 output-width: 100%; 23874} 23875 23876.b-form-spinbutton.d-inline-flex:not(.flex-column) { 23877 width: auto; 23878} 23879 23880.b-form-spinbutton .btn { 23881 line-height: 1; 23882 box-shadow: none !important; 23883} 23884 23885.b-form-spinbutton .btn:disabled { 23886 pointer-events: none; 23887} 23888 23889.b-form-spinbutton .btn:hover:not(:disabled) > div > .b-icon { 23890 transform: scale(1.25); 23891} 23892 23893.b-form-spinbutton.disabled, 23894.b-form-spinbutton.readonly { 23895 background-color: #e9ecef; 23896} 23897 23898.b-form-spinbutton.disabled { 23899 pointer-events: none; 23900} 23901 23902.element-tools a { 23903 color: #707375; 23904} 23905 23906label[for=file] { 23907 cursor: pointer; 23908} 23909 23910.cancel-btn_tool { 23911 margin-top: 50px; 23912} 23913 23914.compress_area { 23915 min-height: 730px; 23916} 23917 23918.uploader-container { 23919 margin-top: 2.5rem; 23920} 23921 23922img.w-100 { 23923 height: auto; 23924} 23925 23926.home_area { 23927 padding: unset; 23928} 23929 23930.pt_150-imp { 23931 padding-top: 150px !important; 23932} 23933 23934.rating_box { 23935 min-height: 57px; 23936} 23937 23938.form-control.default-background[readonly] { 23939 background-color: #fff; 23940} 23941 23942@media (max-width: 767.98px) { 23943 .rating_box { 23944 min-height: 88px; 23945 } 23946} 23947 23948[contenteditable]:focus { 23949 outline: 0px solid transparent; 23950} 23951 23952.table-block { 23953 display: table; 23954} 23955 23956.table-block .table-element { 23957 display: table-cell; 23958} 23959 23960.files_group .files_item + .files_item { 23961 margin-top: 10px; 23962} 23963 23964.font-control .font-picker .dropdown-button { 23965 padding: 0.5rem 1rem; 23966 font-size: 1.25rem; 23967 line-height: 1.5; 23968 border-radius: 0.3rem; 23969 height: 55px; 23970} 23971 23972.upload-block_tool { 23973 padding-top: 50px; 23974 width: 100%; 23975 padding-bottom: 20px; 23976} 23977 23978.flex-block-paginated {
23979 align-content: flex-start; 23980 justify-content: space-between; 23981 display: flex; 23982} 23983 23984.flex-block-paginated .flex-block-paginated_element { 23985 min-width: 100px; 23986 max-width: 200px; 23987 height: 200px; 23988 font-size: 8px; 23989} 23990 23991.free-line-wrapper { 23992 background: #E9E9E9; 23993 padding: 10px 0; 23994 font-size: 14px; 23995 line-height: 20px; 23996 font-family: Poppins; 23997 font-style: normal; 23998 font-weight: normal; 23999} 24000 24001.free-line-wrapper span { 24002 color: #707375; 24003} 24004 24005/* start simple color picker for charts */ 24006.modal-chart-color-picker .modal-dialog { 24007 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 24008 margin-left: 0; 24009 margin-right: 0; 24010 margin-bottom: 0; 24011} 24012 24013.modal-chart-color-picker .modal-dialog-centered { 24014 align-items: flex-end; 24015 min-height: calc(100%); 24016} 24017 24018.modal-chart-color-picker .modal-content { 24019 border-radius: 16px 16px 0 0; 24020 border: none; 24021} 24022 24023.modal-chart-color-picker .modal-header { 24024 border: none; 24025 padding-bottom: 0; 24026} 24027 24028.modal-chart-color-picker .modal-title { 24029 font-weight: 600; 24030 font-size: 16px; 24031 line-height: 24px; 24032 color: #181D20; 24033} 24034 24035.modal-chart-color-picker .color_apply_button { 24036 padding-top: 8px; 24037 padding-bottom: 8px; 24038 padding-left: 10px; 24039 padding-right: 10px; 24040 font-size: 12px; 24041 min-width: inherit; 24042 display: block; 24043 font-weight: 500; 24044 height: 40px; 24045} 24046 24047@media (min-width: 768px) { 24048 24049 .modal-chart-color-picker { 24050 position: absolute; 24051 top: 80px; 24052 left: 0; 24053 width: 320px; 24054 overflow: visible; 24055 box-sizing: border-box; 24056 min-height: 350px; 24057 } 24058 24059 .modal-open .modal-chart-color-picker { 24060 overflow: visible; 24061 } 24062 24063 .modal-chart-color-picker .modal-header { 24064 display: none; 24065 } 24066 24067 .modal-chart-color-picker .modal-dialog { 24068 width: 100%; 24069 margin-top: 0; 24070 box-shadow: 3px 15px 40px rgba(24, 29, 32, 0.05); 24071 border-radius: 6px; 24072 } 24073 24074 .modal-chart-color-picker .modal-body { 24075 padding: 10px; 24076 } 24077 24078 .modal-chart-color-picker .modal-dialog-centered { 24079 align-items: flex-start; 24080 min-height: auto; 24081 } 24082 24083 .modal-chart-color-picker .modal-content { 24084 border-radius: 12px; 24085 } 24086} 24087 24088.new-download-compact .dropdown-toggle::after { 24089 transform: none; 24090} 24091 24092.new-download-compact .btn-primary { 24093 border-radius: 7px; 24094 font-weight: 600; 24095 font-size: 16px; 24096} 24097 24098.new-download-compact .btn-group > .btn-primary { 24099 padding: 11px 14px 11px 38px; 24100} 24101 24102.new-download-compact .btn-group .dropup .btn-primary { 24103 padding: 11px 14px; 24104} 24105 24106.chart-creators_table .table { 24107 table-layout: auto; 24108} 24109 24110.chart-creators_table td.disabled { 24111 background: #dedede; 24112} 24113 24114.collage-grid_item { 24115 display: flex; 24116 align-items: center; 24117 justify-content: center; 24118 position: relative; 24119} 24120 24121.collage-grid_item .image-progress { 24122 width: 100%; 24123 height: 32px; 24124 top: calc(50% - 16px); 24125 position: absolute; 24126 z-index: 7; 24127} 24128 24129.collage-grid_item .image-progress .container-progress { 24130 width: 60%; 24131 margin: 0 auto; 24132} 24133 24134/* end simple color picker for charts */ 24135 24136/*Dark Mode*/ 24137 24138/*.dark-mode .tools_area {*/ 24139/* background: #273744 url(/v2/img/wave.svg) 0 20% no-repeat !important;*/ 24140/* background-size: 100% auto !important;*/ 24141/*}*/ 24142.dark-mode .tools_area { 24143 background: #1F2A33 url(/v2/img/wave.svg) 0 20% no-repeat !important; 24144 background-size: 100% auto !important; 24145} 24146 24147.dark-mode .home_area { 24148 /*background: unset !important;*/ 24149 /*background-size: unset !important;*/ 24150} 24151 24152.dark-mode .modal-upload .modal-title, 24153.dark-mode .modal-templates .modal-title { 24154 color: #fff; 24155} 24156 24157.dark-mode .modal-header .close { 24158 color: #fff; 24159} 24160 24161.dark-mode .uploader-container { 24162 background-color: #223544; 24163 border-color: #707375; 24164} 24165 24166.dark-mode .b-form-spinbutton { 24167 background-color: #223544; 24168 border-color: #707375; 24169 color: #fff; 24170} 24171 24172.dark-mode .b-form-spinbutton svg { 24173 color: #fff; 24174} 24175 24176.dark-mode input, .dark-mode select, 24177.dark-mode .pdf-preview .item:hover, 24178.dark-mode .images-preview .item:hover, 24179.dark-mode .images-preview .item:hover .buttons, 24180.dark-mode .ace-chrome {
24181 background-color: #1F2A33 !important; 24182 color: #EFEFEF !important; 24183 border-color: #707375 !important; 24184} 24185 24186.dark-mode .free-line-wrapper { 24187 background: #223544; 24188} 24189 24190.dark-mode .free-line-wrapper span { 24191 color: #fff; 24192} 24193 24194.dark-mode .vacp-color-picker { 24195 background: #1A252F; 24196} 24197 24198.dark-mode .color_main_wrapper { 24199 background-color: #223544; 24200} 24201 24202.dark-mode .color_heading h4 { 24203 color: #fff; 24204} 24205 24206.dark-mode .font-picker .dropdown-button { 24207 background: #314659; 24208 color: #EFEFEF; 24209} 24210 24211.dark-mode .font-picker .dropdown-button:hover, 24212.dark-mode .font-picker .dropdown-button.expanded, 24213.dark-mode .font-picker .dropdown-button.active, 24214.dark-mode .font-picker .dropdown-button:focus { 24215 background-color: #252f39; 24216} 24217 24218.dark-mode .font-picker .dropdown-button:disabled { 24219 background-color: #45627d; 24220} 24221 24222.dark-mode .font-picker .dropdown-icon.finished:before { 24223 border-top: 6px solid #EFEFEF; 24224} 24225 24226.dark-mode .font-picker ul { 24227 background-color: #404A54; 24228} 24229 24230.dark-mode .font-picker ul li button.active-font { 24231 background-color: #252f39; 24232} 24233 24234.dark-mode .font-picker ul li button:hover, 24235.dark-mode .font-picker ul li button:focus { 24236 background-color: #2d3946; 24237} 24238 24239.dark-mode .menu2 > li .expand_menu-box { 24240 /*background-color: #223544;*/ 24241} 24242 24243.dark-mode .share h3 { 24244 color: #fff; 24245} 24246 24247.dark-mode .compress-result .get-update { 24248 color: #EFEFEF; 24249 background: none; 24250 background-image: none; 24251} 24252 24253.dark-mode .compress-result .get-update h3 { 24254 color: #fff; 24255} 24256 24257.dark-mode .splitter-image_bar-item p { 24258 color: #fff; 24259} 24260 24261.dark-mode .splitter-image_bar .button { 24262 background-color: #1F2A33 !important; 24263 color: #EFEFEF !important; 24264 border-color: #707375 !important; 24265} 24266 24267@media (min-width: 1023px) { 24268 .dark-mode .expand_menu_title { 24269 color: #828586; 24270 } 24271} 24272 24273.dark-mode .memes-edit_tools-form .mcfontpicker__preview { 24274 filter: invert(1); 24275 pointer-events: none; 24276} 24277 24278.dark-mode .memes-edit_tools-form .mcfontpicker__search:focus + .mcfontpicker__preview { 24279 filter: none; 24280} 24281 24282.dark-mode .chart-creators_table .table td { 24283 color: #ffffff; 24284} 24285 24286.dark-mode .chart-creators_table td.disabled { 24287 background: #3c5769; 24288} 24289 24290/* pdf editor*/ 24291.dark-mode .editor-container .top_header { 24292 background-color: #1A252E; 24293 border-color: #707375; 24294} 24295 24296.editor-container a .img-fluid.logo-dark { 24297 display: none; 24298} 24299 24300.dark-mode .editor-container a .img-fluid.logo-normal { 24301 display: none; 24302} 24303 24304.dark-mode .editor-container a .img-fluid.logo-dark { 24305 display: block; 24306} 24307 24308.dark-mode .editor-container .top_header .header-filename h4 span { 24309 color: #EFEFEF; 24310} 24311 24312.dark-mode .editor-container .dropdown-menu { 24313 color: #EFEFEF; 24314 background-color: #404A54; 24315} 24316 24317.dark-mode .editor-container .dropdown-menu a.dropdown-item { 24318 color: #EFEFEF; 24319} 24320 24321.dark-mode .editor-container .dropdown-menu a.dropdown-item:hover { 24322 background-color: #2d3946; 24323} 24324 24325.dark-mode .editor-container .bottom_menu, 24326.dark-mode .editor-container .mobile_menu_wrapper { 24327 color: #EFEFEF; 24328 background-color: #1F2A33; 24329 border-color: #707375; 24330} 24331 24332.dark-mode .editor-container .bottom_menu .slider-box { 24333 background: none; 24334} 24335 24336.dark-mode .editor-container .main_wrapper .sidebar { 24337 color: #EFEFEF; 24338 background-color: #1F2A33; 24339 border-color: #707375; 24340} 24341 24342.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn { 24343 color: #6c757d; 24344 border-color: #6c757d; 24345} 24346 24347.dark-mode .editor-container .main_wrapper .sidebar .toggle_btn:hover { 24348 color: #fff; 24349 background-color: #e6e6e6; 24350} 24351 24352.dark-mode .editor-container .main_wrapper .sidebar .add_wrap { 24353 border-color: #707375; 24354} 24355 24356.dark-mode .editor-container .main_wrapper { 24357 color: #EFEFEF; 24358 background-color: #223544; 24359 border-color: #707375; 24360} 24361 24362.dark-mode .editor-container .menu_wrap > ul > li > a { 24363 color: #EFEFEF; 24364} 24365 24366.dark-mode .pager h4 { 24367 color: #EFEFEF; 24368} 24369 24370/* end pdf editor */ 24371 24372.main-link { 24373 cursor: pointer; 24374} 24375 24376.upload-block-flex { 24377 display: flex; 24378 justify-content: space-between; 24379} 24380 24381.custom-control.custom-control__w-l { 24382 padding-left: unset; 24383 margin-left: unset; 24384} 24385 24386.modal-backdrop:not(.show):not(.fade) { 24387 opacity: .5; 24388} 24389 24390@media (max-width: 768px) { 24391 .images-preview .item.col-3, .images-preview .item { 24392 flex: unset; 24393 max-width: 100%; 24394 } 24395 24396 .btn-lg.btn-lg-responsive { 24397 font-size: 1rem; 24398 } 24399 24400 .m-xsm-2 { 24401 margin: 0.5rem !important; 24402 } 24403} 24404 24405.p-u { 24406 padding: unset; 24407} 24408 24409.m-u { 24410 margin: unset; 24411} 24412 24413.checkered { 24414 background: -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -webkit-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 24415 background: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 24416 background: linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), linear-gradient(45deg, rgba(0, 0, 0, 0.0980392) 25%, transparent 25%, transparent 75%, rgba(0, 0, 0, 0.0980392) 75%, rgba(0, 0, 0, 0.0980392) 0), white; 24417 background-repeat: repeat, repeat; 24418 background-position: 0px 0, 10px 10px; 24419 -webkit-transform-origin: 0 0 0; 24420 transform-origin: 0 0 0; 24421 -webkit-background-origin: padding-box, padding-box; 24422 background-origin: padding-box, padding-box; 24423 -webkit-background-clip: border-box, border-box; 24424 background-clip: border-box, border-box; 24425 -webkit-background-size: 20px 20px, 20px 20px; 24426 background-size: 20px 20px, 20px 20px; 24427 -webkit-box-shadow: none; 24428 box-shadow: none; 24429 text-shadow: none; 24430 -webkit-transition: none; 24431 -moz-transition: none; 24432 -o-transition: none; 24433 transition: none; 24434 -webkit-transform: scaleX(1) scaleY(1) scaleZ(1); 24435 transform: scaleX(1) scaleY(1) scaleZ(1); 24436} 24437 24438.js-pdf-editor__fullscreen { 24439 overflow: hidden; 24440} 24441 24442.convert_wrapper .dropdown-menu { 24443 z-index: 1040; 24444} 24445 24446.bgc-transparent { 24447 background-color: transparent !important; 24448 position: absolute !important; 24449 top: -100000px !important; 24450 display: flex !important;
24451 align-items: center !important; 24452 justify-content: center !important; 24453} 24454 24455.pointer-disable { 24456 pointer-events: none; 24457} 24458 24459#file { 24460 display: none; 24461 /*position:fixed;*/ 24462 /*top:-100000px;*/ 24463} 24464 24465.f-s-1 { 24466 font-size: 1em; 24467} 24468 24469.image-block__small { 24470 max-width: 400px; 24471 width: 100%; 24472 aspect-ratio: auto; 24473 height: auto; 24474} 24475 24476.btn-group-lg > .btn, .btn-lg { 24477 24478} 24479 24480.modal-fullscreen .modal-body { 24481 padding: unset; 24482 display: flex; 24483 align-items: center; 24484 justify-content: center; 24485} 24486 24487.modal-fullscreen .modal-content { 24488 height: 100%; 24489 overflow: auto; 24490} 24491 24492.modal-fullscreen .modal-dialog { 24493 max-width: 100%; 24494 margin: 0; 24495 top: 0; 24496 bottom: 0; 24497 left: 0; 24498 right: 0; 24499 height: 100vh; 24500 display: flex; 24501 position: fixed; 24502 z-index: 100000; 24503} 24504 24505.modal-fullscreen.no-scroll .modal-content { 24506 overflow: hidden; 24507} 24508 24509@media (max-width: 768px) { 24510 .text-md-center { 24511 text-align: center; 24512 } 24513} 24514 24515.tools-button img { 24516 background: #FFFFFF; 24517 color: #707375; 24518} 24519 24520.tools-button img:hover { 24521 color: #007bff; 24522 border-color: #007bff; 24523 background: #FFFFFF; 24524} 24525 24526 24527.tools-button--add img { 24528 color: #57B286; 24529 border-color: #57B286; 24530} 24531 24532.tools-button--delete img { 24533 color: #D0726C; 24534 border-color: #D0726C; 24535} 24536 24537@media (min-width: 768px) { 24538 .modal-text-settings { 24539 top: 60px; 24540 } 24541 24542 .modal-text-settings .modal-dialog { 24543 margin-top: unset; 24544 } 24545} 24546 24547.meta-info-column { 24548 max-height: 400px; 24549 overflow-y: auto; 24550} 24551 24552.img-fluid--white { 24553 /*color: #fff;*/ 24554} 24555 24556.form-inline_fullwidth { 24557 justify-content: space-between; 24558} 24559 24560/*.tools_box a{*/ 24561/* color: #707375;*/ 24562/*}*/ 24563/*.tools_box.tools_box--popular a{*/ 24564/* color: black;*/ 24565/* font-weight: bold;*/ 24566/*}*/ 24567/*.tools_box a.strong{*/ 24568/* color: black;*/ 24569/*}*/ 24570 24571.hide-element { 24572 display: none; 24573} 24574 24575#preloader { 24576 opacity: 0.7; 24577} 24578 24579.full-width { 24580 width: 100%; 24581} 24582 24583.drop_menu-element { 24584 cursor: pointer; 24585 text-align: center; 24586 font-size: larger; 24587 padding: 10px; 24588} 24589 24590.tools_area-whitespaces { 24591 padding-top: 0px; 24592 padding-bottom: 20px; 24593} 24594 24595#stripe-add-card { 24596 /*border: 1px #707375;*/ 24597 /*border-style: double;*/ 24598 padding: 15px; 24599 border-radius: 4px; 24600} 24601 24602.is-show-add-card-modal .modal-backdrop.show { 24603 opacity: unset; 24604} 24605 24606.is-show-add-card-modal .modal-backdrop { 24607 position: fixed; 24608 top: 0; 24609 left: 0; 24610 z-index: 1040; 24611 width: 100vw; 24612 height: 100vh; 24613 background-color: hsla(0, 0%, 8%, .64); 24614 backdrop-filter: blur(6px); 24615} 24616 24617#modal-add-card .modal-content { 24618 background-color: #e6e3e3; 24619} 24620 24621#stripe-add-card { 24622 background-color: #fff; 24623} 24624 24625.modal#recaptchaForm { 24626 z-index: 1051; 24627} 24628.subimage-block{ 24629 position: absolute 24630} 24631 24632/* .combine-grid */ 24633.combine-grid { 24634 display: grid; 24635 grid-column-gap: 0; 24636 grid-row-gap: 0; 24637 border: 1px solid #E3E3E4; 24638 padding: 4px; 24639 height: 487px; 24640 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 24641} 24642 24643.combine-grid-side-by-side { 24644 grid-template-columns: [col1-start] 50% [col2-start] 50% [col2-end]; 24645} 24646 24647.combine-grid-side-by-side .collage-grid_item--1 { 24648 border-right: none !important; 24649} 24650 24651.combine-grid-vertically { 24652 grid-template-columns: [col1-start] 100% !important; 24653 grid-template-rows: [row1-start] 50% [row2-start] auto [row2-end]; 24654} 24655 24656.combine-grid-vertically .collage-grid_item--1 { 24657 border-bottom: none !important; 24658} 24659 24660.input-button--small { 24661 width: 30px; 24662} 24663.language-switcher__action.is-active{ 24664 color: black; 24665} 24666.window-modal__content { 24667 font-size: 50px; 24668 padding: 40px; 24669 line-height: 1; 24670} 24671.window-modal { 24672 text-align: center; 24673} 24674 24675.fullscreen-modal .modal-dialog { 24676 max-width: 100%; 24677 height: 100%; 24678 margin: 0; 24679} 24680 24681.fullscreen-modal .modal-content { 24682 border: 0; 24683 border-radius: 0; 24684 min-height: 100%; 24685 height: auto; 24686} 24687 24688.fullscreen-modal .modal-header, .fullscreen-modal .modal-footer { 24689 z-index: 10; 24690} 24691 24692.fullscreen-modal { 24693 overflow: hidden !important; 24694 padding: 0px !important; 24695} 24696.custom-backdrop{ 24697 width: 100vw; 24698 height: 100vh; 24699 position: absolute; 24700 top: 0; 24701 left: 0; 24702 background-color: #000; 24703 opacity: 0.5; 24704 z-index: 1; 24705} 24706.header-modal-block-fw{ 24707 width: 100%; 24708} 24709#bv-modal-fullpages .modal-body { 24710 z-index: 20; 24711} 24712 24713.multiple-columns p { 24714 margin-bottom: 1rem; 24715} 24716 24717 .v_8 { 24718 background-color: #FCF4E9; 24719} 24720 24721@media (max-width: 1024px) { 24722 .sticky-top-group .header-search { 24723 height: unset; 24724 width: unset; 24725 } 24726 24727 .mobile_menu .header-search { 24728 height: unset; 24729 } 24730} 24731 24732@media (max-width: 767px) { 24733 .button-box .btn-group .button { 24734 width: auto; 24735 } 24736} 24737 24738.modal-article__body > h3 { 24739 font-size: 12px; 24740 line-height: calc(24 / 12); 24741 letter-spacing: .005em; 24742 font-weight: 700; 24743 margin-bottom: 0; 24744} 24745 24746.modal-article__body > h2 { 24747 font-size: 16px; 24748 line-height: calc(24 / 16); 24749 letter-spacing: .005em; 24750} 24751 24752@media (min-width: 991px) {
24753 .modal-article__body > h3 { 24754 font-size: 16px; 24755 line-height: calc(26 / 16); 24756 } 24757 24758 .modal-article__body > h2 { 24759 font-size: 22px; 24760 line-height: calc(26 / 22); 24761 } 24762 24763 .wall__description { 24764 width: 545px; 24765 } 24766} 24767 24768.article-item__content h2, 24769.file-content-block h2 { 24770 font-size: 22px; 24771} 24772 24773.article-item__content h3, 24774.file-content-block h3 { 24775 font-size: 18px; 24776} 24777 24778.home_area { 24779 padding: 10px 0 40px; 24780} 24781 24782.menu2 li a { 24783 font-size: 18px; 24784} 24785 24786.menu2 > li { 24787 margin-left: 10px; 24788 margin-right: 10px; 24789} 24790 24791#flip { 24792 height: 75px; 24793 overflow: hidden; 24794} 24795 24796#flip > div > div { 24797 color: #fff; 24798 padding: 4px 12px; 24799 margin-bottom: 15px; 24800 display: inline-block; 24801} 24802 24803#flip div:first-child { 24804 animation: show-home-title 10s linear infinite; 24805} 24806 24807#flip div div { 24808 background: #D61C4E; 24809} 24810 24811#flip div:first-child div { 24812 background: #247881; 24813} 24814 24815#flip div:nth-child(3n) div { 24816 background: #F66213; 24817} 24818 24819#flip div:last-child div { 24820 background: #1C67CA; 24821} 24822 24823.summarizer .form-control { 24824 font-size: 0.9rem; 24825} 24826 24827.summarizer_item select.form-control { 24828 padding: 4px 16px; 24829} 24830 24831.summarizer .select2-selection__rendered, 24832.select2-container .select2-results__option { 24833 font-size: 0.9rem; 24834} 24835 24836.recommendation .catalog-box h4 { 24837 font-size: 14px; 24838} 24839 24840.modal-video-converter .modal-header { 24841 border-radius: 12px; 24842} 24843 24844@media (min-width: 1024px) { 24845 .recommendation .catalog-box h4 { 24846 width: 130px; 24847 } 24848} 24849 24850.scan-qr_code { 24851 position: relative; 24852} 24853 24854.logo-qr-code { 24855 position: absolute; 24856 left: calc(50% - 13px); 24857 top: calc(50% - 13px); 24858 width: 26px; 24859 height: 26px; 24860} 24861 24862.qr img.logo-qr-code { 24863 width: 26px; 24864} 24865 24866@keyframes show-home-title { 24867 0% { 24868 margin-top: -300px; 24869 } 24870 5% { 24871 margin-top: -260px; 24872 } 24873 24874 25% { 24875 margin-top: -260px; 24876 } 24877 30% { 24878 margin-top: -173px; 24879 } 24880 24881 55% { 24882 margin-top: -173px; 24883 } 24884 60% { 24885 margin-top: -86px; 24886 } 24887 24888 85% { 24889 margin-top: -86px; 24890 } 24891 90% {
24892 margin-top: 1px; 24893 } 24894 24895 99.99% { 24896 margin-top: 1px; 24897 } 24898 100% { 24899 margin-top: -300px; 24900 } 24901} 24902 24903@keyframes show-home-title-992 { 24904 0% { 24905 margin-top: -300px; 24906 } 24907 5% { 24908 margin-top: -250px; 24909 } 24910 24911 25% { 24912 margin-top: -250px; 24913 } 24914 30% { 24915 margin-top: -165px; 24916 } 24917 24918 55% { 24919 margin-top: -165px; 24920 } 24921 60% { 24922 margin-top: -80px; 24923 } 24924 24925 85% { 24926 margin-top: -80px; 24927 } 24928 90% { 24929 margin-top: 1px; 24930 } 24931 24932 99.99% { 24933 margin-top: 1px; 24934 } 24935 100% { 24936 margin-top: -290px; 24937 } 24938} 24939 24940@keyframes show-home-title-575 { 24941 0% { 24942 margin-top: -300px; 24943 } 24944 5% { 24945 margin-top: -235px; 24946 } 24947 24948 25% { 24949 margin-top: -235px; 24950 } 24951 30% { 24952 margin-top: -155px; 24953 } 24954 24955 55% { 24956 margin-top: -155px; 24957 } 24958 60% { 24959 margin-top: -80px; 24960 } 24961 24962 85% { 24963 margin-top: -80px; 24964 } 24965 90% { 24966 margin-top: 1px; 24967 } 24968 24969 99.99% { 24970 margin-top: 1px; 24971 } 24972 100% { 24973 margin-top: -290px; 24974 } 24975} 24976 24977.animate-text { 24978 width: 330px; 24979} 24980 24981.outlines--common { 24982 position: relative; 24983} 24984 24985.outlines--common .spinner-border { 24986 position: absolute; 24987 top: calc(50% - 1rem); 24988 left: calc(50% - 1rem); 24989} 24990 24991@media (min-width: 992px) { 24992 .outlines--common { 24993 width: 50%; 24994 } 24995 24996 .outlines__content { 24997 min-height: 450px; 24998 } 24999} 25000 25001@media (max-width: 1199px) { 25002 .animate-text { 25003 top: 22px; 25004 } 25005 25006 .support-area__image-box img { 25007 width: 100%; 25008 height: auto; 25009 } 25010} 25011 25012@media (max-width: 992px) { 25013 #flip { 25014 height: 45px; 25015 } 25016 25017 .animate-text { 25018 width: 210px; 25019 /*height: 38px;*/ 25020 top: 12px; 25021 } 25022 25023 .animate-text__item { 25024 height: 65px; 25025 } 25026 25027 #flip div:first-child { 25028 animation: show-home-title-992 10s linear infinite; 25029 } 25030 25031 25032} 25033 25034@media (max-width: 575px) { 25035 #flip { 25036 height: 35px; 25037 } 25038 25039 .animate-text { 25040 width: 165px; 25041 /*height: 30px;*/ 25042 top: 8px; 25043 } 25044 25045 #flip div:first-child { 25046 animation: show-home-title-575 10s linear infinite; 25047 } 25048 25049 .details-popup--catalog.details-popup .btn-action--blue { 25050 line-height: 140%; 25051 } 25052} 25053 25054header.has-search .header-tools { 25055 margin-left: -57px; 25056} 25057 25058.js-blog-post-generator__fullscreen { 25059 overflow: hidden; 25060} 25061 25062.dark-mode .summarizer_item { 25063 background-color: #223544; 25064 border-color: #707375; 25065} 25066 25067.dark-mode .scan-qr h3 { 25068 color: #fff; 25069} 25070 25071.expand_menu--pdf { 25072 width: 781px; 25073} 25074 25075.dark-mode header .img-fluid.logo-dark { 25076 display: inline; 25077} 25078 25079.dark-mode .summarizer textarea { 25080 background-color: #223749; 25081 border: 1px solid #828586; 25082 color: #C8C9CA; 25083} 25084 25085.dark-mode .summarizer .is-disabled textarea { 25086 background-color: #1b2c3a; 25087 border: 1px solid #828586; 25088 color: #C8C9CA; 25089} 25090 25091.dark-mode .summarizer .select2-container--default .select2-selection--single { 25092 background-color: #223749; 25093 border: 1px solid #828586; 25094 color: #C8C9CA; 25095} 25096 25097.dark-mode .summarizer .select2-container--default .select2-selection--single .select2-selection__rendered { 25098 color: #C8C9CA; 25099} 25100 25101.dark-mode .summarizer label { 25102 color: #F6F6F6; 25103} 25104 25105.dark-mode .select2-dropdown { 25106 background-color: #223749; 25107 border: 1px solid #828586; 25108 color: #C8C9CA; 25109} 25110 25111.dark-mode .select2-results__option { 25112 color: #C8C9CA; 25113} 25114 25115.dark-mode .select2-container--default .select2-results__option--selected { 25116 color: #C8C9CA; 25117 background-color: #1b2c3a; 25118} 25119 25120#bv-modal-fullpages .modal-body.wz-modal-body { 25121 z-index: unset; 25122} 25123 25124.banner-wrapper-full { 25125 height: 50px; 25126} 25127 25128.middle-width-modal { 25129 max-width: 448px; 25130} 25131 25132/*Maybe unset for all modals! https://stackoverflow.com/questions/32862394/bootstrap-modals-keep-adding-padding-right-to-body-after-closed*/ 25133.modal-subscribe { 25134 padding-right: unset !important; 25135} 25136 25137/* Maybe add for all NON-botstrap modals in the future */ 25138#modal_history .modal-header .close { 25139 padding: 0; 25140 margin: 0; 25141} 25142 25143#modal_history .summarizer_item { 25144 height: unset; 25145} 25146 25147#modal_history .modal-header_history, #modal_history .modal-body_history { 25148 padding: 0; 25149 border-bottom: none; 25150} 25151 25152#modal_history .summarizer_item { 25153 height: unset; 25154} 25155 25156.summarizer_item.is-disabled .summarizer_action-item--rate p, 25157.summarizer_item.is-disabled .summarizer_action-item--rate button, .summarizer_item.is-disabled .summarizer_action-item--rate { 25158 pointer-events: none; 25159 background: #EFEFEF; 25160 color: #A7A9AA; 25161 border: none; 25162} 25163 25164.summarizer_item.is-disabled .button.button-history { 25165 pointer-events: unset; 25166 padding: 12px 17px; 25167 font-size: 14px; 25168 border-radius: 8px; 25169 border-width: 1.5px; 25170 background-color: transparent; 25171 border: 1px solid #1A8FE3; 25172 color: #1A8FE3; 25173 25174} 25175 25176.summarizer_item.is-disabled .button.button-history:hover { 25177 background-color: #126daf; 25178 color: #fff; 25179} 25180 25181.rounded-cursor { 25182 display: none; 25183 width: 30px; 25184 height: 30px; 25185 background-color: #df4b26; 25186 border-radius: 50%; 25187 opacity: 0.5; 25188} 25189 25190.stripe-3ds-modal { 25191 max-width: 700px !important; 25192} 25193 25194#modal-subscribe-3ds { 25195 z-index: 100000; 25196} 25197 25198#modal-subscribe-3ds .modal-body { 25199 text-align: center; 25200} 25201 25202.large-modal .modal-dialog { 25203 max-width: 70%; 25204} 25205 25206.konvajs-content { 25207 margin: auto !important; 25208} 25209 25210.bg-gallery__content-preloader { 25211 position: relative !important; 25212 border-radius: 5px !important;
25213 opacity: 0.4 !important; 25214 width: 100% !important; 25215 height: 100% !important; 25216} 25217 25218.bg-gallery__item-active .bg-gallery__back { 25219 opacity: 1; 25220 transition: .3s; 25221} 25222 25223button.upload-only-btn { 25224 border-radius: 10px; 25225 background-color: #1A8FE3; 25226 color: #fff; 25227} 25228 25229button.upload-only-btn:hover { 25230 background-color: #126daf; 25231 color: #fff; 25232} 25233 25234.title_md_clear { 25235 font-size: unset; 25236} 25237 25238.full-width-block { 25239 width: 100%; 25240} 25241 25242.modal-show-picker { 25243 display: flex; 25244 flex-direction: column; 25245 justify-content: center; 25246 align-items: center; 25247} 25248 25249.browse-background_preview .color_box { 25250 border-width: 3px; 25251} 25252 25253.justify-content-space-btw { 25254 justify-content: space-between; 25255} 25256 25257.subtitle-write-prompt { 25258 font-size: 14px; 25259 font-weight: 600; 25260 margin-bottom: 8px; 25261} 25262 25263.is-invalid .invalid-text { 25264 color: #dc3545; 25265} 25266 25267.compress-result_button-download__compact { 25268 padding: 13px 20px; 25269} 25270 25271.summarizer_action__compact .summarizer_action-item { 25272 min-width: unset; 25273} 25274 25275@media (max-width: 1024px) { 25276 .summarizer_action__compact .summarizer_action-item { 25277 min-width: 256px; 25278 } 25279} 25280 25281.spinner-before-modal { 25282 z-index: 1040 !important; 25283} 25284 25285#datatableLogTokens_wrapper { 25286 margin: 20px; 25287} 25288 25289.vue-slider.vue-slider-ltr { 25290 margin-bottom: 30px; 25291 margin-top: 30px; 25292} 25293 25294.color-picker_body .cpw_container { 25295 margin: 0 auto; 25296} 25297 25298.font-picker-picker_body .font-picker .dropdown-button { 25299 height: unset; 25300 padding: unset; 25301 padding-left: 0.5rem; 25302 padding-right: 0.5rem; 25303} 25304 25305.font-picker-picker_body .font-picker { 25306 box-shadow: unset; 25307} 25308 25309/*Generate subtitles*/ 25310 25311.slick-next.g-sub-styles__button, 25312.slick-prev.g-sub-styles__button { 25313 position: absolute; 25314 top: calc(50% - 16px); 25315 width: 32px; 25316 height: 32px; 25317 padding: 6px; 25318 border-radius: 50%; 25319 background-color: #fff; 25320 box-shadow: 3px 1px 32px rgba(24, 29, 32, 0.05); 25321 color: rgb(112, 115, 117); 25322} 25323 25324.g-sub-styles__button.slick-next::before, 25325.g-sub-styles__button.slick-prev::before { 25326 content: unset; 25327} 25328 25329.g-sub-styles__button--next.slick-next { 25330 right: -16px; 25331} 25332 25333.g-sub-styles__button--prev.slick-prev { 25334 left: -16px; 25335 z-index: 10; 25336} 25337 25338.g-sub-styles__button--prev.slick-prev:hover, .g-sub-styles__button--prev.slick-prev:focus, 25339.g-sub-styles__button--next.slick-next:hover, .g-sub-styles__button--next.slick-next:focus { 25340 color: rgb(112, 115, 117); 25341 outline: none; 25342 background-color: #fff; 25343} 25344 25345.font-picker--generate-subtitles .font-picker { 25346 position: relative !important; 25347 display: inline-block !important; 25348 box-shadow: unset !important; 25349 width: 100% !important; 25350} 25351 25352.font-control.font-picker--generate-subtitles .font-picker .dropdown-button { 25353 padding: 11px 12px; 25354 font-size: 10px; 25355 line-height: 16px; 25356 border-radius: 8px; 25357 height: 38px; 25358} 25359 25360.user-favorite__group .tools_box { 25361 position: relative; 25362} 25363 25364.user-summary__value { 25365 max-width: 70%; 25366} 25367 25368.validation-notify .invalid-feedback { 25369 display: block; 25370} 25371 25372a.toast__button { 25373 text-decoration: none; 25374} 25375 25376.badge.circle { 25377 border-radius: 100%; 25378 width: 10px; 25379 height: 10px; 25380} 25381 25382td .badge.circle { 25383 top: 3px; 25384 position: relative; 25385} 25386 25387.js-switcher-subscribe-plan:disabled + .ctrl-switcher-type__visual { 25388 background-color: #A7A9AA; 25389} 25390 25391.our-plans .dropdown-toggle.disable-content::after { 25392 content: none; 25393} 25394 25395.credits-remaining__nowrap { 25396 white-space: nowrap; 25397} 25398 25399.our-plans_name.w-100 { 25400 max-width: 100%; 25401} 25402 25403.custom-form .main-feedback { 25404 font-size: 12px; 25405 line-height: calc(16 / 12); 25406 color: #1A8FE3; 25407 display: block; 25408} 25409 25410.popup-content__action-sm { 25411 width: 100%; 25412 padding: 5px; 25413 margin-bottom: 20px; 25414 margin-top: 20px 25415} 25416 25417.ctrl-choice__box-standard { 25418 display: inline; 25419} 25420 25421.ctrl-choice__field-standard { 25422 opacity: unset; 25423 position: relative; 25424 25425} 25426 25427#frequencyTime-popover-body.popover-body { 25428 background-color: #f7f7f7; 25429 border: none !important; 25430} 25431 25432.credits-remaining.automation-wizard-infoblock { 25433 background-color: #d4ffce 25434} 25435 25436.credits-remaining__button--link.automation-wizard-infoblock__button--link { 25437 color: #3a77be; 25438} 25439 25440.our-plans .button.ctrl-generate__button-go__wm { 25441 margin-top: unset; 25442} 25443 25444.text-block__strikethrough { 25445 text-decoration: line-through; 25446} 25447 25448.chat-bot__message-buttons {
25449 align-self: flex-end; 25450 cursor: pointer; 25451} 25452 25453section.api-cost--block .flex-table--row { 25454 display: flex; 25455} 25456 25457section.api-cost--block .flex-table--col { 25458 flex: 1; 25459 padding: 10px; 25460} 25461 25462section.api-cost--block .flex-table--row-header { 25463 background-color: #EFF7FD; 25464 border-radius: 10px; 25465 padding: 24px 40px; 25466} 25467 25468section.api-cost--block .flex-table--col-2 { 25469 flex: 2; 25470} 25471 25472section.api-cost--block .flex-table--col-1 { 25473 flex: 1; 25474} 25475 25476.api-cost--block { 25477 text-align: center; 25478} 25479 25480.flex-table--body { 25481 background: #fff; 25482} 25483 25484.support-area__image-box img { 25485 margin-top: 40px; 25486} 25487 25488.features { 25489 margin-top: 40px; 25490 display: flex; 25491 flex-wrap: wrap; 25492 gap: 16px; 25493 color: #fff; 25494} 25495 25496.feature { 25497 display: flex; 25498 align-items: center; 25499 gap: 10px; 25500 font-size: 16px; 25501} 25502 25503.icon-circle { 25504 width: 40px; 25505 height: 40px; 25506 border-radius: 50%; 25507 background-color: #5090d7; 25508 display: flex; 25509 align-items: center; 25510 justify-content: center; 25511} 25512 25513.icon-circle img { 25514 width: 20px; 25515 height: 20px; 25516} 25517 25518/*Support updates*/ 25519.support-area__content .descr { 25520 color: #fff; 25521 max-width: 550px; 25522} 25523 25524.support-area { 25525 padding-top: 40px; 25526 padding-bottom: 40px; 25527} 25528 25529@media (min-width: 992px) { 25530 .support-area__content .title { 25531 font-size: 32px; 25532 } 25533} 25534 25535@media (max-width: 991.98px) { 25536 .support-area__content .title { 25537 font-size: 29px; 25538 } 25539} 25540 25541.mt-10 { 25542 margin: 2.5rem; 25543} 25544 25545/*Tailwind*/ 25546.is-checked [data-state="unchecked"] { 25547 display: none !important; 25548} 25549 25550.is-checked [data-state="checked"] { 25551 display: block !important; 25552} 25553 25554.is-not-checked [data-state="unchecked"] { 25555 display: block !important; 25556} 25557 25558.is-not-checked [data-state="checked"] { 25559 display: none !important; 25560} 25561 25562.banner-wrapper-gradient { 25563 background: linear-gradient(304deg, #0B51A9 1.79%, rgba(26, 143, 227, 1.0) 100%); 25564} 25565 25566.multiple-columns p { 25567 margin-bottom: 1rem; 25568} 25569 25570.summarizer_item-result { 25571 display: flex; 25572 flex-direction: column; 25573} 25574 25575.summarizer_item-result .form-group { 25576 flex-grow: 1 25577} 25578 25579.summarizer_item-result .summernote-container, 25580.summarizer_item-result .note-editor, 25581.summarizer_item-result .note-editing-area { 25582 height: 100% 25583} 25584 25585.summarizer_item-result .note-editable, 25586.summarizer_item-result textarea { 25587 height: 100% !important; 25588 max-height: 100% !important; 25589 min-height: 300px; 25590} 25591 25592.summarizer_item-result .ideas { 25593 height: calc(100% - 24px); 25594 min-height: 300px; 25595} 25596 25597.summarizer_item .select2-container--default { 25598 resize: none; 25599 padding: 4px 16px; 25600 font-size: 0.9rem; 25601 border: 1px solid #E3E3E4; 25602 border-radius: 8px; 25603} 25604 25605.summarizer_item .select2-selection { 25606 border: none !important; 25607} 25608 25609.fs-sticky-footer { 25610 z-index: 1000 !important; 25611} 25612 25613.mt-custom-rem { 25614 margin-top: 2.5rem; 25615} 25616 25617.stripe-input { 25618 background: #FFFFFF; 25619 border: 1px solid #E3E3E4; 25620 border-radius: 5px; 25621 width: 100%; 25622 height: 48px; 25623 padding: 0 16px; 25624 font-size: 14px; 25625} 25626 25627.stripe-input-embedded { 25628 text-size-adjust: 100%; 25629 font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif; 25630 font-size: 14.88px !important; 25631 font-weight: 400 !important; 25632 color: #30313d !important; 25633} 25634 25635.popover { 25636 z-index: 11; 25637} 25638 25639.popover .arrow { 25640 display: none; 25641} 25642 25643.popover-body { 25644 background: transparent !important; 25645 border-radius: 0 !important; 25646 padding: 0 !important; 25647 border: none !important; 25648 font-weight: normal !important; 25649 font-size: inherit !important; 25650 line-height: inherit !important; 25651 color: inherit !important; 25652} 25653 25654.super-tool__main-container .grid-user { 25655 padding-top: 2rem; 25656 padding-bottom: 40px; 25657} 25658 25659.super-tool__main-container .uploader-container { 25660 margin-top: 2rem; 25661 margin-bottom: 40px; 25662} 25663 25664@media (min-height: 800px) { 25665 .super-tool__main-container .uploader-container .file-drop-area { 25666 min-height: 600px; 25667 } 25668} 25669 25670.super-tool__main-container .tools_area--pdf { 25671 padding-top: 0; 25672 padding-bottom: 40px; 25673} 25674 25675.super-tool__main-container .tools_area, 25676.super-tool__main-container .tools_area--pdf { 25677 background: none; 25678} 25679 25680.super-tool__main-container .page_shadow--index { 25681 z-index: -1; 25682} 25683 25684.js-select2-write .select2-selection.select2-selection--single { 25685 border: none !important; 25686} 25687 25688.js-select2-write .select2-selection__rendered { 25689 display: block; 25690 width: 100%; 25691 height: calc(1.5em + 1rem + 2px); 25692 padding: .375rem .75rem; 25693 font-weight: 400; 25694 color: #495057; 25695 background-color: #fbfaff; 25696 background-clip: padding-box; 25697 border: 1px solid #ced4da; 25698 border-radius: .25rem; 25699 transition: border-color .15s ease-in-out, box-shadow .15s ease-in-out; 25700 font-size: 0.875rem !important; 25701 line-height: 1.25rem !important; 25702} 25703 25704.js-select2-write .select2-selection__rendered:focus { 25705 color: #495057; 25706 background-color: #fff; 25707 border-color: #80bdff; 25708 --tw-ring-offset-width: 2px !important; 25709 --tw-ring-color: hsl(var(--ring)) !important; 25710 --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color) !important; 25711 --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color) !important; 25712 box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-sha
25712dow, 0 0 #0000) !important; 25713 outline: 2px solid transparent !important; 25714 outline-offset: 2px !important; 25715} 25716.select2-container--open .select2-dropdown { 25717 top: calc(100% + 8px) !important; 25718} 25719.js-select2-write .select2-container--default .select2-selection--single .select2-selection__arrow { 25720 top: 8px !important; 25721} 25722 25723.js-select2-write .select2-container .select2-selection--single { 25724 height: 38px !important; 25725} 25726 25727#signUpForm button[disabled] { 25728 cursor: auto; 25729 background-color: #126daf; 25730 color: #fff; 25731} 25732#preloader-stripe { 25733 opacity: 0.7; 25734 position: fixed; 25735 background: #fff; 25736 top: 0; 25737 left: 0; 25738 right: 0; 25739 bottom: 0; 25740 z-index: 99999; 25741 height: 100vh; 25742 width: 100vw; 25743 display: -webkit-box; 25744 display: -ms-flexbox; 25745 display: flex; 25746 -webkit-box-align: center; 25747 -ms-flex-align: center; 25748 align-items: center; 25749 -webkit-box-pack: center; 25750 -ms-flex-pack: center; 25751 justify-content: center; 25752} 25753 25754 </style> 25755 <!-- Styles --> 25756 <link href="/css/app_tailwind.css?id=d4d8834411c328c7c0df" rel="stylesheet"> 25757
25757<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 25758 document.querySelector('link[rel=stylesheet]#onload_link').addEventListener('load', function() { 25759 this.media = 'all'; 25760 }); 25761 </script>
25761 25762
25762<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 25763 window.Laravel = {"csrfToken":"1cajA5MeHlIbTiRYmR6hl6RfZk91y8fi1u0HxZnj","enCf":true,"cT":"cf","iCf":true,"idt":false,"idt_ai":false,"trw":"900000","strv2":true,"iST":false,"tST":""}; 25764 window.posthogFlags = {"pdf":1,"write":8,"video":3,"image":4,"converter":5}; 25765 window.recaptchaKey = "0x4AAAAAABmDsKgGHhVUvoMC"; 25766 window.convertKit = { 25767 api_key: 'PX6xR1Othw1Uy78iyu9ICQ', 25768 subscribeUri: 'https://api.convertkit.com/v3/forms/3161758/subscribe', 25769 }; 25770 window.afterRegister = ''; 25771 25772 window.stripe = { 25773 api_key: 'pk_live_51LGpOJFq8H7bctlFWApYMBmISvGuo7u0WtJjBFZKdHH1z568PyuWJGmLlujt3hfhtVcG1MOsdIOsqUda4Yt0ToH300gZi68r3c', 25774 ha: '', 25775 current: 'false', 25776 prices: '{"17":"9","11":"9","10":"75","9":"9","19":"9","7":"89","3":"49.99","4":"5.99","8":"749","1":"3.99","20":"75","16":"125","18":"75","13":"9","15":"15","14":"75","31":"3","32":"24","12":"75","22":"24","21":"3","24":"24","26":"24","25":"3","28":"48","29":"3","30":"24","23":"3","27":"5"}', 25777 subscriptions: '{"7":[{"id":17,"price":9,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":1,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":18,"price":75,"human_description":"Unlimited access to 40+ video tools","title":"Video Unlimited","period_type":2,"group_id":7,"type":4,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"4":[{"id":11,"price":9,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":1,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":12,"price":75,"human_description":"Unlimited access to 50+ AI tools","title":"Write Unlimited","period_type":2,"group_id":4,"type":4,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"3":[{"id":10,"price":75,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0},{"id":9,"price":9,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":3,"type":4,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0}],"8":[{"id":19,"price":9,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":20,"price":75,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":8,"type":4,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"2":[{"id":7,"price":89,"human_description":"Put your blog on autopilot","title":"Content Machine","period_type":1,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"89","is_best":0}
25777,{"id":8,"price":749,"human_description":"TinyWow - Content Machine (Yearly)","title":"Content Machine Yearly","period_type":2,"group_id":2,"type":2,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"62.42","benefit":29,"is_best":0}],"1":[{"id":3,"price":49.99,"human_description":"TinyWow - Advance Plan (Yearly)","title":"Yearly plan","period_type":2,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4.17","benefit":30,"is_best":1},{"id":4,"price":5.99,"human_description":"TinyWow - Advance Plan (Monthly)","title":"Supporter","period_type":1,"group_id":1,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5.99","is_best":1}],"":[{"id":1,"price":3.99,"human_description":null,"title":"Advanced plan - old","period_type":1,"group_id":null,"type":1,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"3.99","is_best":0}],"6":[{"id":16,"price":125,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"10.42","benefit":30,"is_best":0},{"id":15,"price":15,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":6,"type":3,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"15","is_best":0}],"5":[{"id":13,"price":9,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"9","is_best":0},{"id":14,"price":75,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":5,"type":4,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"6.25","benefit":30,"is_best":0}],"14":[{"id":31,"price":3,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":1,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0},{"id":32,"price":24,"human_description":"Unlimited access to 15+ file tools","title":"Files Unlimited","period_type":2,"group_id":14,"type":6,"tool_type_id":5,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}],"9":[{"id":22,"price":24,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":2,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":21,"price":3,"human_description":"Unlimited access to 45+ PDF tools","title":"PDF Unlimited","period_type":1,"group_id":9,"type":6,"tool_type_id":1,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"10":[{"id":24,"price":24,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":2,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":23,"price":3,"human_description":"Unlimited access to 10+ AI tools","title":"Write Unlimited","period_type":1,"group_id":10,"type":6,"tool_type_id":8,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"11":[{"id":26,"price":24,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":2,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0},{"id":25,"price":3,"human_description":"Unlimited access to 30+ image tools","title":"Image Unlimited","period_type":1,"group_id":11,"type":6,"tool_type_id":4,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0}],"12":[{"id":28,"price":48,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":2,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"annually","monthly_price":"4","benefit":20,"is_best":0}
25777,{"id":27,"price":5,"human_description":"Unlimited access to all tools","title":"TinyWow Unlimited","period_type":1,"group_id":12,"type":5,"tool_type_id":null,"price_currency":"$","period_name":"monthly","monthly_price":"5","is_best":0}],"13":[{"id":29,"price":3,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":1,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"monthly","monthly_price":"3","is_best":0},{"id":30,"price":24,"human_description":"Unlimited access to 10+ video tools","title":"Video Unlimited","period_type":2,"group_id":13,"type":6,"tool_type_id":3,"price_currency":"$","period_name":"annually","monthly_price":"2","benefit":33,"is_best":0}]}', 25778 packages: '[{"id":1,"price":"125","title":"30 Credits","user_article_limit":30}]', 25779 ec: '', 25780 css: '', 25781 cst: '', 25782 cstit: '', 25783 csper: '', 25784 mdspb: '65', 25785 cswc: '', 25786 trial: '7', 25787 } 25788 window.loggedIn = 0; 25789 window.subscriptionTypes = { 25790 'y': '2', 25791 'm': '1', 25792 } 25793 window.posthogFlagsValues = {"1":null,"8":null,"5":null,"4":null,"3":null}; 25794 window.eaw = ''; 25795 </script>
25795 25796 <!-- Google Tag Manager --> 25797
25797<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC">
vendor: 375 bytes, lines 25797-25801
25797(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 25798 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 25799 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 25800 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 25801 })(window,document,'script','dataLayer','
25801GTM-MPGVJ8N
vendor: 3 bytes, line 25801
25801');
25801</script>
25801 25802 <!-- End Google Tag Manager --> 25803 <noscript id="deferred-main-captcha"> 25804
25804<script src="https://challenges.cloudflare.com/turnstile/v0/api.js?compat=recaptcha" async defer></script>
25804 25805 </noscript> 25806 25807 <template class="lazy-ad-scripts"> 25808 25809 <style> 25810 body { 25811 --use: 20px; 25812 --doNotUse: 0px; 25813 --fsAncillary: var(--doNotUse); 25814 } 25815 [data-freestar-ad] { 25816 vertical-align: top; 25817 display: inline-flex; 25818 align-items: center; 25819 justify-content: center; 25820 width: 100%; 25821 overflow: hidden; 25822 position: relative; 25823 } 25824 [data-freestar-ad*="__fsAncillary"] { 25825 --fsAncillary: var(--use); 25826 } 25827 [data-freestar-ad*="__728x90"], 25828 [data-freestar-ad*="__970x90"] { 25829 --height: 90px; 25830 height: 90px; 25831 height: calc(var(--height) + var(--fsAncillary)) !important; 25832 } 25833 25834 [data-freestar-ad*="__300x250"], 25835 [data-freestar-ad*="__970x250"] { 25836 --height: 250px; 25837 height: 250px; 25838 height: calc(var(--height) + var(--fsAncillary)) !important; 25839 } 25840 25841 [data-freestar-ad*="__336x280"] { 25842 --height: 280px; 25843 height: 280px; 25844 height: calc(var(--height) + var(--fsAncillary)) !important; 25845 } 25846 25847 [data-freestar-ad*="__160x600"], 25848 [data-freestar-ad*="__300x600"] { 25849 --height: 600px; 25850 height: 600px; 25851 height: calc(var(--height) + var(--fsAncillary)) !important; 25852 } 25853 25854 /* Prebid video player sizes */ 25855 [data-freestar-ad*="__640x360"] { 25856 --height: 360px; 25857 height: 360px; 25858 } 25859 25860 [data-freestar-ad*="__552x334"] { 25861 --height: 334px; 25862 height: 334px; 25863 } 25864 25865 [data-freestar-ad*="__640x169"] { 25866 --height: 169px; 25867 height: 169px; 25868 } 25869 25870 [data-freestar-ad*="__400x225"] { 25871 --height: 225; 25872 height: 225px; 25873 } 25874 25875 @media only screen and (min-device-width : 320px) and (max-device-width : 768px) { 25876 [data-freestar-ad*="__300x50"], 25877 [data-freestar-ad*="__320x50"] { 25878 --height: 50px; 25879 height: 50px; 25880 height: calc(var(--height) + var(--fsAncillary)) !important; 25881 } 25882 25883 [data-freestar-ad*="__468x60"] { 25884 --height: 60px; 25885 height: 60px; 25886 height: calc(var(--height) + var(--fsAncillary)) !important; 25887 } 25888 25889 [data-freestar-ad*="__300x100"], 25890 [data-freestar-ad*="__320x100"] { 25891 --height: 100px; 25892 height: 100px; 25893 height: calc(var(--height) + var(--fsAncillary)) !important; 25894 } 25895 25896 [data-freestar-ad*="__300x250"] { 25897 --height: 250px; 25898 height: 250px; 25899 height: calc(var(--height) + var(--fsAncillary)) !important; 25900 } 25901 25902 [data-freestar-ad*="__336x280"] { 25903 --height: 280px; 25904 height: 280px; 25905 height: calc(var(--height) + var(--fsAncillary)) !important; 25906 } 25907 } 25908 </style> 25909
25909<script data-cfasync="false" type="text/javascript"> 25910 var freestar = freestar || {}; 25911 freestar.queue = freestar.queue || []; 25912 freestar.config = freestar.config || {}; 25913 freestar.config.enabled_slots = []; 25914 freestar.initCallback = function () { (freestar.config.enabled_slots.length === 0) 25915 ? freestar.initCallbackCalled = false : freestar.newAdSlots(freestar.config.enabled_slots) } 25916 </script>
25916 25917
25917<script type="text/javascript" data-lazy-src="https://a.pub.network/tinywow-com/pubfig.min.js" 25918 data-lazy-method="interaction" data-lazy-attributes="src"></script>
25918 25919 </template> 25920 25921
25921<script src="https://tinywow.com/js/home-page__en/translations.js"></script>
25921 25922</head> 25923<body class="index "> 25924 25925 25926 25927 <!-- Preloader Start --> 25928<div id="preloader" class="flex-col" style="display: none;"> 25929 <div class="w-[200px] text-center js-preloader-text" style="display: none;"></div> 25930 <div class="loader3"> 25931 <span></span> 25932 <span></span> 25933 </div> 25934</div> 25935<div id="preloader-stripe" class="flex-col" style="display: none;"> 25936 <div class="w-[250px] text-center js-preloader-text">Redirecting to checkout…</div> 25937</div> 25938<!-- Preloader End --> 25939 25940<!-- start header --> 25941<header class="sticky-top has-search "> 25942 <div class="container"> 25943 <div class="row align-items-center"> 25944 <div class="col-lg-2 col-6 text-left"> 25945 <!--done--> 25946 <!--logo start--> 25947 <a class="logo" href="https://tinywow.com"> 25948 <img src="https://tinywow.com/v3/img/favicon-tinywow.svg" class="img-fluid logo-icon" alt="TinyWow" width="32" height="32"> 25949 <img src="https://tinywow.com/v3/img/tinywow-by-jenni.svg" class="img-fluid logo-normal" alt="TinyWow by Jenni AI" width="92" height="28"> 25950 <img src="https://tinywow.com/v3/img/tinywow-by-jenni-light.svg" class="img-fluid logo-dark" alt="TinyWow by Jenni AI" width="92" height="28"> 25951 </a> 25952 <!--logo end--> 25953 </div> 25954 <div class="col-lg-5 col-6"> 25955 <!--menu start--> 25956 25957 <ul class="menu2"> 25958 <li class="nav-item drop_menu" > 25959 <a href="https://tinywow.com/tools/pdf" class="nav-link"> 25960 PDF 25961 </a> 25962 25963 <div class="expand_menu expand_menu--pdf position-absolute"> 25964 <div class="expand_menu-box"> 25965 <div class="container pl-0 pr-0 d-flex"> 25966 <div class="category-tools d-flex"> 25967 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 25968 25969 <a href="https://tinywow.com/pdf/edit" class="category-tools__item"> 25970 <div class="icon_box v_2 v2"> 25971 <svg width="20" height="20" class="img-fluid"> 25972 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 25973 </svg> 25974 </div> 25975 <div class="category-tools__content"> 25976 <h4>Edit PDF</h4> 25977 <p class="category-tools__descr gray">Free PDF Editor</p> 25978 </div> 25979 </a> 25980 <a href="https://tinywow.com/pdf/to-word" class="category-tools__item"> 25981 <div class="icon_box v_4 v4"> 25982 <svg width="20" height="20" class="img-fluid"> 25983 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 25984 </svg> 25985 </div> 25986 <div class="category-tools__content"> 25987 <h4>PDF to Word</h4> 25988 <p class="category-tools__descr gray">Convert a PDF to Word Document</p> 25989 </div> 25990 </a> 25991 <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item"> 25992 <div class="icon_box v_2 v2"> 25993 <svg width="20" height="20" class="img-fluid"> 25994 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 25995 </svg> 25996 </div> 25997 <div class="category-tools__content"> 25998 <h4>JPG to PDF</h4> 25999 <p class="category-tools__descr gray">Upload images and receive as a PDF</p> 26000 </div> 26001 </a> 26002 <a href="https://tinywow.com/pdf/merge" class="category-tools__item"> 26003 <div class="icon_box v_3 v3"> 26004 <svg width="20" height="20" class="img-fluid"> 26005 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 26006 </svg> 26007 </div> 26008 <div class="category-tools__content"> 26009 <h4>Merge PDF</h4> 26010 <p class="category-tools__descr gray">
26010Merge 2 or more PDF files into a single PDF file</p> 26011 </div> 26012 </a> 26013 </div> 26014 <div class="category-menu w-100"> 26015 <h4 class="expand_menu-name-categiry">OTHER PDF TOOLS</h4> 26016 <div class="row"> 26017 26018 26019 <div class="col-6 "> 26020 <ul class="mega_menu"> 26021 <li><a href="https://tinywow.com/pdf/create">Create PDF</a> 26022 <ul class=""> 26023 </ul> 26024 </li> 26025 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a> 26026 <ul class=""> 26027 </ul> 26028 </li> 26029 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a> 26030 <ul class=""> 26031 </ul> 26032 </li> 26033 <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a> 26034 <ul class=""> 26035 </ul> 26036 </li> 26037 <li><a href="https://tinywow.com/pdf/split">Split</a> 26038 <ul class=""> 26039 </ul> 26040 </li> 26041 <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a> 26042 <ul class=""> 26043 </ul> 26044 </li> 26045 </ul> 26046 </div> 26047 <div class="col-6 pl-0 pr-0 "> 26048 <ul class="mega_menu"> 26049 <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a> 26050 <ul class=""> 26051 </ul> 26052 </li> 26053 <li><a href="https://tinywow.com/pdf/sign">eSign</a> 26054 <ul class=""> 26055 </ul> 26056 </li> 26057 <li><a href="https://tinywow.com/pdf/protect">Protect</a> 26058 <ul class=""> 26059 </ul> 26060 </li> 26061 <li><a href="https://tinywow.com/pdf/rearrange">Rearrange</a> 26062 <ul class=""> 26063 </ul> 26064 </li> 26065 <li><a href="https://tinywow.com/pdf/extract-text">Extract Text</a> 26066 <ul class=""> 26067 </ul> 26068 </li> 26069 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li> 26070 </ul> 26071 </div> 26072 </div> 26073 </div> 26074 </div> 26075 </div> 26076</div> 26077 </li> 26078 <li class="nav-item drop_menu" > 26079 <a href="https://tinywow.com/tools/image" class="nav-link"> 26080 Image 26081 </a> 26082 26083 <div class="expand_menu expand_menu--image"> 26084 <div class="expand_menu-box"> 26085 <div class="container d-flex"> 26086 <div class="ai-tools category-tools"> 26087 <h4 class="expand_menu-name-categiry">AI TOOLS</h4> 26088 26089 <a href="https://tinywow.com/image/remove-bg" class="category-tools__item b-b category-tools__item--big"> 26090 <div class="icon_box v_6 v6"> 26091 <svg width="20" height="20"> 26092 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26093 </svg> 26094 </div> 26095 <div class="category-tools__content"> 26096 <h4>
26096Background Remover</h4> 26097 <p class="category-tools__descr gray">Easily Remove the Background from an image</p> 26098 </div> 26099 </a> 26100 <div class="ai-tools__catalog"> 26101 <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small"> 26102 <div class="icon_box v_6 v6"> 26103 <svg width="20" height="20" class="img-fluid"> 26104 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26105 </svg> 26106 </div> 26107 <div class="category-tools__content"> 26108 <h4>Restore Photos</h4> 26109 </div> 26110 </a> 26111 <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small"> 26112 <div class="icon_box v_3 v3"> 26113 <svg width="20" height="20" class="img-fluid"> 26114 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use> 26115 </svg> 26116 </div> 26117 <div class="category-tools__content"> 26118 <h4>Profile Photo Maker</h4> 26119 </div> 26120 </a> 26121 <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small"> 26122 <div class="icon_box v_4 v4"> 26123 <svg width="20" height="20" class="img-fluid"> 26124 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26125 </svg> 26126 </div> 26127 <div class="category-tools__content"> 26128 <h4>Remove Person from Photo</h4> 26129 </div> 26130 </a> 26131 <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small"> 26132 <div class="icon_box v_2 v2"> 26133 <svg width="20" height="20" class="img-fluid"> 26134 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26135 </svg> 26136 </div> 26137 <div class="category-tools__content"> 26138 <h4>Extract Text From Image</h4> 26139 </div> 26140 </a> 26141 <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small"> 26142 <div class="icon_box v_3 v3"> 26143 <svg width="20" height="20" class="img-fluid"> 26144 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26145 </svg> 26146 </div> 26147 <div class="category-tools__content"> 26148 <h4>AI Image Generator</h4> 26149 </div> 26150 </a> 26151 <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small"> 26152 <div class="icon_box v_1 v1"> 26153 <svg width="20" height="20" class="img-fluid"> 26154 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26155 </svg> 26156 </div> 26157 <div class="category-tools__content"> 26158 <h4>Remove Objects Photo</h4> 26159 </div> 26160 </a> 26161 </div> 26162 </div> 26163 <div class="ai-all"> 26164 <div class="ai-featured"> 26165 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 26166 26167 <div class="ai-featured__box b-b"> 26168 <div class="d-flex"> 26169 <a href="https://tinywow.com/image/resize" class="category-tools__item flex-wrap ai-all__item w-33"> 26170 <div class="main-item v_3 v3 w-100"> 26171 <picture> 26172 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy"> 26173 </picture> 26174 </div> 26175 <div class="ai-featured__content"> 26176 <div> 26177 <h4>Resize Dimensions</h4> 26178 <p class="category-tools__descr gray">Resize your image</p> 26179 </div> 26180 <div class="image-box-arrow"> 26181 <svg class="icon_arrow v3" width="24" height="24"> 26182 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 26183 </svg> 26184 </div> 26185 </div> 26186 </a> 26187 <a href="https://tinywow.com/image/compress" class="category-tools__item flex-wrap ai-all__item w-33"> 26188 <div class="main-item v_6 v6 w-100"> 26189 <picture> 26190 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy"> 26191 </picture> 26192 </div> 26193 <div class="ai-featured__content"> 26194 <div> 26195 <h4>Compress</h4> 26196 <p class="category-tools__descr gray">Compress your image</p> 26197 </div> 26198 <div class="image-box-arrow"> 26199 <svg class="icon_arrow v6" width="24" height="24"> 26200 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 26201 </svg> 26202 </div> 26203 </div> 26204 </a> 26205 <a href="https://tinywow.com/image/upscale" class="category-tools__item flex-wrap ai-all__item w-33"> 26206 <div class="main-item v_2 v2 w-100"> 26207 <picture> 26208 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy"> 26209 </picture> 26210 </div> 26211 <div class="ai-featured__content"> 26212 <div> 26213 <h4>Increase Image Resolution</h4> 26214 <p class="category-tools__descr gray">increase the resolution of your image</p> 26215 </div> 26216 <div class="image-box-arrow"> 26217 <svg class="icon_arrow v2" width="24" height="24"> 26218 <use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#arrow_right"></use> 26219 </svg> 26220 </div> 26221 </div> 26222 </a> 26223 </div> 26224 </div> 26225 </div> 26226 26227 <div class="ai-other"> 26228 <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4> 26229 26230 <div class="d-flex"> 26231 26232 26233 <div class="category-tools__item ai-all__item w-33"> 26234 <ul class="mega_menu"> 26235 <li><a href="https://tinywow.com/image/blur-background">
26235Blur Background</a></li> 26236 <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li> 26237 <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li> 26238 <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li> 26239 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 26240 <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li> 26241 </ul> 26242 </div> 26243 <div class="category-tools__item ai-all__item w-33"> 26244 <ul class="mega_menu"> 26245 <li><a href="https://tinywow.com/image/make-background-transparent">
26245Transparent Background</a></li> 26246 <li><a href="https://tinywow.com/image/crop">Crop Image</a></li> 26247 <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li> 26248 <li><a href="https://tinywow.com/image/split">Image Splitter</a></li> 26249 <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li> 26250 <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li> 26251 </ul> 26252 </div> 26253 <div class="category-tools__item ai-all__item w-33"> 26254 <ul class="mega_menu"> 26255 <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li> 26256 <li><a href="https://tinywow.com/image/grayscale">Black & White</a></li> 26257 <li><a href="https://tinywow.com/image/flip">Flip Image</a></li> 26258 <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li> 26259 <li><a href="https://tinywow.com/image/heic-to-jpg">HEIC to JPG</a></li> 26260 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li> 26261 </ul> 26262 </div> 26263 </div> 26264 </div> 26265 </div> 26266 </div> 26267 </div> 26268</div> 26269 </li> 26270 <li class="nav-item drop_menu" > 26271 <a href="https://tinywow.com/tools/write" class="nav-link"> 26272 Write 26273 </a> 26274 26275 <div class="expand_menu expand_menu--pdf position-absolute"> 26276 <div class="expand_menu-box"> 26277 <div class="container pl-0 pr-0 d-flex"> 26278 <div class="category-tools d-flex"> 26279 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 26280 26281 <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item"> 26282 <div class="icon_box v_6 v6"> 26283 <svg width="20" height="20" class="img-fluid"> 26284 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26285 </svg> 26286 </div> 26287 <div class="category-tools__content"> 26288 <h4>Paragraph Writer</h4> 26289 <p class="category-tools__descr gray">Paragraph Writer</p> 26290 </div> 26291 </a> 26292 <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item"> 26293 <div class="icon_box v_1 v1"> 26294 <svg width="20" height="20" class="img-fluid"> 26295 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26296 </svg> 26297 </div> 26298 <div class="category-tools__content"> 26299 <h4>Sentence Rewriter</h4> 26300 <p class="category-tools__descr gray">Sentence Rewriter</p> 26301 </div> 26302 </a> 26303 <a href="https://tinywow.com/write/essay-writer" class="category-tools__item"> 26304 <div class="icon_box v_4 v4"> 26305 <svg width="20" height="20" class="img-fluid"> 26306 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26307 </svg> 26308 </div> 26309 <div class="category-tools__content"> 26310 <h4>Essay Writer</h4> 26311 <p class="category-tools__descr gray">Easily create an essay with AI</p> 26312 </div> 26313 </a> 26314 <a href="https://tinywow.com/write/article-writer" class="category-tools__item"> 26315 <div class="icon_box v_8 v8"> 26316 <svg width="20" height="20" class="img-fluid"> 26317 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26318 </svg> 26319 </div> 26320 <div class="category-tools__content"> 26321 <h4>Article Writer</h4> 26322 <p class="category-tools__descr gray">Create an article from a title</p> 26323 </div> 26324 </a> 26325 </div> 26326 <div class="category-menu w-100"> 26327 <h4 class="expand_menu-name-categiry">OTHER WRITE TOOLS</h4> 26328 <div class="row"> 26329 26330 26331 <div class="col-6 "> 26332 <ul class="mega_menu"> 26333 <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a> 26334 <ul class=""> 26335 </ul> 26336 </li> 26337 <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a> 26338 <ul class=""> 26339 </ul> 26340 </li> 26341 <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a> 26342 <ul class=""> 26343 </ul> 26344 </li> 26345 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a> 26346 <ul class=""> 26347 </ul> 26348 </li> 26349 <li><a href="https://tinywow.com/write/business-name-generator">
26349Business Name Generator</a> 26350 <ul class=""> 26351 </ul> 26352 </li> 26353 <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a> 26354 <ul class=""> 26355 </ul> 26356 </li> 26357 </ul> 26358 </div> 26359 <div class="col-6 pl-0 pr-0 "> 26360 <ul class="mega_menu"> 26361 <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a> 26362 <ul class=""> 26363 </ul> 26364 </li> 26365 <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a> 26366 <ul class=""> 26367 </ul> 26368 </li> 26369 <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a> 26370 <ul class=""> 26371 </ul> 26372 </li> 26373 <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a> 26374 <ul class=""> 26375 </ul> 26376 </li> 26377 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a> 26378 <ul class=""> 26379 </ul> 26380 </li> 26381 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li> 26382 </ul> 26383 </div> 26384 </div> 26385 </div> 26386 </div> 26387 </div> 26388</div> 26389 </li> 26390 <li class="nav-item drop_menu" > 26391 <a href="https://tinywow.com/tools/video" class="nav-link"> 26392 Video 26393 </a> 26394 26395 <div class="expand_menu expand_menu--pdf position-absolute"> 26396 <div class="expand_menu-box"> 26397 <div class="container pl-0 pr-0 d-flex"> 26398 <div class="category-tools d-flex"> 26399 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 26400 26401 <a href="https://tinywow.com/video/compress" class="category-tools__item"> 26402 <div class="icon_box v_3 v3"> 26403 <svg width="20" height="20" class="img-fluid"> 26404 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 26405 </svg> 26406 </div> 26407 <div class="category-tools__content"> 26408 <h4>Compress Video</h4> 26409 <p class="category-tools__descr gray">Lessen the file size of a Video file</p> 26410 </div> 26411 </a> 26412 <a href="https://tinywow.com/video/to-gif" class="category-tools__item"> 26413 <div class="icon_box v_1 v1"> 26414 <svg width="20" height="20" class="img-fluid"> 26415 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 26416 </svg> 26417 </div> 26418 <div class="category-tools__content"> 26419 <h4>Video to Gif</h4> 26420 <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p> 26421 </div> 26422 </a> 26423 <a href="https://tinywow.com/video/cutter" class="category-tools__item"> 26424 <div class="icon_box v_7 v7"> 26425 <svg width="20" height="20" class="img-fluid"> 26426 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use> 26427 </svg> 26428 </div> 26429 <div class="category-tools__content"> 26430 <h4>Trim Video</h4> 26431 <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p> 26432 </div> 26433 </a> 26434 <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item"> 26435 <div class="icon_box v_3 v3"> 26436 <svg width="20" height="20" class="img-fluid"> 26437 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 26438 </svg> 26439 </div> 26440 <div class="category-tools__content"> 26441 <h4>MP4 to MP3</h4> 26442 <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p> 26443 </div> 26444 </a> 26445 </div> 26446 <div class="category-menu w-100"> 26447 <h4 class="expand_menu-name-categiry">OTHER VIDEO TOOLS</h4> 26448 <div class="row"> 26449 26450 26451 <div class="col-6 "> 26452 <ul class="mega_menu"> 26453 <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a> 26454 <ul class=""> 26455 </ul> 26456 </li> 26457 <li><a href="https://tinywow.com/video/resize">Resize Video</a> 26458 <ul class=""> 26459 </ul> 26460 </li> 26461 <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a> 26462 <ul class=""> 26463 </ul> 26464 </li> 26465 <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a> 26466 <ul class=""> 26467 </ul> 26468 </li> 26469 <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a> 26470 <ul class=""> 26471 </ul> 26472 </li> 26473 <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a> 26474 <ul class=""> 26475 </ul> 26476 </li> 26477 </ul> 26478 </div> 26479 <div class="col-6 pl-0 pr-0 "> 26480 <ul class="mega_menu"> 26481 <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a> 26482 <ul class=""> 26483 </ul> 26484 </li> 26485 <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a> 26486 <ul class=""> 26487 </ul> 26488 </li> 26489 <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a> 26490 <ul class=""> 26491 </ul> 26492 </li> 26493 <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a> 26494 <ul class=""> 26495 </ul> 26496 </li> 26497 <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a> 26498 <ul class=""> 26499 </ul> 26500 </li> 26501 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li> 26502 </ul> 26503 </div> 26504 </div> 26505 </div> 26506 </div> 26507 </div> 26508</div> 26509 </li> 26510 <li class="nav-item drop_menu" > 26511 <a href="https://tinywow.com/tools/file_conversion" class="nav-link"> 26512 File 26513 </a> 26514 26515 <div class="expand_menu expand_menu--tools position-absolute"> 26516 <div class="expand_menu-box"> 26517 <div class="container pl-0 pr-0"> 26518 <div class="category-tools d-flex"> 26519 <h4 class="expand_menu-name-categiry">FILE TOOLS</h4> 26520 <div class="expand_menu-tools justify-content-between"> 26521 <a href="https://tinywow.com/converter/split-csv" class="category-tools__item"> 26522 <div class="icon_box v_1 v1"> 26523 <svg width="20" height="20" class="img-fluid"> 26524 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26525 </svg> 26526 </div> 26527 <div class="category-tools__content"> 26528 <h4>Split CSV</h4> 26529 <p class="category-tools__descr gray">Split into one or multiple PDF files</p> 26530 </div> 26531 </a> 26532 <a href="https://tinywow.com/converter/split-excel" class="category-tools__item"> 26533 <div class="icon_box v_3 v3"> 26534 <svg width="20" height="20" class="img-fluid"> 26535 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26536 </svg> 26537 </div> 26538 <div class="category-tools__content"> 26539 <h4>Split Excel</h4> 26540 <p class="category-tools__descr gray">Split into one or multiple Excel files</p> 26541 </div> 26542 </a> 26543 <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item"> 26544 <div class="icon_box v_1 v1"> 26545 <svg width="20" height="20" class="img-fluid"> 26546 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26547 </svg> 26548 </div> 26549 <div class="category-tools__content"> 26550 <h4>Excel to PDF</h4> 26551 <p class="category-tools__descr gray">Convert Excel to PDF</p> 26552 </div> 26553 </a> 26554 <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item"> 26555 <div class="icon_box v_7 v7"> 26556 <svg width="20" height="20" class="img-fluid"> 26557 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26558 </svg> 26559 </div> 26560 <div class="category-tools__content"> 26561 <h4>XML to Excel</h4> 26562 <p class="category-tools__descr gray">Convert XML to Excel</p> 26563 </div> 26564 </a> 26565 <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item"> 26566 <div class="icon_box v_5 v5"> 26567 <svg width="20" height="20" class="img-fluid"> 26568 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26569 </svg> 26570
26570 </div> 26571 <div class="category-tools__content"> 26572 <h4>Excel to XML</h4> 26573 <p class="category-tools__descr gray">Convert Excel to XML</p> 26574 </div> 26575 </a> 26576 <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item"> 26577 <div class="icon_box v_1 v1"> 26578 <svg width="20" height="20" class="img-fluid"> 26579 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26580 </svg> 26581 </div> 26582 <div class="category-tools__content"> 26583 <h4>CSV to Excel</h4> 26584 <p class="category-tools__descr gray">Convert CSV to Excel</p> 26585 </div> 26586 </a> 26587 <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item"> 26588 <div class="icon_box v_2 v2"> 26589 <svg width="20" height="20" class="img-fluid"> 26590 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26591 </svg> 26592 </div> 26593 <div class="category-tools__content"> 26594 <h4>XML to CSV</h4> 26595 <p class="category-tools__descr gray">Convert XML to CSV</p> 26596 </div> 26597 </a> 26598 <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item"> 26599 <div class="icon_box v_3 v3"> 26600 <svg width="20" height="20" class="img-fluid"> 26601 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 26602 </svg> 26603 </div> 26604 <div class="category-tools__content"> 26605 <h4>XML to JSON</h4> 26606 <p class="category-tools__descr gray">Convert XML to JSON</p> 26607 </div> 26608 </a> 26609 </div> 26610 26611 </div> 26612 </div> 26613 </div> 26614</div> 26615 </li> 26616 </ul> 26617 <!--menu end--> 26618 <div class="sticky-top-group"> 26619 <div class="header-search"> 26620 <button class="button header-search_button js-header-search_button" type="submit" aria-label="Search"> 26621 <img src="https://tinywow.com/v3/img/search-normal.svg" alt="Search"> 26622 </button> 26623 </div> 26624 26625 <div class="hamburger-menu"> 26626 <span class="line-top"></span> 26627 <span class="line-center"></span> 26628 <span class="line-bottom"></span> 26629 </div> 26630 </div> 26631 </div> 26632 <div class="col-lg-5 d-none d-lg-block text-right"> 26633 <div class="header-tools"> 26634 26635 <!-- button-switch-mode --> 26636 <button class="button button-switch-mode js-button-switch-mode" type="button" role="button" aria-label="Switch mode"> 26637 <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode"> 26638 <img class="switch-mode-icon switch-mode-icon_moon" src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode"> 26639 </button> 26640 <button href="#" class="button button-share js-show-my-files" title="My Files" 26641 style="display: none;" > 26642 <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My files"> 26643 </button> 26644 26645 <button href="#" class="button button-share" data-toggle="modal" data-target="#modal
26645-share" title="Share"> 26646 <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share"> 26647 </button> 26648 26649 </div> 26650 <div class="header-search"> 26651 <button class="button header-search_button" type="submit" aria-label="Search"> 26652 <img src="https://tinywow.com/v3/img/search2.svg" alt="Search"> 26653 </button> 26654 26655 <div class="header-search_group"> 26656 <form action="/tools" class="header-search_form"> 26657 <input class="form-control js-search-tools" type="text" placeholder="Search" name="q"> 26658 <button class="button" type="submit" aria-label="Search submit"> 26659 <img src="https://tinywow.com/v3/img/search2.svg" alt="Search"> 26660 </button> 26661 </form> 26662 26663 <div class="header-search_results header-search_results--desktop" style="display: none;"> 26664 </div> 26665 </div> 26666 </div> 26667 26668 <button class="button button-sign-in js-show-sign-in">Sign In</button> 26669 </div> 26670 </div> 26671 </div> 26672</header> 26673 26674<!-- mobile menu --> 26675<div class="mobile_menu mobile_menu-tools d-lg-none"> 26676 26677 <div class="header-search header-search--pannel"> 26678 <div></div> 26679 <div class="header-search_group container"> 26680 <form action="/tools" class="header-search_form" onsubmit="return false;" > 26681 <input class="form-control js-search-tools" type="text" placeholder="Search" name="q"> 26682 <button class="button" type="submit" onclick="return false;" aria-label="Search submit"> 26683 <img src="https://tinywow.com/v2/img/search2.svg" alt="Search"> 26684 </button> 26685 </form> 26686 </div> 26687 <div class="header-search_results header-search_results--mobile" style="display: none;"></div> 26688 </div> 26689 26690 <div class="container h-100"> 26691 <div class="d-flex flex-column h-100"> 26692 <ul id="mobile" class="menu2 accordion"> 26693 26694 26695 26696 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 26697 <a data-toggle="collapse" href="#nav_0" role="button" aria-expanded="false" class="nav-link"> 26698 PDF 26699 </a> 26700 26701 <div class=" collapse" id="nav_0" data-parent="#mobile"> 26702 <div class="container pl-0 pr-0"> 26703 <div class="category-tools m-0 pr-0"> 26704 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 26705 26706 <a href="https://tinywow.com/pdf/edit" class="category-tools__item pl-0"> 26707 <div class="icon_box v_1 v1"> 26708 <svg width="20" height="20" class="img-fluid"> 26709 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26710 </svg> 26711 </div> 26712 <div class="category-tools__content"> 26713 <h4>Edit PDF</h4> 26714 <p class="category-tools__descr gray">Free PDF Editor</p> 26715 </div> 26716 </a> 26717 <a href="https://tinywow.com/pdf/to-word" class="category-tools__item pl-0"> 26718 <div class="icon_box v_7 v7"> 26719 <svg width="20" height="20" class="img-fluid"> 26720 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26721 </svg> 26722 </div> 26723 <div class="category-tools__content"> 26724 <h4>PDF to Word</h4> 26725 <p class="category-tools__descr gray">Convert a PDF to Word Document</p> 26726 </div> 26727 </a> 26728 <a href="https://tinywow.com/pdf/from-jpg" class="category-tools__item pl-0"> 26729 <div class="icon_box v_3 v3"> 26730 <svg width="20" height="20" class="img-fluid"> 26731 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26732 </svg> 26733 </div> 26734 <div class="category-tools__content"> 26735 <h4>JPG to PDF</h4> 26736 <p class="category-tools__descr gray">Upload images and receive as a PDF</p> 26737 </div> 26738 </a> 26739 <a href="https://tinywow.com/pdf/merge" class="category-tools__item pl-0"> 26740 <div class="icon_box v_4 v4"> 26741 <svg width="20" height="20" class="img-fluid"> 26742 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 26743 </svg> 26744 </div> 26745 <div class="category-tools__content"> 26746 <h4>Merge PDF</h4> 26747 <p class="category-tools__descr gray">
26747Merge 2 or more PDF files into a single PDF file</p> 26748 </div> 26749 </a> 26750 </div> 26751 <div class="category-menu pr-0"> 26752 <h4 class="expand_menu-name-categiry pl-0">OTHER PDF TOOLS</h4> 26753 <div class="row"> 26754 26755 26756 <div class="col-6 pl_16 "> 26757 <ul class="mega_menu mb-0"> 26758 <li><a href="#">Favorite Group</a> 26759 <ul class=""> 26760 </ul> 26761 </li> 26762 <li><a href="#">To PDF</a> 26763 <ul class=""> 26764 </ul> 26765 </li> 26766 <li><a href="#">From PDF</a> 26767 <ul class=""> 26768 </ul> 26769 </li> 26770 <li><a href="https://tinywow.com/pdf/create">Create PDF</a> 26771 <ul class=""> 26772 </ul> 26773 </li> 26774 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a> 26775 <ul class=""> 26776 </ul> 26777 </li> 26778 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a> 26779 <ul class=""> 26780 </ul> 26781 </li> 26782 </ul> 26783 </div> 26784 <div class="col-6 pl-0 pr-0 "> 26785 <ul class="mega_menu mb-0"> 26786 <li><a href="https://tinywow.com/pdf/from-word">Word to PDF</a> 26787 <ul class=""> 26788 </ul> 26789 </li> 26790 <li><a href="https://tinywow.com/pdf/split">Split</a> 26791 <ul class=""> 26792 </ul> 26793 </li> 26794 <li><a href="https://tinywow.com/pdf/unlock">Remove Password</a> 26795 <ul class=""> 26796 </ul> 26797 </li> 26798 <li><a href="https://tinywow.com/pdf/translate">PDF Translator</a> 26799 <ul class=""> 26800 </ul> 26801 </li> 26802 <li><a href="https://tinywow.com/pdf/sign">eSign</a> 26803 <ul class=""> 26804 </ul> 26805 </li> 26806 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/pdf">All Pdf Tools</a></li> 26807 </ul> 26808 </div> 26809 </div> 26810 </div> 26811 </div> 26812</div> 26813 </li> 26814 26815 26816 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 26817 <a data-toggle="collapse" href="#nav_1" role="button" aria-expanded="false" class="nav-link"> 26818 Image 26819 </a> 26820 26821 <div class=" collapse" id="nav_1" data-parent="#mobile"> 26822 <div class="container pl-0 pr-0"> 26823 <div class=" expand_menu--image mt-0"> 26824 <div class="expand_menu-box"> 26825 <div class="container pl-0 pr-0"> 26826 <div class="ai-tools b-b category-tools pt-0 pr-0"> 26827 <h4 class="expand_menu-name-categiry">AI TOOLS</h4> 26828 26829 <ul> 26830 <li> 26831 <a href="https://tinywow.com/image/remove-bg" class="category-tools__item category-tools__item--big is-active mt-0"> 26832 <div class="icon_box v_5 v5"> 26833 <svg width="20" height="20"> 26834 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26835 </svg> 26836 </div> 26837 <div class="category-tools__content"> 26838 <h4>
26838Background Remover</h4> 26839 <p class="category-tools__descr gray">Easily Remove the Background from an image</p> 26840 </div> 26841 </a> 26842 <div> 26843 <div class="ai-tools__catalog"> 26844 <a href="https://tinywow.com/image/cleanup-picture" class="category-tools__item category-tools__item--small"> 26845 <div class="icon_box v_5 v5"> 26846 <svg width="20" height="20" class="img-fluid"> 26847 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26848 </svg> 26849 </div> 26850 <div class="category-tools__content"> 26851 <h4>Restore Photos</h4> 26852 </div> 26853 </a> 26854 <a href="https://tinywow.com/image/profile-photo" class="category-tools__item category-tools__item--small"> 26855 <div class="icon_box v_4 v4"> 26856 <svg width="20" height="20" class="img-fluid"> 26857 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use> 26858 </svg> 26859 </div> 26860 <div class="category-tools__content"> 26861 <h4>Profile Photo Maker</h4> 26862 </div> 26863 </a> 26864 <a href="https://tinywow.com/image/remove-person" class="category-tools__item category-tools__item--small"> 26865 <div class="icon_box v_5 v5"> 26866 <svg width="20" height="20" class="img-fluid"> 26867 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26868 </svg> 26869 </div> 26870 <div class="category-tools__content"> 26871 <h4>Remove Person from Photo</h4> 26872 </div> 26873 </a> 26874 <a href="https://tinywow.com/image/to-text" class="category-tools__item category-tools__item--small"> 26875 <div class="icon_box v_2 v2"> 26876 <svg width="20" height="20" class="img-fluid"> 26877 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 26878 </svg> 26879 </div> 26880 <div class="category-tools__content"> 26881 <h4>Extract Text From Image</h4> 26882 </div> 26883 </a> 26884 <a href="https://tinywow.com/image/ai-image-generator" class="category-tools__item category-tools__item--small"> 26885 <div class="icon_box v_1 v1"> 26886 <svg width="20" height="20" class="img-fluid"> 26887 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26888 </svg> 26889 </div> 26890 <div class="category-tools__content"> 26891 <h4>AI Image Generator</h4> 26892 </div> 26893 </a> 26894 <a href="https://tinywow.com/image/remove-objects" class="category-tools__item category-tools__item--small"> 26895 <div class="icon_box v_2 v2"> 26896 <svg width="20" height="20" class="img-fluid"> 26897 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 26898 </svg> 26899 </div> 26900 <div class="category-tools__content"> 26901 <h4>Remove Objects Photo</h4> 26902 </div> 26903 </a> 26904 </div> 26905 </div> 26906 </li> 26907 </ul> 26908 </div> 26909 <div class="ai-all pl-0"> 26910 <div class="ai-featured"> 26911 <h4 class="expand_menu-name-categiry">FEATURED TOOLS</h4> 26912 26913 <div class="ai-featured__box mt-0"> 26914 <div class="d-flex flex-wrap"> 26915 <a href="https://tinywow.com/image/resize" class="category-tools__item ai-all__item w-50"> 26916 <div class="main-item v_2 v2"> 26917 <picture> 26918 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/jUR0FOVw7XLvN7NgwCS6XXQ6rAtDMt8iI1Pn5apu/ZA4v0KpkNH2gR65h2SDhmbFA2LSF2TJqLyHAYKx9.png" loading="lazy"> 26919 </picture> 26920 </div> 26921 <div class="ai-featured__content"> 26922 <div> 26923 <h4>Resize Dimensions</h4> 26924 <p class="category-tools__descr gray">Resize your image</p> 26925 </div> 26926 <div class="image-box-arrow"> 26927 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26928 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26929 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26930 </svg> 26931 </div> 26932 </div> 26933 </a> 26934 <a href="https://tinywow.com/image/compress" class="category-tools__item ai-all__item w-50"> 26935 <div class="main-item v_4 v4"> 26936 <picture> 26937 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/fjYvTZStAFN0xstiVW4YNR0kNBX1anE8yNLC6bQ1/jzyPJEbpFCb4igO0oqakMrq1IS572yXJEDVQBajW.png" loading="lazy"> 26938 </picture> 26939 </div> 26940 <div class="ai-featured__content"> 26941 <div> 26942 <h4>Compress</h4> 26943 <p class="category-tools__descr gray">Compress your image</p> 26944 </div> 26945 <div class="image-box-arrow"> 26946 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26947 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26948 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26949 </svg> 26950 </div> 26951 </div> 26952 </a> 26953 <a href="https://tinywow.com/image/upscale" class="category-tools__item ai-all__item w-50"> 26954 <div class="main-item v_5 v5"> 26955 <picture> 26956 <img class="ai-all__image" src="https://tinywow.com/storage/navigation/DDsplG3IuiplYQk4tNDWzLKFcuYbmnvXOcEsXAkS/sgCjPFWZM9TlLjlalHA3ZGlA6pZ6zdl0VWDO5hoC.png" loading="lazy"> 26957 </picture> 26958 </div> 26959 <div class="ai-featured__content"> 26960 <div> 26961 <h4>Increase Image Resolution</h4> 26962 <p class="category-tools__descr gray">increase the resolution of your image</p> 26963 </div> 26964 <div class="image-box-arrow"> 26965 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 26966 <path d="M14.4297 5.92999L20.4997 12L14.4297 18.07" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26967 <path d="M3.5 12H20.33" stroke-width="1.5" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 26968 </svg> 26969 </div> 26970 </div> 26971 </a> 26972 </div> 26973 </div> 26974 </div> 26975 26976 <div class="ai-other"> 26977 <h4 class="expand_menu-name-categiry">OTHER IMAGE TOOLS</h4> 26978 26979 <div class="d-flex"> 26980 26981 26982 <div class="category-tools__item ai-all__item w-50 pl-0 "> 26983 <ul class="mega_menu"> 26984 <li><a href="https://tinywow.com/image/blur-background">
26984Blur Background</a></li> 26985 <li><a href="https://tinywow.com/image/colorize-photo">Colorize Photo</a></li> 26986 <li><a href="https://tinywow.com/image/combine-maker">Combine Images</a></li> 26987 <li><a href="https://tinywow.com/image/collage-maker">Collage Maker</a></li> 26988 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 26989 <li><a href="https://tinywow.com/image/chart-maker">Chart Maker</a></li> 26990 <li><a href="https://tinywow.com/image/make-background-transparent">
26990Transparent Background</a></li> 26991 </ul> 26992 </div> 26993 <div class="category-tools__item ai-all__item w-50 "> 26994 <ul class="mega_menu"> 26995 <li><a href="https://tinywow.com/image/crop">Crop Image</a></li> 26996 <li><a href="https://tinywow.com/image/border">Add Border to Image</a></li> 26997 <li><a href="https://tinywow.com/image/split">Image Splitter</a></li> 26998 <li><a href="https://tinywow.com/image/text-to-image">Add Text to Image</a></li> 26999 <li><a href="https://tinywow.com/image/pixelate">Pixelate Image</a></li> 27000 <li><a href="https://tinywow.com/image/crop-circle">Make Round Image</a></li> 27001 <li><a href="https://tinywow.com/image/grayscale">Black & White</a></li> 27002 </ul> 27003 </div> 27004 <div class="category-tools__item ai-all__item w-50 "> 27005 <ul class="mega_menu"> 27006 <li><a href="#">Favorite Group</a></li> 27007 <li><a href="https://tinywow.com/image/flip">Flip Image</a></li> 27008 <li><a href="https://tinywow.com/image/unblur">Unblur IMG</a></li> 27009 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/image">All Image Tools</a></li> 27010 </ul> 27011 </div> 27012 </div> 27013 </div> 27014 </div> 27015 </div> 27016 </div> 27017 </div> 27018 </div> 27019</div> 27020 </li> 27021 27022 27023 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 27024 <a data-toggle="collapse" href="#nav_2" role="button" aria-expanded="false" class="nav-link"> 27025 Write 27026 </a> 27027 27028 <div class=" collapse" id="nav_2" data-parent="#mobile"> 27029 <div class="container pl-0 pr-0"> 27030 <div class="category-tools m-0 pr-0"> 27031 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 27032 27033 <a href="https://tinywow.com/write/paragraph-writer" class="category-tools__item pl-0"> 27034 <div class="icon_box v_3 v3"> 27035 <svg width="20" height="20" class="img-fluid"> 27036 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27037 </svg> 27038 </div> 27039 <div class="category-tools__content"> 27040 <h4>Paragraph Writer</h4> 27041 <p class="category-tools__descr gray">Paragraph Writer</p> 27042 </div> 27043 </a> 27044 <a href="https://tinywow.com/write/sentence-rewriter" class="category-tools__item pl-0"> 27045 <div class="icon_box v_2 v2"> 27046 <svg width="20" height="20" class="img-fluid"> 27047 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27048 </svg> 27049 </div> 27050 <div class="category-tools__content"> 27051 <h4>Sentence Rewriter</h4> 27052 <p class="category-tools__descr gray">Sentence Rewriter</p> 27053 </div> 27054 </a> 27055 <a href="https://tinywow.com/write/essay-writer" class="category-tools__item pl-0"> 27056 <div class="icon_box v_3 v3"> 27057 <svg width="20" height="20" class="img-fluid"> 27058 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27059 </svg> 27060 </div> 27061 <div class="category-tools__content"> 27062 <h4>Essay Writer</h4> 27063 <p class="category-tools__descr gray">Easily create an essay with AI</p> 27064 </div> 27065 </a> 27066 <a href="https://tinywow.com/write/article-writer" class="category-tools__item pl-0"> 27067 <div class="icon_box v_3 v3"> 27068 <svg width="20" height="20" class="img-fluid"> 27069 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27070 </svg> 27071 </div> 27072 <div class="category-tools__content"> 27073 <h4>Article Writer</h4> 27074 <p class="category-tools__descr gray">Create an article from a title</p> 27075 </div> 27076 </a> 27077 </div> 27078 <div class="category-menu pr-0"> 27079 <h4 class="expand_menu-name-categiry pl-0">OTHER WRITE TOOLS</h4> 27080 <div class="row"> 27081 27082 27083 <div class="col-6 pl_16 "> 27084 <ul class="mega_menu mb-0"> 27085 <li><a href="https://tinywow.com/write/facebook-ad-headlines">FB Headline Generator</a> 27086 <ul class=""> 27087 </ul> 27088 </li> 27089 <li><a href="https://tinywow.com/write/faq-generator">FAQ Generator</a> 27090 <ul class=""> 27091 </ul> 27092 </li> 27093 <li><a href="https://tinywow.com/write/real-estate-description">Real Estate Descriptions</a> 27094 <ul class=""> 27095 </ul> 27096 </li> 27097 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a> 27098 <ul class=""> 27099 </ul> 27100 </li> 27101 <li><a href="https://tinywow.com/write/business-name-generator">
27101Business Name Generator</a> 27102 <ul class=""> 27103 </ul> 27104 </li> 27105 <li><a href="https://tinywow.com/write/blog-outline">Blog Outline Generator</a> 27106 <ul class=""> 27107 </ul> 27108 </li> 27109 </ul> 27110 </div> 27111 <div class="col-6 pl-0 pr-0 "> 27112 <ul class="mega_menu mb-0"> 27113 <li><a href="https://tinywow.com/write/post-ideas">Blog Post Ideas</a> 27114 <ul class=""> 27115 </ul> 27116 </li> 27117 <li><a href="https://tinywow.com/write/instagram-caption-generator">Instagram Caption Generator</a> 27118 <ul class=""> 27119 </ul> 27120 </li> 27121 <li><a href="https://tinywow.com/write/linkedin-post-generator">LinkedIn Post Generator</a> 27122 <ul class=""> 27123 </ul> 27124 </li> 27125 <li><a href="https://tinywow.com/write/grammar-fixer">Grammar Fixer</a> 27126 <ul class=""> 27127 </ul> 27128 </li> 27129 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a> 27130 <ul class=""> 27131 </ul> 27132 </li> 27133 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/write">All AI Write</a></li> 27134 </ul> 27135 </div> 27136 </div> 27137 </div> 27138 </div> 27139</div> 27140 </li> 27141 27142 27143 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 27144 <a data-toggle="collapse" href="#nav_3" role="button" aria-expanded="false" class="nav-link"> 27145 Video 27146 </a> 27147 27148 <div class=" collapse" id="nav_3" data-parent="#mobile"> 27149 <div class="container pl-0 pr-0"> 27150 <div class="category-tools m-0 pr-0"> 27151 <h4 class="expand_menu-name-categiry m-0 p-0">FEATURED TOOLS</h4> 27152 27153 <a href="https://tinywow.com/video/compress" class="category-tools__item pl-0"> 27154 <div class="icon_box v_6 v6"> 27155 <svg width="20" height="20" class="img-fluid"> 27156 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 27157 </svg> 27158 </div> 27159 <div class="category-tools__content"> 27160 <h4>Compress Video</h4> 27161 <p class="category-tools__descr gray">Lessen the file size of a Video file</p> 27162 </div> 27163 </a> 27164 <a href="https://tinywow.com/video/to-gif" class="category-tools__item pl-0"> 27165 <div class="icon_box v_4 v4"> 27166 <svg width="20" height="20" class="img-fluid"> 27167 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 27168 </svg> 27169 </div> 27170 <div class="category-tools__content"> 27171 <h4>Video to Gif</h4> 27172 <p class="category-tools__descr gray">Upload an MP4 and convert to animated GIF</p> 27173 </div> 27174 </a> 27175 <a href="https://tinywow.com/video/cutter" class="category-tools__item pl-0"> 27176 <div class="icon_box v_3 v3"> 27177 <svg width="20" height="20" class="img-fluid"> 27178 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use> 27179 </svg> 27180 </div> 27181 <div class="category-tools__content"> 27182 <h4>Trim Video</h4> 27183 <p class="category-tools__descr gray">Select a start and stop of a video and download the trimmed video</p> 27184 </div> 27185 </a> 27186 <a href="https://tinywow.com/video/mp4-to-mp3" class="category-tools__item pl-0"> 27187 <div class="icon_box v_7 v7"> 27188 <svg width="20" height="20" class="img-fluid"> 27189 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 27190 </svg> 27191 </div> 27192 <div class="category-tools__content"> 27193 <h4>MP4 to MP3</h4> 27194 <p class="category-tools__descr gray">Convert MP4 to MP3 audio</p> 27195 </div> 27196 </a> 27197 </div> 27198 <div class="category-menu pr-0"> 27199 <h4 class="expand_menu-name-categiry pl-0">OTHER VIDEO TOOLS</h4> 27200 <div class="row"> 27201 27202 27203 <div class="col-6 pl_16 "> 27204 <ul class="mega_menu mb-0"> 27205 <li><a href="https://tinywow.com/video/audio-to-text">Audio to Text</a> 27206 <ul class=""> 27207 </ul> 27208 </li> 27209 <li><a href="https://tinywow.com/video/resize">Resize Video</a> 27210 <ul class=""> 27211 </ul> 27212 </li> 27213 <li><a href="https://tinywow.com/video/extract-audio">Extract Audio</a> 27214 <ul class=""> 27215 </ul> 27216 </li> 27217 <li><a href="https://tinywow.com/video/mov-to-mp4">MOV to MP4</a> 27218 <ul class=""> 27219 </ul> 27220 </li> 27221 <li><a href="https://tinywow.com/video/mkv-to-mp4">MKV to MP4</a> 27222 <ul class=""> 27223 </ul> 27224 </li> 27225 <li><a href="https://tinywow.com/video/from-fb">Facebook Download</a> 27226 <ul class=""> 27227 </ul> 27228 </li> 27229 </ul> 27230 </div> 27231 <div class="col-6 pl-0 pr-0 "> 27232 <ul class="mega_menu mb-0"> 27233 <li><a href="https://tinywow.com/video/from-tiktok">TikTok Video Downloader</a> 27234 <ul class=""> 27235 </ul> 27236 </li> 27237 <li><a href="https://tinywow.com/video/from-inst">Instagram Download</a> 27238 <ul class=""> 27239 </ul> 27240 </li> 27241 <li><a href="https://tinywow.com/video/from-twitter">Twitter Download</a> 27242 <ul class=""> 27243 </ul> 27244 </li> 27245 <li><a href="https://tinywow.com/video/m4a-to-mp3">M4A to MP3</a> 27246 <ul class=""> 27247 </ul> 27248 </li> 27249 <li><a href="https://tinywow.com/video/to-webp">Video to WebP</a> 27250 <ul class=""> 27251 </ul> 27252 </li> 27253 <li><a class="expand_menu__link-all" href="https://tinywow.com/tools/video">All Video Tools</a></li> 27254 </ul> 27255 </div> 27256 </div> 27257 </div> 27258 </div> 27259</div> 27260 </li> 27261 27262 27263 <li class="nav-item drop_menu" style="margin: 0; padding: 16px 0;" > 27264 <a data-toggle="collapse" href="#nav_4" role="button" aria-expanded="false" class="nav-link"> 27265 File 27266 </a> 27267 27268 <div class=" collapse" id="nav_4" data-parent="#mobile"> 27269 <div class="container pl-0 pr-0 pb-0"> 27270 <div class="category-tools m-0 pr-0 pb-0"> 27271 <h4 class="expand_menu-name-categiry m-0 p-0">FILE TOOLS</h4> 27272 27273 <div class="expand_menu-tools justify-content-between"> 27274 27275 <a href="https://tinywow.com/converter/split-csv" class="category-tools__item pl-0"> 27276 <div class="icon_box v_2 v2"> 27277 <svg width="20" height="20" class="img-fluid"> 27278 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27279 </svg> 27280 </div> 27281 <div class="category-tools__content"> 27282 <h4>Split CSV</h4> 27283 <p class="category-tools__descr gray">Split into one or multiple PDF files</p> 27284 </div> 27285 </a> 27286 <a href="https://tinywow.com/converter/split-excel" class="category-tools__item pl-0"> 27287 <div class="icon_box v_5 v5"> 27288 <svg width="20" height="20" class="img-fluid"> 27289 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27290 </svg> 27291 </div> 27292 <div class="category-tools__content"> 27293 <h4>Split Excel</h4> 27294 <p class="category-tools__descr gray">Split into one or multiple Excel files</p> 27295 </div> 27296 </a> 27297 <a href="https://tinywow.com/converter/excel-to-pdf" class="category-tools__item pl-0"> 27298 <div class="icon_box v_4 v4"> 27299 <svg width="20" height="20" class="img-fluid"> 27300 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27301 </svg> 27302 </div> 27303 <div class="category-tools__content"> 27304 <h4>Excel to PDF</h4> 27305 <p class="category-tools__descr gray">Convert Excel to PDF</p> 27306 </div> 27307 </a> 27308 <a href="https://tinywow.com/converter/xml-to-excel" class="category-tools__item pl-0"> 27309 <div class="icon_box v_5 v5"> 27310 <svg width="20" height="20" class="img-fluid"> 27311 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27312 </svg> 27313 </div> 27314 <div class="category-tools__content"> 27315 <h4>XML to Excel</h4> 27316 <p class="category-tools__descr gray">Convert XML to Excel</p> 27317 </div> 27318 </a> 27319 <a href="https://tinywow.com/converter/excel-to-xml" class="category-tools__item pl-0"> 27320 <div class="icon_box v_5 v5"> 27321 <svg width="20" height="20" class="img-fluid"> 27322 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27323 </svg> 27324 </div> 27325 <div class="category-tools__content"> 27326 <h4>Excel to XML</h4> 27327 <p class="category-tools__descr gray">Convert Excel to XML</p> 27328 </div> 27329 </a> 27330 <a href="https://tinywow.com/converter/csv-to-excel" class="category-tools__item pl-0"> 27331 <div class="icon_box v_3 v3"> 27332 <svg width="20" height="20" class="img-fluid"> 27333 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27334 </svg> 27335 </div> 27336 <div class="category-tools__content"> 27337 <h4>CSV to Excel</h4> 27338 <p
27338 class="category-tools__descr gray">Convert CSV to Excel</p> 27339 </div> 27340 </a> 27341 <a href="https://tinywow.com/converter/xml-to-csv" class="category-tools__item pl-0"> 27342 <div class="icon_box v_3 v3"> 27343 <svg width="20" height="20" class="img-fluid"> 27344 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27345 </svg> 27346 </div> 27347 <div class="category-tools__content"> 27348 <h4>XML to CSV</h4> 27349 <p class="category-tools__descr gray">Convert XML to CSV</p> 27350 </div> 27351 </a> 27352 <a href="https://tinywow.com/converter/xml-to-json" class="category-tools__item pl-0"> 27353 <div class="icon_box v_2 v2"> 27354 <svg width="20" height="20" class="img-fluid"> 27355 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27356 </svg> 27357 </div> 27358 <div class="category-tools__content"> 27359 <h4>XML to JSON</h4> 27360 <p class="category-tools__descr gray">Convert XML to JSON</p> 27361 </div> 27362 </a> 27363 </div> 27364 27365 </div> 27366 </div> 27367</div> 27368 </li> 27369 </ul> 27370 <div class="mobile_menu__actions mt-auto"> 27371 27372 <div class=" header-tools d-flex justify-content-center"> 27373 27374 <button class="button button-switch-mode" type="button" role="button" aria-label="Switch mode"> 27375 <img class="switch-mode-icon switch-mode-icon_sun" src="https://tinywow.com/v3/img/sun.svg" alt="Light mode"> 27376 <img class="switch-mode-icon switch-mode-icon_moon " src="https://tinywow.com/v3/img/moon.svg" alt="Dark mode"> 27377 </button> 27378 27379 <button type="button" class="button button-share js-show-my-files" title="My Files" 27380 style="display: none;" > 27381 <img class="" src="https://tinywow.com/v3/img/folder-cloud.svg" alt="My Files"> 27382 </button> 27383 27384 <button type="button" class="button button-share" data-toggle="modal" data-target="#modal-share" title="Share"> 27385 <img class="" src="https://tinywow.com/v3/img/nav-share.svg" alt="Share"> 27386 </button> 27387 </div> 27388 27389 <div class="mobile_menu__common"> 27390 <a href="https://tinywow.com/support-tinywow" class="btn btn-support btn-link">Upgrade</a> 27391 <button class="button button-sign-in js-show-sign-in">Sign In</button> 27392 </div> 27393 27394 <div class="mobile_menu__login"> 27395 <div class="user-bar"> 27396 </div> 27397 </div> 27398 </div> 27399 </div> 27400 </div> 27401 27402</div> 27403 27404 27405 27406 27407 <main> 27408 27409 <img src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mP8bwwAAjcBNBRvLA0AAAAASUVORK5CYII=" class="page_shadow" alt="" loading="eager" data-lazy-src="https://tinywow.com/v3/img/shadow.png" 27410 data-lazy-method="interaction" data-lazy-attributes="src"> 27411 27412 <!-- home area --> 27413 <div class="home_area home_area--first"> 27414 <div class="container"> 27415 <div class="row align-items-center justify-content-center"> 27416 <div class="col-lg-12"> 27417 <div class="home_content"> 27418 <h1>Free Tools to Make 27419 <div class="animate-text" id="flip"> 27420 <div><div class="animate-text__item">Business</div></div> 27421 <div><div class="animate-text__item">Your Life</div></div> 27422 <div><div class="animate-text__item">Everything</div></div> 27423 <div><div class="animate-text__item">Education</div></div> 27424 </div> 27425 Simple</h1> 27426 <p class="descr gray">We offer PDF, video, image and other online tools to make your life easier</p> 27427 27428 <form action="#" class="search_group search_group--search " id="searchToolsForm"> 27429 <input type="text" name="q" class="js-search-tools" placeholder="Search"> 27430 <button class="button" type="submit" id="searchTools">Search</button> 27431 <img class="search" src="https://tinywow.com/v3/img/search.svg" alt="Search"> 27432 </form> 27433 27434 </div> 27435 </div> 27436 </div> 27437 </div> 27438 <div class="container-tools"> 27439 <div class="row-tools"> 27440 <div class="tools mt_40"> 27441 <img class="d-4" src="https://tinywow.com/v3/img/decorate/d-4.
27441svg"> 27442 <div class="js-tools-slider"> 27443 <div class="tools__item color-violet"> 27444 27445 <a href="https://tinywow.com/tools/pdf" class="tools__content"> 27446 <div class="tools__header d-flex align-items-center justify-content-between"> 27447 <div class="tools__circle d-flex align-items-center justify-content-center"> 27448 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27449 <path d="M17.4352 8.31002L17.4352 8.30999H17.4299C16.1828 8.30999 15.1799 7.31077 15.1799 6.13999V2.64999C15.1799 2.61542 15.1895 2.59388 15.2012 2.57784C15.2148 2.55924 15.2375 2.54025 15.2692 2.52778C15.3326 27450 2.50287 15.3965 2.51366 15.4464 2.56355C16.4448 3.56197 17.9436 5.07447 19.2558 6.39863C19.8878 7.03637 20.4765 7.63042 20.9452 8.10232L20.9464 8.10355C20.9722 8.12937 20.9793 8.15048 20.9818 8.16561C20.9847 8.18366 20.9827 8.20721 20.9715 27451 8.23266C20.9494 8.28243 20.903 8.31999 20.8299 8.31999C19.699 8.31999 18.382 8.31999 17.4352 8.31002ZM20.8299 8.81999C21.3999 8.81999 21.6999 8.14999 21.2999 7.74999C20.8321 7.27896 20.2441 6.68552 19.6125 6.04817C18.2998 4.72353 16.7992 27452 3.20922 15.7999 2.20999C15.3899 1.79999 14.6799 2.07999 14.6799 2.64999V6.13999C14.6799 7.59999 15.9199 8.80999 17.4299 8.80999C18.3798 8.81999 19.6997 8.81999 20.8296 8.81999H20.8299Z" fill="white" stroke="white"/> 27453 <path d="M17.61 10.69H20.5C20.7739 10.69 21 10.9161 21 11.19V16.43C21 18.0923 20.4239 19.3476 19.5277 20.1893C18.6266 21.0356 17.3629 21.5 15.93 21.5H8.07C6.63711 21.5 5.37343 21.0356 4.4723 20.1893C3.57612 27454 19.3476 3 18.0923 3 16.43V7.57C3 5.90766 3.57612 4.65241 4.4723 3.81071C5.37343 2.96436 6.63711 2.5 8.07 2.5H12.31C12.5839 2.5 12.81 2.72614 12.81 3V5.89C12.81 8.53614 14.9639 10.69 17.61 10.69ZM7.5 18.25H11.5C12.1861 18.25 12.75 17.6861 27455 12.75 17C12.75 16.3139 12.1861 15.75 11.5 15.75H7.5C6.81386 15.75 6.25 16.3139 6.25 17C6.25 17.6861 6.81386 18.25 7.5 18.25ZM7.5 14.25H13.5C14.1861 14.25 14.75 13.6861 14.75 13C14.75 12.3139 14.1861 11.75 13.5 11.75H7.5C6.81386 11.75 6.25 27456 12.3139 6.25 13C6.25 13.6861 6.81386 14.25 7.5 14.25Z" fill="white" stroke="white"/> 27457 </svg> 27458 </div> 27459 <div class="tools__tag"> 27460 <span>45+ tools</span> 27461 </div> 27462 </div> 27463 <div class="tools__body mt_16 d-flex align-items-center justify-content-between"> 27464 <div> 27465 <p class="tools__name">PDF Tools</p> 27466 <span class="tools__descr">Solve Your PDF Problems</span> 27467 </div> 27468 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 27469 <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27470 <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27471 </svg> 27472 </div> 27473 </a> 27474 <div class="tools__footer"> 27475 <div class="d-flex align-items-center justify-content-between"> 27476 <span class="tools__span">Featured Tool :</span> 27477 27478 <a href="https://tinywow.com/pdf/create" class="tools__upcoming">PDF Creator</a> 27479 </div> 27480 </div> 27481 </div> 27482 27483 <div class="tools__item color-orange"> 27484 <a href="https://tinywow.com/tools/image" class="tools__content"> 27485 <div class="tools__header d-flex align-items-center justify-content-between"> 27486 <div class="tools__circle d-flex align-items-center justify-content-center"> 27487 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27488 <path d="M2.58005 19.01L2.56005 19.03C2.29005 18.44 2.12005 17.77 2.05005 17.03C2.12005 17.76 2.31005 18.42 2.58005 19.01Z" fill="white"/> 27489 <path d="M9.00012 10.3801C10.3146 10.3801 11.3801 9.31456 11.3801 8.00012C11.3801 6.68568 10.3146 5.62012 9.00012 5.62012C7.68568 5.62012 6.62012 6.68568 6.62012 8.00012C6.62012 9.31456 7.68568 10.3801 27490 9.00012 10.3801Z" fill="white"/> 27491 <path d="M16.19 2H7.81C4.17 2 2 4.17 2 7.81V16.19C2 17.28 2.19 18.23 2.56 19.03C3.42 20.93 5.26 22 7.81 22H16.19C19.83 22 22 19.83 22 16.19V13.9V7.81C22 4.17 19.83 2 16.19 2ZM20.37 12.5C19.59 11.83 18.33 27492 11.83 17.55 12.5L13.39 16.07C12.61 16.74 11.35 16.74 10.57 16.07L10.23 15.79C9.52 15.17 8.39 15.11 7.59 15.65L3.85 18.16C3.63 17.6 3.5 16.95 3.5 16.19V7.81C3.5 4.99 4.99 3.5 7.81 3.5H16.19C19.01 3.5 20.5 4.99 20.5 7.81V12.61L20.37 12.5Z 27493 " fill="white"/> 27494 </svg> 27495 </div> 27496 <div class="tools__tag">
27497 <span>30+ tools</span> 27498 </div> 27499 </div> 27500 <div class="tools__body mt_16 d-flex align-items-center justify-content-between"> 27501 <div> 27502 <p class="tools__name">Image Tools</p> 27503 <span class="tools__descr">Solve Your Image Problems</span> 27504 </div> 27505 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 27506 <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27507 <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27508 </svg> 27509 </div> 27510 </a> 27511 <div class="tools__footer"> 27512 <div class="d-flex align-items-center justify-content-between"> 27513 <span class="tools__span">Featured Tool :</span> 27514 <a href="https://tinywow.com/image/remove-bg" class="tools__upcoming">Remove BG</a> 27515 </div> 27516 </div> 27517 </div> 27518 27519 <div class="tools__item color-purple"> 27520 <a href="https://tinywow.com/tools/video" class="tools__content"> 27521 <div class="tools__header d-flex align-items-center justify-content-between"> 27522 <div class="tools__circle d-flex align-items-center justify-content-center"> 27523 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27524 <path d="M14.73 2H9.27002V6.36H14.73V2Z" fill="white"/> 27525 <path d="M16.23 2V6.36H21.87C21.36 3.61 19.33 2.01 16.23 2Z" fill="white"/> 27526 <path d="M2 7.86011V16.1901C2 19.8301 4.17 22.0001 7.81 22.0001H16.19C19.83 22.0001 22 19.8301 22 16.1901V7.86011H2ZM14.44 16.1801L12.36 17.3801C11.92 17.6301 11.49 17.7601 11.09 17.7601C10.79 17.7601 27527 10.52 17.6901 10.27 17.5501C9.69 17.2201 9.37 16.5401 9.37 15.6601V13.2601C9.37 12.3801 9.69 11.7001 10.27 11.3701C10.85 11.0301 11.59 11.0901 12.36 11.5401L14.44 12.7401C15.21 13.1801 15.63 13.8001 15.63 14.4701C15.63 15.1401 15.2 15.7301 27528 14.44 16.1801Z" fill="white"/> 27529 <path d="M7.76988 2C4.66988 2.01 2.63988 3.61 2.12988 6.36H7.76988V2Z" fill="white"/> 27530 </svg> 27531 </div> 27532 <div class="tools__tag"> 27533 <span>10+ tools</span> 27534 </div> 27535 </div> 27536 <div class="tools__body mt_16 d-flex align-items-center justify-content-between"> 27537 <div> 27538 <p class="tools__name">Video Tools</p> 27539 <span class="tools__descr">Solve Your Video Problems</span> 27540 </div> 27541 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 27542 <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27543 <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27544 </svg> 27545 </div> 27546 </a> 27547 <div class="tools__footer"> 27548 <div class="d-flex align-items-center justify-content-between">
27549 <span class="tools__span">Featured Tool :</span> 27550 <a href="https://tinywow.com/video/mute" class="tools__upcoming">Mute Video</a> 27551 </div> 27552 </div> 27553 </div> 27554 27555 <div class="tools__item color-blue"> 27556 <a href="https://tinywow.com/tools/write" class="tools__content"> 27557 <div class="tools__header d-flex align-items-center justify-content-between"> 27558 <div class="tools__circle d-flex align-items-center justify-content-center"> 27559 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27560 <path d="M16 2H8C4 2 2 4 2 8V21C2 21.55 2.45 22 3 22H16C20 22 22 20 22 16V8C22 4 20 2 16 2ZM14 15.25H7C6.59 15.25 6.25 14.91 6.25 14.5C6.25 14.09 6.59 13.75 7 13.75H14C14.41 13.75 14.75 14.09 14.75 14.5C14.75 27561 14.91 14.41 15.25 14 15.25ZM17 10.25H7C6.59 10.25 6.25 9.91 6.25 9.5C6.25 9.09 6.59 8.75 7 8.75H17C17.41 8.75 17.75 9.09 17.75 9.5C17.75 9.91 17.41 10.25 17 10.25Z" fill="white"/> 27562 </svg> 27563 </div> 27564 <div class="tools__tag"> 27565 <span>10+ tools</span> 27566 </div> 27567 </div> 27568 <div class="tools__body mt_16 d-flex align-items-center justify-content-between"> 27569 <div> 27570 <p class="tools__name">AI Write</p> 27571 <span class="tools__descr">Solve Your Text Problems</span> 27572 </div> 27573 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 27574 <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27575 <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27576 </svg> 27577 </div> 27578 </a> 27579 <div class="tools__footer"> 27580 <div class="d-flex align-items-center justify-content-between"> 27581 <span class="tools__span">Featured Tool :</span> 27582 <a href="https://tinywow.com/write/paragraph-writer" class="tools__upcoming">Paragraph Writer</a> 27583 </div> 27584 </div> 27585 </div> 27586 27587 <div class="tools__item color-green"> 27588 <a href="https://tinywow.com/tools/file_conversion" class="tools__content"> 27589 <div class="tools__header d-flex align-items-center justify-content-between"> 27590 <div class="tools__circle d-flex align-items-center justify-content-center"> 27591 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 27592 <path d="M22 5.15V8.85C22 11.1 21.1 12 18.85 12H16.15C13.9 12 13 11.1 13 8.85V5.15C13 2.9 13.9 2 16.15 2H18.85C21.1 2 22 2.9 22 5.15Z" fill="white"/> 27593 <path d="M11 15.15V18.85C11 21.1 10.1 22 7.85 22H5.15C2.9 22 2 21.1 2 18.85V15.15C2 12.9 2.9 12 5.15 12H7.85C10.1 12 11 12.9 11 15.15Z" fill="white"/> 27594 <path d="M14.78 22C14.51 22 14.26 21.85 14.13 21.62C14 21.38 14 21.1 14.14 20.86L15.11 19.24C15.32 18.88 15.78 18.77 16.14 18.98C16.5 19.19 16.61 19.65 16.4 20.01L16.22 20.31C18.69 19.67 20.51 17.43 20.51 27595 14.77C20.51 14.36 20.85 14.02 21.26 14.02C21.67 14.02 22 14.36 22 14.78C22 18.76 18.76 22 14.78 22Z" fill="white"/> 27596 <path d="M2.75 9.97C2.34 9.97 2 9.64 2 9.22C2 5.24 5.24 2 9.22 2C9.5 2 9.74 2.15 9.88 2.38C10.01 2.62 10.01 2.9 9.87 3.14L8.9 4.75C8.68 5.11 8.22 5.23 7.87 5.01C7.51 4.8 7.4 4.34 7.61 3.98L7.79 3.68C5.33 27597 4.32 3.5 6.56 3.5 9.22C3.5 9.64 3.16 9.97 2.75 9.97Z" fill="white"/> 27598 </svg> 27599 </div> 27600 <div class="tools__tag">
27601 <span>15+ tools</span> 27602 </div> 27603 </div> 27604 <div class="tools__body mt_16 d-flex align-items-center justify-content-between"> 27605 <div> 27606 <p class="tools__name">File Tools</p> 27607 <span class="tools__descr">Solve Your File Problems</span> 27608 </div> 27609 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 27610 <path d="M9.62012 3.95312L13.6668 7.99979L9.62012 12.0465" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27611 <path d="M2.33325 8H13.5533" stroke="#fff" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 27612 </svg> 27613 </div> 27614 </a> 27615 <div class="tools__footer"> 27616 <div class="d-flex align-items-center justify-content-between"> 27617 <span class="tools__span">Featured Tool :</span> 27618 <a href="https://tinywow.com/converter/split-excel" class="tools__upcoming">Split Excel</a> 27619 </div> 27620 </div> 27621 </div> 27622 </div> 27623 </div> 27624 </div> 27625 </div> 27626 <div class="container"> 27627 <div class="row"> 27628 <div class="col-lg-12"> 27629 <div class="statistic d-flex align-items-center justify-content-between"> 27630 <div class="statistic__item text-left d-flex"> 27631 <div class="statistic__num">1m</div> 27632 <div class="statistic__text"> 27633 <span>Active</span> 27634 <span>Users</span> 27635 </div> 27636 </div> 27637 27638 <div class="statistic__item text-left d-flex"> 27639 <div class="statistic__num">10m</div> 27640 <div class="statistic__text"> 27641 <span>Files</span> 27642 <span>Converted</span> 27643 </div> 27644 </div> 27645 27646 <div class="statistic__item text-left d-flex"> 27647 <div class="statistic__num">200+</div> 27648 <div class="statistic__text"> 27649 <span>Online</span> 27650 <span>Tools</span> 27651 </div> 27652 </div> 27653 27654 <div class="statistic__item text-left d-flex"> 27655 <div class="statistic__num">500k</div> 27656 <div class="statistic__text"> 27657 <span>PDFs</span> 27658 <span>Created</span> 27659 </div> 27660 </div> 27661 </div> 27662 </div> 27663 </div> 27664 </div> 27665 </div> 27666 <!-- tools area --> 27667 <div class="tools_area check-tools"> 27668 <div class="container"> 27669 <div class="row justify-content-between align-items-center"> 27670 <div class="col-lg-12 text-center"> 27671 <h2 class="title">Our Most Popular Tools</h2> 27672 </div> 27673 <div class="col-lg-12 text-center"> 27674 <p class="descr gray">We present the best of the best. All free, no catch</p> 27675 </div> 27676 27677 <div class="filter-container mt_32"> 27678 <div class="col-lg-12 text-center"> 27679 <div class="filter"> 27680 27681 <div class="filter__category is-active" data-tools-block-type="all"> 27682 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-all"></use></svg> 27683
27684 <span class="filter__name">All Tools</span> 27685 </div> 27686 27687 <div class="filter__category" data-tools-block-type="1"> 27688 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-pdf"></use></svg> 27689 27690 <span class="filter__name">Pdf Tools</span> 27691 </div> 27692 <div class="filter__category" data-tools-block-type="3"> 27693 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-video"></use></svg> 27694 27695 <span class="filter__name">Video Tools</span> 27696 </div> 27697 <div class="filter__category" data-tools-block-type="4"> 27698 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-image"></use></svg> 27699 27700 <span class="filter__name">Image Tools</span> 27701 </div> 27702 <div class="filter__category" data-tools-block-type="5"> 27703 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-converter"></use></svg> 27704 27705 <span class="filter__name">Converter Tools</span> 27706 </div> 27707 <div class="filter__category" data-tools-block-type="6"> 27708 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-other"></use></svg> 27709 27710 <span class="filter__name">Other Tools</span> 27711 </div> 27712 <div class="filter__category" data-tools-block-type="8"> 27713 <svg width="21" height="21" fill="none"><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#filter-tools-block-write"></use></svg> 27714 27715 <span class="filter__name">AI Write</span> 27716 </div> 27717 </div> 27718 </div> 27719 </div> 27720 </div> 27721 <div class="row catalog-box tools-block-results" data-tools-block-type="all" > 27722 <div class="col-lg-3 col-6 element-tools" 27723 data-title="Content Improver" 27724 data-description="Improve your content" 27725 data-search-terms="content improver ai write content improver ai write content improver ai write content improver ai write write content improver "> 27726 <a href="https://tinywow.com/write/content-improver" class="tools_box-full"> 27727 <div class="tools_box "> 27728 <div class="icon_box v_2 v2 "> 27729 <svg width="24" height="24" class="img-fluid"> 27730 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27731 </svg> 27732 </div> 27733 <div> 27734 <h4>Content Improver</h4> 27735 <span class="color-violet catalog-box__tag ">AI Write</span> 27736 </div> 27737 <p>Improve your content</p> 27738 </div> 27739 </a> 27740 </div> 27741 <div class="col-lg-3 col-6 element-tools" 27742 data-title="Essay Writer" 27743 data-description="Easily create an essay with AI" 27744 data-search-terms="essay writer write essay writer write essay writer write essay writer write essay writer "> 27745 <a href="https://tinywow.com/write/essay-writer" class="tools_box-full"> 27746 <div class="tools_box "> 27747 <div class="icon_box v_2 v2 "> 27748 <svg width="24" height="24" class="img-fluid"> 27749 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27750 </svg> 27751 </div> 27752 <div> 27753 <h4>Essay Writer</h4>
27754 <span class="color-green catalog-box__tag ">AI Write</span> 27755 </div> 27756 <p>Easily create an essay with AI</p> 27757 </div> 27758 </a> 27759 </div> 27760 <div class="col-lg-3 col-6 element-tools" 27761 data-title="Paragraph Writer" 27762 data-description="Paragraph Writer" 27763 data-search-terms="paragraph writer write generator write ai paragraph writer generator write ai write paragraph writer generator write ai paragraph writer write generator write ai paragraph writer write generator write ai paragraph writer write generator write ai"> 27764 <a href="https://tinywow.com/write/paragraph-writer" class="tools_box-full"> 27765 <div class="tools_box "> 27766 <div class="icon_box v_2 v2 "> 27767 <svg width="24" height="24" class="img-fluid"> 27768 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27769 </svg> 27770 </div> 27771 <div> 27772 <h4>Paragraph Writer</h4> 27773 <span class="color-green catalog-box__tag ">AI Write</span> 27774 </div> 27775 <p>Paragraph Writer</p> 27776 </div> 27777 </a> 27778 </div> 27779 <div class="col-lg-3 col-6 element-tools" 27780 data-title="AI Image Generator" 27781 data-description="AI Image Generator" 27782 data-search-terms="ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic"> 27783 <a href="https://tinywow.com/image/ai-image-generator" class="tools_box-full"> 27784 <div class="tools_box "> 27785 <div class="icon_box v_1 v1 "> 27786 <svg width="24" height="24" class="img-fluid"> 27787 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 27788 </svg> 27789 </div> 27790 <div> 27791 <h4>AI Image Generator</h4> 27792 <span class="color-orange catalog-box__tag ">Image Tools</span> 27793 </div> 27794 <p>AI Image Generator</p> 27795 </div> 27796 </a> 27797 </div> 27798 <div class="col-lg-3 col-6 element-tools" 27799 data-title="Merge PDF" 27800 data-description="Merge 2 or more PDF files into a single PDF file" 27801 data-search-terms="merge pdf files combine join pdf merge combine pdf merge combine join merge pdf files combine join merge pdf files combine join merge pdf files combine join"> 27802 <a href="https://tinywow.com/pdf/merge" class="tools_box-full"> 27803 <div class="tools_box "> 27804 <div class="icon_box v_3 v3 "> 27805 <svg width="24" height="24" class="img-fluid"> 27806 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 27807 </svg> 27808 </div> 27809 <div> 27810 <h4>Merge PDF</h4> 27811 <span class="color-orange catalog-box__tag ">Pdf Tools</span> 27812 </div> 27813 <p>Merge 2 or more PDF files into a single PDF file</p> 27814 </div> 27815 </a> 27816 </div> 27817 <div class="col-lg-3 col-6 element-tools"
27818 data-title="Remove Background from Image" 27819 data-description="Easily Remove the Background from an image" 27820 data-search-terms="remove background image bg remove background image remove background remove background image bg remove background remove background image bg remove background remove background image bg remove background image bg remove background"> 27821 <a href="https://tinywow.com/image/remove-bg" class="tools_box-full"> 27822 <div class="tools_box "> 27823 <div class="icon_box v_1 v1 "> 27824 <svg width="24" height="24" class="img-fluid"> 27825 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 27826 </svg> 27827 </div> 27828 <div> 27829 <h4>Remove Background from Image</h4> 27830 <span class="color-violet catalog-box__tag ">Image Tools</span> 27831 </div> 27832 <p>Easily Remove the Background from an image</p> 27833 </div> 27834 </a> 27835 </div> 27836 <div class="col-lg-3 col-6 element-tools" 27837 data-title="Edit PDF" 27838 data-description="Free PDF Editor" 27839 data-search-terms="edit pdf edit pdf edit pdf edit pdf edit pdf edit pdf free online editor - easily edit pdf editor "> 27840 <a href="https://tinywow.com/pdf/edit" class="tools_box-full"> 27841 <div class="tools_box "> 27842 <div class="icon_box v_4 v4 "> 27843 <svg width="24" height="24" class="img-fluid"> 27844 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27845 </svg> 27846 </div> 27847 <div> 27848 <h4>Edit PDF</h4> 27849 <span class="color-orange catalog-box__tag ">Pdf Tools</span> 27850 </div> 27851 <p>Free PDF Editor</p> 27852 </div> 27853 </a> 27854 </div> 27855 <div class="col-lg-3 col-6 element-tools" 27856 data-title="PDF to JPG" 27857 data-description="Convert PDF to JPG and download each page as an image" 27858 data-search-terms="pdf image photo picture jpg jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg"> 27859 <a href="https://tinywow.com/pdf/to-jpg" class="tools_box-full"> 27860 <div class="tools_box "> 27861 <div class="icon_box v_4 v4 "> 27862 <svg width="24" height="24" class="img-fluid"> 27863 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 27864 </svg> 27865 </div> 27866 <div> 27867 <h4>PDF to JPG</h4> 27868 <span class="color-green catalog-box__tag ">Pdf Tools</span> 27869 </div> 27870 <p>Convert PDF to JPG and download each page as an image</p> 27871 </div> 27872 </a> 27873 </div> 27874 <div class="col-lg-3 col-6 element-tools" 27875 data-title="Compress PDF" 27876 data-description="Lessen the file size of a PDF file" 27877 data-search-terms="compress pdf file size reducer size compress pdf file size reducer size pdf compress reducer size pdf compress reducer size compress pdf file size reducer size compress pdf file size reducer size"> 27878 <a href="https://tinywow.com/pdf/compress" class="tools_box-full"> 27879 <div class="tools_box "> 27880 <div class="icon_box v_6 v6 "> 27881 <svg width="24" height="24" class="img-fluid"> 27882 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 27883 </svg> 27884 </div> 27885 <div> 27886 <h4>Compress PDF</h4> 27887 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 27888 </div> 27889 <p>
27889Lessen the file size of a PDF file</p> 27890 </div> 27891 </a> 27892 </div> 27893 <div class="col-lg-3 col-6 element-tools" 27894 data-title="Upscale Image" 27895 data-description="increase the resolution of your image" 27896 data-search-terms="image upscale increase resolution improve quality upscale image increase resolution improve quality upscaler image upscale increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler"> 27897 <a href="https://tinywow.com/image/upscale" class="tools_box-full"> 27898 <div class="tools_box "> 27899 <div class="icon_box v_8 v8 "> 27900 <svg width="24" height="24" class="img-fluid"> 27901 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 27902 </svg> 27903 </div> 27904 <div> 27905 <h4>Upscale Image</h4> 27906 <span class="color-orange catalog-box__tag ">Image Tools</span> 27907 </div> 27908 <p>increase the resolution of your image</p> 27909 </div> 27910 </a> 27911 </div> 27912 <div class="col-lg-3 col-6 element-tools" 27913 data-title="JPG to PDF" 27914 data-description="Upload images and receive as a PDF" 27915 data-search-terms="jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg pdf image photo picture jpg jpeg jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg"> 27916 <a href="https://tinywow.com/pdf/from-jpg" class="tools_box-full"> 27917 <div class="tools_box "> 27918 <div class="icon_box v_5 v5 "> 27919 <svg width="24" height="24" class="img-fluid"> 27920 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27921 </svg> 27922 </div> 27923 <div> 27924 <h4>JPG to PDF</h4> 27925 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 27926 </div> 27927 <p>Upload images and receive as a PDF</p> 27928 </div> 27929 </a> 27930 </div> 27931 <div class="col-lg-3 col-6 element-tools" 27932 data-title="Remove watermark" 27933 data-description="Remove watermark from photo" 27934 data-search-terms="remove watermark photo image remove watermark photo image remove watermark photo image remove watermark photo image"> 27935 <a href="https://tinywow.com/image/remove-watermark-photo" class="tools_box-full"> 27936 <div class="tools_box "> 27937 <div class="icon_box v_3 v3 "> 27938 <svg width="24" height="24" class="img-fluid"> 27939 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 27940 </svg> 27941 </div> 27942 <div> 27943 <h4>Remove watermark</h4> 27944 <span class="color-orange catalog-box__tag ">Image Tools</span> 27945 </div> 27946 <p>Remove watermark from photo</p> 27947 </div> 27948 </a> 27949 </div> 27950 <div class="col-lg-12 text-center index-actions check-tools__actions "> 27951 <a href="https://tinywow.com/tools" class="index-btn button ">All Tools</a> 27952 27953 </div> 27954</div> 27955 <div class="row catalog-box tools-block-results" data-tools-block-type="1" style="display: none" > 27956 <div class="col-lg-3 col-6 element-tools" 27957 data-title="Merge PDF" 27958 data-description="Merge 2 or more PDF files into a single PDF file" 27959 data-search-terms="merge pdf files combine join pdf merge combine pdf merge combine join merge pdf files combine join merge pdf files combine join merge pdf files combine join"> 27960 <a href="https://tinywow.com/pdf/merge" class="tools_box-full"> 27961 <div class="tools_box "> 27962 <div class="icon_box v_4 v4 "> 27963 <svg width="24" height="24" class="img-fluid"> 27964 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#merge"></use> 27965 </svg> 27966 </div> 27967 <div> 27968 <h4>Merge PDF</h4>
27969 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 27970 </div> 27971 <p>Merge 2 or more PDF files into a single PDF file</p> 27972 </div> 27973 </a> 27974 </div> 27975 <div class="col-lg-3 col-6 element-tools" 27976 data-title="Edit PDF" 27977 data-description="Free PDF Editor" 27978 data-search-terms="edit pdf edit pdf edit pdf edit pdf edit pdf edit pdf free online editor - easily edit pdf editor "> 27979 <a href="https://tinywow.com/pdf/edit" class="tools_box-full"> 27980 <div class="tools_box "> 27981 <div class="icon_box v_5 v5 "> 27982 <svg width="24" height="24" class="img-fluid"> 27983 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 27984 </svg> 27985 </div> 27986 <div> 27987 <h4>Edit PDF</h4> 27988 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 27989 </div> 27990 <p>Free PDF Editor</p> 27991 </div> 27992 </a> 27993 </div> 27994 <div class="col-lg-3 col-6 element-tools" 27995 data-title="PDF to JPG" 27996 data-description="Convert PDF to JPG and download each page as an image" 27997 data-search-terms="pdf image photo picture jpg jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg pdf jpg convert images image photo picture jpeg"> 27998 <a href="https://tinywow.com/pdf/to-jpg" class="tools_box-full"> 27999 <div class="tools_box "> 28000 <div class="icon_box v_3 v3 "> 28001 <svg width="24" height="24" class="img-fluid"> 28002 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28003 </svg> 28004 </div> 28005 <div> 28006 <h4>PDF to JPG</h4> 28007 <span class="color-green catalog-box__tag ">Pdf Tools</span> 28008 </div> 28009 <p>Convert PDF to JPG and download each page as an image</p> 28010 </div> 28011 </a> 28012 </div> 28013 <div class="col-lg-3 col-6 element-tools" 28014 data-title="Compress PDF" 28015 data-description="Lessen the file size of a PDF file" 28016 data-search-terms="compress pdf file size reducer size compress pdf file size reducer size pdf compress reducer size pdf compress reducer size compress pdf file size reducer size compress pdf file size reducer size"> 28017 <a href="https://tinywow.com/pdf/compress" class="tools_box-full"> 28018 <div class="tools_box "> 28019 <div class="icon_box v_7 v7 "> 28020 <svg width="24" height="24" class="img-fluid"> 28021 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 28022 </svg> 28023 </div> 28024 <div> 28025 <h4>Compress PDF</h4> 28026 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 28027 </div> 28028 <p>Lessen the file size of a PDF file</p> 28029 </div> 28030 </a> 28031 </div> 28032 <div class="col-lg-3 col-6 element-tools" 28033 data-title="JPG to PDF" 28034 data-description="Upload images and receive as a PDF" 28035 data-search-terms="jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg pdf image photo picture jpg jpeg jpg pdf convert image photo picture jpeg jpg pdf convert image photo picture jpeg"> 28036 <a href="https://tinywow.com/pdf/from-jpg" class="tools_box-full"> 28037 <div class="tools_box "> 28038 <div class="icon_box v_8 v8 "> 28039 <svg width="24" height="24" class="img-fluid"> 28040 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28041 </svg> 28042 </div> 28043 <div> 28044 <h4>JPG to PDF</h4>
28045 <span class="color-green catalog-box__tag ">Pdf Tools</span> 28046 </div> 28047 <p>Upload images and receive as a PDF</p> 28048 </div> 28049 </a> 28050 </div> 28051 <div class="col-lg-3 col-6 element-tools" 28052 data-title="PDF to Word" 28053 data-description="Convert a PDF to Word Document" 28054 data-search-terms="document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf document word pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr pdf word convert document pdf to word doc docx ocr"> 28055 <a href="https://tinywow.com/pdf/to-word" class="tools_box-full"> 28056 <div class="tools_box "> 28057 <div class="icon_box v_4 v4 "> 28058 <svg width="24" height="24" class="img-fluid"> 28059 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28060 </svg> 28061 </div> 28062 <div> 28063 <h4>PDF to Word</h4> 28064 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 28065 </div> 28066 <p>Convert a PDF to Word Document</p> 28067 </div> 28068 </a> 28069 </div> 28070 <div class="col-lg-3 col-6 element-tools" 28071 data-title="Split PDF" 28072 data-description="Split into one or multiple PDF files" 28073 data-search-terms="split pdf file split pdf file split pdf file split pdf file"> 28074 <a href="https://tinywow.com/pdf/split" class="tools_box-full"> 28075 <div class="tools_box "> 28076 <div class="icon_box v_8 v8 "> 28077 <svg width="24" height="24" class="img-fluid"> 28078 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#cut"></use> 28079 </svg> 28080 </div> 28081 <div> 28082 <h4>Split PDF</h4> 28083 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 28084 </div> 28085 <p>Split into one or multiple PDF files</p> 28086 </div> 28087 </a> 28088 </div> 28089 <div class="col-lg-3 col-6 element-tools" 28090 data-title="Word to PDF" 28091 data-description="Convert a Word Document to PDF" 28092 data-search-terms="pdf document word docx word pdf convert .doc document docx word pdf convert .doc document docx word pdf convert .doc document docx word pdf convert .doc document docx"> 28093 <a href="https://tinywow.com/pdf/from-word" class="tools_box-full"> 28094 <div class="tools_box "> 28095 <div class="icon_box v_6 v6 "> 28096 <svg width="24" height="24" class="img-fluid"> 28097 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28098 </svg> 28099 </div> 28100 <div> 28101 <h4>Word to PDF</h4> 28102 <span class="color-orange catalog-box__tag ">Pdf Tools</span> 28103 </div> 28104 <p>Convert a Word Document to PDF</p> 28105 </div> 28106 </a> 28107 </div> 28108 <div class="col-lg-3 col-6 element-tools" 28109 data-title="Unlock PDF" 28110 data-description="Remove the password from a PDF file(requires the password)" 28111 data-search-terms="unlock pdf file password pdf unlock pdf unlock password unlock pdf file password unlock pdf file password unlock pdf file password"> 28112 <a href="https://tinywow.com/pdf/unlock" class="tools_box-full"> 28113 <div class="tools_box "> 28114 <div class="icon_box v_3 v3 "> 28115 <svg width="24" height="24" class="img-fluid"> 28116 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#unlock"></use> 28117 </svg> 28118 </div> 28119 <div> 28120 <h4>Unlock PDF</h4>
28121 <span class="color-orange catalog-box__tag ">Pdf Tools</span> 28122 </div> 28123 <p>Remove the password from a PDF file(requires the password)</p> 28124 </div> 28125 </a> 28126 </div> 28127 <div class="col-lg-3 col-6 element-tools" 28128 data-title="PDF to Excel" 28129 data-description="Convert from PDF to XLSX" 28130 data-search-terms="pdf excel document xlsx excel xlsx pdf document xlsx excel xlsx pdf excel document xlsx excel xlsx pdf excel document xlsx excel xlsx pdf excel document xlsx excel xlsx"> 28131 <a href="https://tinywow.com/pdf/to-xlsx" class="tools_box-full"> 28132 <div class="tools_box "> 28133 <div class="icon_box v_3 v3 "> 28134 <svg width="24" height="24" class="img-fluid"> 28135 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28136 </svg> 28137 </div> 28138 <div> 28139 <h4>PDF to Excel</h4> 28140 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 28141 </div> 28142 <p>Convert from PDF to XLSX</p> 28143 </div> 28144 </a> 28145 </div> 28146 <div class="col-lg-3 col-6 element-tools" 28147 data-title="PNG to PDF" 28148 data-description="Upload images and receive as a PDF" 28149 data-search-terms="png pdf image photo picture png pdf image photo picture png pdf image photo picture png pdf image photo picture"> 28150 <a href="https://tinywow.com/pdf/from-png" class="tools_box-full"> 28151 <div class="tools_box "> 28152 <div class="icon_box v_3 v3 "> 28153 <svg width="24" height="24" class="img-fluid"> 28154 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28155 </svg> 28156 </div> 28157 <div> 28158 <h4>PNG to PDF</h4> 28159 <span class="color-violet catalog-box__tag ">Pdf Tools</span> 28160 </div> 28161 <p>Upload images and receive as a PDF</p> 28162 </div> 28163 </a> 28164 </div> 28165 <div class="col-lg-3 col-6 element-tools" 28166 data-title="PDF to Powerpoint" 28167 data-description="Upload a PDF and Download as a PowerPoint Presentation" 28168 data-search-terms="pdf document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx pdf powerpoint convert .ppt document ppt pptx"> 28169 <a href="https://tinywow.com/pdf/to-ppt" class="tools_box-full"> 28170 <div class="tools_box "> 28171 <div class="icon_box v_4 v4 "> 28172 <svg width="24" height="24" class="img-fluid"> 28173 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28174 </svg> 28175 </div> 28176 <div> 28177 <h4>PDF to Powerpoint</h4> 28178 <span class="color-purple catalog-box__tag ">Pdf Tools</span> 28179 </div> 28180 <p>Upload a PDF and Download as a PowerPoint Presentation</p> 28181 </div> 28182 </a> 28183 </div> 28184 <div class="col-lg-12 text-center index-actions check-tools__actions "> 28185 <a href="https://tinywow.com/tools/pdf" class="index-btn button ">All Pdf Tools</a> 28186 28187 </div> 28188</div> 28189 <div class="row catalog-box tools-block-results" data-tools-block-type="3" style="display: none" > 28190 <div class="col-lg-3 col-6 element-tools" 28191 data-title="Youtube to Text" 28192 data-description="Convert video to text" 28193 data-search-terms="video youtube text youtube text video youtube text video youtube text video youtube text video "> 28194 <a href="https://tinywow.com/video/youtube-to-text" class="tools_box-full"> 28195 <div class="tools_box "> 28196 <div class="icon_box v_8 v8 "> 28197 <svg width="24" height="24" class="img-fluid"> 28198 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28199 </svg> 28200 </div> 28201 <div> 28202 <h4>Youtube to Text</h4>
28203 <span class="color-green catalog-box__tag ">Video Tools</span> 28204 </div> 28205 <p>Convert video to text</p> 28206 </div> 28207 </a> 28208 </div> 28209 <div class="col-lg-3 col-6 element-tools" 28210 data-title="Compress Video" 28211 data-description="Lessen the file size of a Video file" 28212 data-search-terms="video compress reduce video compress reduce mp4 3gp avi webm video compress reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size compress video file size reduce mp4 3gp avi webm size"> 28213 <a href="https://tinywow.com/video/compress" class="tools_box-full"> 28214 <div class="tools_box "> 28215 <div class="icon_box v_1 v1 "> 28216 <svg width="24" height="24" class="img-fluid"> 28217 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 28218 </svg> 28219 </div> 28220 <div> 28221 <h4>Compress Video</h4> 28222 <span class="color-violet catalog-box__tag ">Video Tools</span> 28223 </div> 28224 <p>Lessen the file size of a Video file</p> 28225 </div> 28226 </a> 28227 </div> 28228 <div class="col-lg-3 col-6 element-tools" 28229 data-title="Instagram Download" 28230 data-description="Download Video from Instagram" 28231 data-search-terms="video inst instagram download video downloader inst instagram download video downloader inst instagram download video downloader inst instagram download video downloader inst "> 28232 <a href="https://tinywow.com/video/from-inst" class="tools_box-full"> 28233 <div class="tools_box "> 28234 <div class="icon_box v_3 v3 "> 28235 <svg width="24" height="24" class="img-fluid"> 28236 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#instagram"></use> 28237 </svg> 28238 </div> 28239 <div> 28240 <h4>Instagram Download</h4> 28241 <span class="color-purple catalog-box__tag ">Video Tools</span> 28242 </div> 28243 <p>Download Video from Instagram</p> 28244 </div> 28245 </a> 28246 </div> 28247 <div class="col-lg-3 col-6 element-tools" 28248 data-title="TikTok Video Downloader" 28249 data-description="Download Video from TikTok" 28250 data-search-terms="tiktok video downloader video tiktok tiktok video downloader tiktok video downloader tiktok video downloader "> 28251 <a href="https://tinywow.com/video/from-tiktok" class="tools_box-full"> 28252 <div class="tools_box "> 28253 <div class="icon_box v_6 v6 "> 28254 <svg width="24" height="24" class="img-fluid"> 28255 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28256 </svg> 28257 </div> 28258 <div> 28259 <h4>TikTok Video Downloader</h4> 28260 <span class="color-violet catalog-box__tag ">Video Tools</span> 28261 </div> 28262 <p>Download Video from TikTok</p> 28263 </div> 28264 </a> 28265 </div> 28266 <div class="col-lg-3 col-6 element-tools" 28267 data-title="Audio to Text" 28268 data-description="Transcribe audio to text" 28269 data-search-terms="audio text video mp3 wav audio text video mp3 wav audio text video mp3 wav audio text video mp3 wav video audio text mp3 wav"> 28270 <a href="https://tinywow.com/video/audio-to-text" class="tools_box-full"> 28271 <div class="tools_box "> 28272 <div class="icon_box v_6 v6 "> 28273 <svg width="24" height="24" class="img-fluid"> 28274 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 28275 </svg> 28276 </div> 28277 <div> 28278 <h4>Audio to Text</h4>
28279 <span class="color-violet catalog-box__tag ">Video Tools</span> 28280 </div> 28281 <p>Transcribe audio to text</p> 28282 </div> 28283 </a> 28284 </div> 28285 <div class="col-lg-3 col-6 element-tools" 28286 data-title="MP4 to MP3" 28287 data-description="Convert MP4 to MP3 audio" 28288 data-search-terms="mp4 mp3 audio video music convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3 video mp4 music mp3 convert .mp4 .mp3 mp4 mp3 audio video music convert .mp4 .mp3"> 28289 <a href="https://tinywow.com/video/mp4-to-mp3" class="tools_box-full"> 28290 <div class="tools_box "> 28291 <div class="icon_box v_2 v2 "> 28292 <svg width="24" height="24" class="img-fluid"> 28293 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 28294 </svg> 28295 </div> 28296 <div> 28297 <h4>MP4 to MP3</h4> 28298 <span class="color-violet catalog-box__tag ">Video Tools</span> 28299 </div> 28300 <p>Convert MP4 to MP3 audio</p> 28301 </div> 28302 </a> 28303 </div> 28304 <div class="col-lg-3 col-6 element-tools" 28305 data-title="Extract Audio from Video" 28306 data-description="Extract audio from your video" 28307 data-search-terms="video extract audio mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 video extract audio mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3 extract audio video mp4 3gp avi webm mp3"> 28308 <a href="https://tinywow.com/video/extract-audio" class="tools_box-full"> 28309 <div class="tools_box "> 28310 <div class="icon_box v_5 v5 "> 28311 <svg width="24" height="24" class="img-fluid"> 28312 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#audio"></use> 28313 </svg> 28314 </div> 28315 <div> 28316 <h4>Extract Audio from Video</h4> 28317 <span class="color-orange catalog-box__tag ">Video Tools</span> 28318 </div> 28319 <p>Extract audio from your video</p> 28320 </div> 28321 </a> 28322 </div> 28323 <div class="col-lg-3 col-6 element-tools" 28324 data-title="YouTube Transcript Generator" 28325 data-description="Transcribe YouTube Video" 28326 data-search-terms="video youtube transcript youtube transcript generator video youtube transcript generator video youtube transcript generator video youtube transcript generator video "> 28327 <a href="https://tinywow.com/video/youtube-transcript" class="tools_box-full"> 28328 <div class="tools_box "> 28329 <div class="icon_box v_4 v4 "> 28330 <svg width="24" height="24" class="img-fluid"> 28331 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28332 </svg> 28333 </div> 28334 <div> 28335 <h4>YouTube Transcript Generator</h4> 28336 <span class="color-violet catalog-box__tag ">Video Tools</span> 28337 </div> 28338 <p>Transcribe YouTube Video</p> 28339 </div> 28340 </a> 28341 </div> 28342 <div class="col-lg-3 col-6 element-tools" 28343 data-title="Video to Gif" 28344 data-description="Upload an MP4 and convert to animated GIF" 28345 data-search-terms="video gif convert mp4 animated image photo picture .mp4 .gif convert video gif convert mp4 animated image photo picture .mp4 .gif convert video image photo picture gif mp4 3gp avi webm video gif convert mp4 animated image photo picture .mp4 .gif convert video gif convert mp4 animated image photo picture .mp4 .gif convert video image photo picture gif .mp4 .gif convert video gif mp4 animated image photo picture .mp4 .gif convert"> 28346 <a href="https://tinywow.com/video/to-gif" class="tools_box-full"> 28347 <div class="tools_box "> 28348 <div class="icon_box v_2 v2 "> 28349 <svg width="24" height="24" class="img-fluid"> 28350 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28351 </svg> 28352 </div> 28353 <div> 28354 <h4>Video to Gif</h4>
28355 <span class="color-violet catalog-box__tag ">Video Tools</span> 28356 </div> 28357 <p>Upload an MP4 and convert to animated GIF</p> 28358 </div> 28359 </a> 28360 </div> 28361 <div class="col-lg-3 col-6 element-tools" 28362 data-title="Video to Text" 28363 data-description="Transcribe video to text" 28364 data-search-terms="video text convert file mp4 3gp avi mpeg convert video text video text convert file mp4 3gp avi mpeg convert video text video mp4 3gp avi mpeg text convert video text video text convert file mp4 3gp avi mpeg convert video text video text convert file mp4 3gp avi mpeg convert video text"> 28365 <a href="https://tinywow.com/video/to-text" class="tools_box-full"> 28366 <div class="tools_box "> 28367 <div class="icon_box v_1 v1 "> 28368 <svg width="24" height="24" class="img-fluid"> 28369 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28370 </svg> 28371 </div> 28372 <div> 28373 <h4>Video to Text</h4> 28374 <span class="color-green catalog-box__tag ">Video Tools</span> 28375 </div> 28376 <p>Transcribe video to text</p> 28377 </div> 28378 </a> 28379 </div> 28380 <div class="col-lg-3 col-6 element-tools" 28381 data-title="Trim Video" 28382 data-description="Select a start and stop of a video and download the trimmed video" 28383 data-search-terms="trim video online tool cutter mp4 3gp avi webm video cutter mp4 3gp avi webm video cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm trim video online tool cutter mp4 3gp avi webm"> 28384 <a href="https://tinywow.com/video/cutter" class="tools_box-full"> 28385 <div class="tools_box "> 28386 <div class="icon_box v_6 v6 "> 28387 <svg width="24" height="24" class="img-fluid"> 28388 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video-cut"></use> 28389 </svg> 28390 </div> 28391 <div> 28392 <h4>Trim Video</h4> 28393 <span class="color-violet catalog-box__tag ">Video Tools</span> 28394 </div> 28395 <p>Select a start and stop of a video and download the trimmed video</p> 28396 </div> 28397 </a> 28398 </div> 28399 <div class="col-lg-3 col-6 element-tools" 28400 data-title="Twitter Download" 28401 data-description="Download Video from Twitter" 28402 data-search-terms="twitter download video downloader video twitter twitter download video downloader twitter download video downloader twitter download video downloader "> 28403 <a href="https://tinywow.com/video/from-twitter" class="tools_box-full"> 28404 <div class="tools_box "> 28405 <div class="icon_box v_4 v4 "> 28406 <svg width="24" height="24" class="img-fluid"> 28407 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#video"></use> 28408 </svg> 28409 </div> 28410 <div> 28411 <h4>Twitter Download</h4> 28412 <span class="color-violet catalog-box__tag ">Video Tools</span> 28413 </div> 28414 <p>Download Video from Twitter</p> 28415 </div> 28416 </a> 28417 </div> 28418 <div class="col-lg-12 text-center index-actions check-tools__actions "> 28419 <a href="https://tinywow.com/tools/video" class="index-btn button ">All Video Tools</a> 28420 28421 </div> 28422</div> 28423 <div class="row catalog-box tools-block-results" data-tools-block-type="4" style="display: none" > 28424 <div class="col-lg-3 col-6 element-tools" 28425 data-title="AI Image Generator" 28426 data-description="AI Image Generator" 28427 data-search-terms="ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic ai image generator jpg jpeg png svg gif bmp heic"> 28428 <a href="https://tinywow.com/image/ai-image-generator" class="tools_box-full"> 28429 <div class="tools_box "> 28430 <div class="icon_box v_4 v4 "> 28431 <svg width="24" height="24" class="img-fluid"> 28432 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28433 </svg> 28434 </div> 28435 <div> 28436 <h4>AI Image Generator</h4>
28437 <span class="color-violet catalog-box__tag ">Image Tools</span> 28438 </div> 28439 <p>AI Image Generator</p> 28440 </div> 28441 </a> 28442 </div> 28443 <div class="col-lg-3 col-6 element-tools" 28444 data-title="Remove Background from Image" 28445 data-description="Easily Remove the Background from an image" 28446 data-search-terms="remove background image bg remove background image remove background remove background image bg remove background remove background image bg remove background remove background image bg remove background image bg remove background"> 28447 <a href="https://tinywow.com/image/remove-bg" class="tools_box-full"> 28448 <div class="tools_box "> 28449 <div class="icon_box v_4 v4 "> 28450 <svg width="24" height="24" class="img-fluid"> 28451 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28452 </svg> 28453 </div> 28454 <div> 28455 <h4>
28455Remove Background from Image</h4> 28456 <span class="color-green catalog-box__tag ">Image Tools</span> 28457 </div> 28458 <p>Easily Remove the Background from an image</p> 28459 </div> 28460 </a> 28461 </div> 28462 <div class="col-lg-3 col-6 element-tools" 28463 data-title="Upscale Image" 28464 data-description="increase the resolution of your image" 28465 data-search-terms="image upscale increase resolution improve quality upscale image increase resolution improve quality upscaler image upscale increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler upscale image increase resolution improve quality upscaler"> 28466 <a href="https://tinywow.com/image/upscale" class="tools_box-full"> 28467 <div class="tools_box "> 28468 <div class="icon_box v_7 v7 "> 28469 <svg width="24" height="24" class="img-fluid"> 28470 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28471 </svg> 28472 </div> 28473 <div> 28474 <h4>Upscale Image</h4> 28475 <span class="color-orange catalog-box__tag ">Image Tools</span> 28476 </div> 28477 <p>increase the resolution of your image</p> 28478 </div> 28479 </a> 28480 </div> 28481 <div class="col-lg-3 col-6 element-tools" 28482 data-title="Remove watermark" 28483 data-description="Remove watermark from photo" 28484 data-search-terms="remove watermark photo image remove watermark photo image remove watermark photo image remove watermark photo image"> 28485 <a href="https://tinywow.com/image/remove-watermark-photo" class="tools_box-full"> 28486 <div class="tools_box "> 28487 <div class="icon_box v_2 v2 "> 28488 <svg width="24" height="24" class="img-fluid"> 28489 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28490 </svg> 28491 </div> 28492 <div> 28493 <h4>Remove watermark</h4> 28494 <span class="color-orange catalog-box__tag ">Image Tools</span> 28495 </div> 28496 <p>Remove watermark from photo</p> 28497 </div> 28498 </a> 28499 </div> 28500 <div class="col-lg-3 col-6 element-tools" 28501 data-title="Image To Text" 28502 data-description="Image To Text" 28503 data-search-terms="image text extract img image img image text extract img image text extract img image text extract img "> 28504 <a href="https://tinywow.com/image/to-text" class="tools_box-full"> 28505 <div class="tools_box "> 28506 <div class="icon_box v_2 v2 "> 28507 <svg width="24" height="24" class="img-fluid"> 28508 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28509 </svg> 28510 </div> 28511 <div> 28512 <h4>Image To Text</h4> 28513 <span class="color-violet catalog-box__tag ">Image Tools</span> 28514 </div> 28515 <p>Image To Text</p> 28516 </div> 28517 </a> 28518 </div> 28519 <div class="col-lg-3 col-6 element-tools" 28520 data-title="Compress Image Size" 28521 data-description="Compress your image" 28522 data-search-terms="image compress jpeg image compress jpeg reduce image compress jpeg reduce jpg png gif image compress jpeg reducer jpg png gif image compress jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image size compressor jpeg reducer jpg png gif size compress image compressor jpeg reducer jpg png gif size avif webp wp2 jxl jpeg xl"> 28523 <a href="https://tinywow.com/image/compress" class="tools_box-full"> 28524 <div class="tools_box "> 28525 <div class="icon_box v_6 v6 "> 28526 <svg width="24" height="24" class="img-fluid"> 28527 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28528 </svg> 28529 </div> 28530 <div> 28531 <h4>Compress Image Size</h4>
28532 <span class="color-green catalog-box__tag ">Image Tools</span> 28533 </div> 28534 <p>Compress your image</p> 28535 </div> 28536 </a> 28537 </div> 28538 <div class="col-lg-3 col-6 element-tools" 28539 data-title="Change Background of Photo" 28540 data-description="Change Background of Image" 28541 data-search-terms="change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg change background photo image bg change background photo image picture bg image change photo change background photo image picture bg"> 28542 <a href="https://tinywow.com/image/change-bg-photo" class="tools_box-full"> 28543 <div class="tools_box "> 28544 <div class="icon_box v_1 v1 "> 28545 <svg width="24" height="24" class="img-fluid"> 28546 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28547 </svg> 28548 </div> 28549 <div> 28550 <h4>Change Background of Photo</h4> 28551 <span class="color-orange catalog-box__tag ">Image Tools</span> 28552 </div> 28553 <p>Change Background of Image</p> 28554 </div> 28555 </a> 28556 </div> 28557 <div class="col-lg-3 col-6 element-tools" 28558 data-title="Remove Objects Photo" 28559 data-description="Remove Objects From Photo" 28560 data-search-terms="remove objects photo image object image remove object remove objects photo image object remove objects photo image object remove objects photo image object remove objects photo photos image object "> 28561 <a href="https://tinywow.com/image/remove-objects" class="tools_box-full"> 28562 <div class="tools_box "> 28563 <div class="icon_box v_4 v4 "> 28564 <svg width="24" height="24" class="img-fluid"> 28565 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28566 </svg> 28567 </div> 28568 <div> 28569 <h4>Remove Objects Photo</h4> 28570 <span class="color-purple catalog-box__tag ">Image Tools</span> 28571 </div> 28572 <p>Remove Objects From Photo</p> 28573 </div> 28574 </a> 28575 </div> 28576 <div class="col-lg-3 col-6 element-tools" 28577 data-title="Resize Image Dimensions" 28578 data-description="Resize your image" 28579 data-search-terms="resize image dimensions photo picture screenshot resize image dimensions photo picture screenshot image resize picture screenshot resize image dimensions photo picture screenshot resize image dimensions photo picture screenshot"> 28580 <a href="https://tinywow.com/image/resize" class="tools_box-full"> 28581 <div class="tools_box "> 28582 <div class="icon_box v_8 v8 "> 28583 <svg width="24" height="24" class="img-fluid"> 28584 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image-2"></use> 28585 </svg> 28586 </div> 28587 <div> 28588 <h4>Resize Image Dimensions</h4> 28589 <span class="color-green catalog-box__tag ">Image Tools</span> 28590 </div> 28591 <p>Resize your image</p> 28592 </div> 28593 </a> 28594 </div> 28595 <div class="col-lg-3 col-6 element-tools" 28596 data-title="Profile Photo Maker" 28597 data-description="Create round profile photo from image" 28598 data-search-terms="profile photo maker image profile photo maker image profile photo maker image profile photo maker image"> 28599 <a href="https://tinywow.com/image/profile-photo" class="tools_box-full"> 28600 <div class="tools_box "> 28601 <div class="icon_box v_1 v1 "> 28602 <svg width="24" height="24" class="img-fluid"> 28603 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#profile"></use> 28604 </svg> 28605 </div> 28606 <div> 28607 <h4>Profile Photo Maker</h4>
28608 <span class="color-purple catalog-box__tag ">Image Tools</span> 28609 </div> 28610 <p>Create round profile photo from image</p> 28611 </div> 28612 </a> 28613 </div> 28614 <div class="col-lg-3 col-6 element-tools" 28615 data-title="Remove text photo" 28616 data-description="Remove text from image" 28617 data-search-terms="remove text photo image remove text photo image remove text photo image remove text photo image image remove text photo "> 28618 <a href="https://tinywow.com/image/remove-text-photo" class="tools_box-full"> 28619 <div class="tools_box "> 28620 <div class="icon_box v_4 v4 "> 28621 <svg width="24" height="24" class="img-fluid"> 28622 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28623 </svg> 28624 </div> 28625 <div> 28626 <h4>Remove text photo</h4> 28627 <span class="color-green catalog-box__tag ">Image Tools</span> 28628 </div> 28629 <p>Remove text from image</p> 28630 </div> 28631 </a> 28632 </div> 28633 <div class="col-lg-3 col-6 element-tools" 28634 data-title="HEIC to JPG" 28635 data-description="Convert an iPhone HEIC image to JPG" 28636 data-search-terms="image photo picture heic jpg jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg heic jpg convert image photo picture jpeg"> 28637 <a href="https://tinywow.com/image/heic-to-jpg" class="tools_box-full"> 28638 <div class="tools_box "> 28639 <div class="icon_box v_4 v4 "> 28640 <svg width="24" height="24" class="img-fluid"> 28641 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28642 </svg> 28643 </div> 28644 <div> 28645 <h4>HEIC to JPG</h4> 28646 <span class="color-violet catalog-box__tag ">Image Tools</span> 28647 </div> 28648 <p>Convert an iPhone HEIC image to JPG</p> 28649 </div> 28650 </a> 28651 </div> 28652 <div class="col-lg-12 text-center index-actions check-tools__actions "> 28653 <a href="https://tinywow.com/tools/image" class="index-btn button ">All Image Tools</a> 28654 28655 </div> 28656</div> 28657 <div class="row catalog-box tools-block-results" data-tools-block-type="5" style="display: none" > 28658 <div class="col-lg-3 col-6 element-tools" 28659 data-title="Excel to PDF" 28660 data-description="Convert Excel to PDF" 28661 data-search-terms="excel pdf converter document excel pdf converter document excel pdf converter document excel pdf converter document"> 28662 <a href="https://tinywow.com/converter/excel-to-pdf" class="tools_box-full"> 28663 <div class="tools_box "> 28664 <div class="icon_box v_6 v6 "> 28665 <svg width="24" height="24" class="img-fluid"> 28666 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28667 </svg> 28668 </div> 28669 <div> 28670 <h4>Excel to PDF</h4> 28671 <span class="color-green catalog-box__tag ">Converter Tools</span> 28672 </div> 28673 <p>Convert Excel to PDF</p> 28674 </div> 28675 </a> 28676 </div> 28677 <div class="col-lg-3 col-6 element-tools" 28678 data-title="CSV to Excel" 28679 data-description="Convert CSV to Excel" 28680 data-search-terms="csv excel converter document xlsx csv excel converter document xlsx converter document csv excel xlsx csv excel converter document xlsx csv excel converter document xlsx"> 28681 <a href="https://tinywow.com/converter/csv-to-excel" class="tools_box-full"> 28682 <div class="tools_box "> 28683 <div class="icon_box v_8 v8 "> 28684 <svg width="24" height="24" class="img-fluid"> 28685 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28686 </svg> 28687 </div> 28688 <div> 28689 <h4>CSV to Excel</h4>
28690 <span class="color-orange catalog-box__tag ">Converter Tools</span> 28691 </div> 28692 <p>Convert CSV to Excel</p> 28693 </div> 28694 </a> 28695 </div> 28696 <div class="col-lg-3 col-6 element-tools" 28697 data-title="Split Excel" 28698 data-description="Split into one or multiple Excel files" 28699 data-search-terms="split excel file converter xlsx split excel file converter xlsx converter split excel xlsx split excel file converter xlsx split excel file converter xlsx"> 28700 <a href="https://tinywow.com/converter/split-excel" class="tools_box-full"> 28701 <div class="tools_box "> 28702 <div class="icon_box v_4 v4 "> 28703 <svg width="24" height="24" class="img-fluid"> 28704 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28705 </svg> 28706 </div> 28707 <div> 28708 <h4>Split Excel</h4> 28709 <span class="color-orange catalog-box__tag ">Converter Tools</span> 28710 </div> 28711 <p>Split into one or multiple Excel files</p> 28712 </div> 28713 </a> 28714 </div> 28715 <div class="col-lg-3 col-6 element-tools" 28716 data-title="XML to Excel" 28717 data-description="Convert XML to Excel" 28718 data-search-terms="xml excel converter document xlsx converter document xml excel xlsx xml excel converter document xlsx xml excel converter document xlsx xml excel converter document xlsx"> 28719 <a href="https://tinywow.com/converter/xml-to-excel" class="tools_box-full"> 28720 <div class="tools_box "> 28721 <div class="icon_box v_7 v7 "> 28722 <svg width="24" height="24" class="img-fluid"> 28723 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28724 </svg> 28725 </div> 28726 <div> 28727 <h4>XML to Excel</h4> 28728 <span class="color-purple catalog-box__tag ">Converter Tools</span> 28729 </div> 28730 <p>Convert XML to Excel</p> 28731 </div> 28732 </a> 28733 </div> 28734 <div class="col-lg-3 col-6 element-tools" 28735 data-title="Split CSV" 28736 data-description="Split into one or multiple PDF files" 28737 data-search-terms="split csv file converter document split csv file converter document split csv file converter document split csv file converter document"> 28738 <a href="https://tinywow.com/converter/split-csv" class="tools_box-full"> 28739 <div class="tools_box "> 28740 <div class="icon_box v_4 v4 "> 28741 <svg width="24" height="24" class="img-fluid"> 28742 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28743 </svg> 28744 </div> 28745 <div> 28746 <h4>Split CSV</h4> 28747 <span class="color-orange catalog-box__tag ">Converter Tools</span> 28748 </div> 28749 <p>Split into one or multiple PDF files</p> 28750 </div> 28751 </a> 28752 </div> 28753 <div class="col-lg-3 col-6 element-tools" 28754 data-title="EPUB to MOBI" 28755 data-description="Convert EPUB file to MOBI file" 28756 data-search-terms="epub mobi converter epub mobi converter epub mobi converter epub mobi converter"> 28757 <a href="https://tinywow.com/converter/epub-to-mobi" class="tools_box-full"> 28758 <div class="tools_box "> 28759 <div class="icon_box v_3 v3 "> 28760 <svg width="24" height="24" class="img-fluid"> 28761 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28762 </svg> 28763 </div> 28764 <div> 28765 <h4>EPUB to MOBI</h4> 28766 <span class="color-purple catalog-box__tag ">Converter Tools</span> 28767 </div> 28768 <p>Convert EPUB file to MOBI file</p> 28769 </div> 28770 </a> 28771 </div> 28772 <div class="col-lg-3 col-6 element-tools" 28773 data-title="JSON to XML" 28774 data-description="Convert JSON to XML" 28775 data-search-terms="json xml converter document json xml converter document json xml converter document json xml converter document"> 28776 <a href="https://tinywow.com/converter/json-to-xml" class="tools_box-full"> 28777 <div class="tools_box "> 28778 <div class="icon_box v_6 v6 "> 28779 <svg width="24" height="24" class="img-fluid"> 28780 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28781 </svg> 28782 </div> 28783 <div> 28784 <h4>JSON to XML</h4>
28785 <span class="color-purple catalog-box__tag ">Converter Tools</span> 28786 </div> 28787 <p>Convert JSON to XML</p> 28788 </div> 28789 </a> 28790 </div> 28791 <div class="col-lg-3 col-6 element-tools" 28792 data-title="Excel to CSV" 28793 data-description="Convert Excel to CSV" 28794 data-search-terms="excel csv converter document excel csv converter document excel csv converter document excel csv converter document excel csv converter document "> 28795 <a href="https://tinywow.com/converter/excel-to-csv" class="tools_box-full"> 28796 <div class="tools_box "> 28797 <div class="icon_box v_4 v4 "> 28798 <svg width="24" height="24" class="img-fluid"> 28799 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28800 </svg> 28801 </div> 28802 <div> 28803 <h4>Excel to CSV</h4> 28804 <span class="color-violet catalog-box__tag ">Converter Tools</span> 28805 </div> 28806 <p>Convert Excel to CSV</p> 28807 </div> 28808 </a> 28809 </div> 28810 <div class="col-lg-3 col-6 element-tools" 28811 data-title="XML to CSV" 28812 data-description="Convert XML to CSV" 28813 data-search-terms="xml csv converter document xml csv converter document xml csv converter document xml csv converter document"> 28814 <a href="https://tinywow.com/converter/xml-to-csv" class="tools_box-full"> 28815 <div class="tools_box "> 28816 <div class="icon_box v_3 v3 "> 28817 <svg width="24" height="24" class="img-fluid"> 28818 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28819 </svg> 28820 </div> 28821 <div> 28822 <h4>XML to CSV</h4> 28823 <span class="color-orange catalog-box__tag ">Converter Tools</span> 28824 </div> 28825 <p>Convert XML to CSV</p> 28826 </div> 28827 </a> 28828 </div> 28829 <div class="col-lg-3 col-6 element-tools" 28830 data-title="CSV to JSON" 28831 data-description="Convert CSV to JSON" 28832 data-search-terms="csv json converter document csv json converter document csv json converter document csv json converter document"> 28833 <a href="https://tinywow.com/converter/csv-to-json" class="tools_box-full"> 28834 <div class="tools_box "> 28835 <div class="icon_box v_2 v2 "> 28836 <svg width="24" height="24" class="img-fluid"> 28837 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28838 </svg> 28839 </div> 28840 <div> 28841 <h4>CSV to JSON</h4> 28842 <span class="color-green catalog-box__tag ">Converter Tools</span> 28843 </div> 28844 <p>Convert CSV to JSON</p> 28845 </div> 28846 </a> 28847 </div> 28848 <div class="col-lg-3 col-6 element-tools" 28849 data-title="Excel to XML" 28850 data-description="Convert Excel to XML" 28851 data-search-terms="excel xml converter document excel xml converter document excel xml converter document excel xml converter document"> 28852 <a href="https://tinywow.com/converter/excel-to-xml" class="tools_box-full"> 28853 <div class="tools_box "> 28854 <div class="icon_box v_3 v3 "> 28855 <svg width="24" height="24" class="img-fluid"> 28856 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#file"></use> 28857 </svg> 28858 </div> 28859 <div> 28860 <h4>Excel to XML</h4> 28861 <span class="color-purple catalog-box__tag ">Converter Tools</span> 28862 </div> 28863 <p>Convert Excel to XML</p> 28864 </div> 28865 </a> 28866 </div> 28867 <div class="col-lg-3 col-6 element-tools" 28868 data-title="EPUB to AZW3" 28869 data-description="Convert EPUB file to AZW3 file" 28870 data-search-terms="epub azw3 converter epub azw3 converter epub azw3 converter epub azw3 converter"> 28871 <a href="https://tinywow.com/converter/epub-to-azw3" class="tools_box-full"> 28872 <div class="tools_box "> 28873 <div class="icon_box v_7 v7 "> 28874 <svg width="24" height="24" class="img-fluid"> 28875 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28876 </svg> 28877 </div> 28878 <div> 28879 <h4>EPUB to AZW3</h4>
28880 <span class="color-purple catalog-box__tag ">Converter Tools</span> 28881 </div> 28882 <p>Convert EPUB file to AZW3 file</p> 28883 </div> 28884 </a> 28885 </div> 28886 <div class="col-lg-12 text-center index-actions check-tools__actions "> 28887 <a href="https://tinywow.com/tools/converter" class="index-btn button ">All Converter Tools</a> 28888 28889 </div> 28890</div> 28891 <div class="row catalog-box tools-block-results" data-tools-block-type="6" style="display: none" > 28892 <div class="col-lg-3 col-6 element-tools" 28893 data-title="QR Code Generator" 28894 data-description="Generate QR code" 28895 data-search-terms="qr code generator generate converter other qr code generator generate converter other qr code generator generate converter other qr code generator generate converter other"> 28896 <a href="https://tinywow.com/other/qr-code" class="tools_box-full"> 28897 <div class="tools_box "> 28898 <div class="icon_box v_5 v5 "> 28899 <svg width="24" height="24" class="img-fluid"> 28900 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#qr"></use> 28901 </svg> 28902 </div> 28903 <div> 28904 <h4>QR Code Generator</h4> 28905 <span class="color-purple catalog-box__tag ">Other Tools</span> 28906 </div> 28907 <p>Generate QR code</p> 28908 </div> 28909 </a> 28910 </div> 28911 <div class="col-lg-3 col-6 element-tools" 28912 data-title="Lorem Ipsum Generator" 28913 data-description="Generate Lorem Ipsum placeholder text" 28914 data-search-terms="lorem ipsum generator converter other lorem ipsum generator converter other lorem ipsum generator converter other lorem ipsum generator converter other"> 28915 <a href="https://tinywow.com/other/lorem-ipsum-generator" class="tools_box-full"> 28916 <div class="tools_box "> 28917 <div class="icon_box v_6 v6 "> 28918 <svg width="24" height="24" class="img-fluid"> 28919 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 28920 </svg> 28921 </div> 28922 <div> 28923 <h4>Lorem Ipsum Generator</h4> 28924 <span class="color-orange catalog-box__tag ">Other Tools</span> 28925 </div> 28926 <p>Generate Lorem Ipsum placeholder text</p> 28927 </div> 28928 </a> 28929 </div> 28930 <div class="col-lg-3 col-6 element-tools" 28931 data-title="Meme Maker" 28932 data-description="Generate memes easily" 28933 data-search-terms="meme maker online generator converter other meme maker online generator converter other meme maker online generator converter other meme maker online generator converter other"> 28934 <a href="https://tinywow.com/other/meme-maker" class="tools_box-full"> 28935 <div class="tools_box "> 28936 <div class="icon_box v_3 v3 "> 28937 <svg width="24" height="24" class="img-fluid"> 28938 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#image"></use> 28939 </svg> 28940 </div> 28941 <div> 28942 <h4>Meme Maker</h4> 28943 <span class="color-green catalog-box__tag ">Other Tools</span> 28944 </div> 28945 <p>Generate memes easily</p> 28946 </div> 28947 </a> 28948 </div> 28949 <div class="col-lg-3 col-6 element-tools" 28950 data-title="Create Zip" 28951 data-description="Create Zip file Online" 28952 data-search-terms="create zip converter other create zip converter other create zip converter other create zip converter other create zip converter other "> 28953 <a href="https://tinywow.com/other/zip" class="tools_box-full"> 28954 <div class="tools_box "> 28955 <div class="icon_box v_5 v5 "> 28956 <svg width="24" height="24" class="img-fluid"> 28957 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#compress"></use> 28958 </svg> 28959 </div> 28960 <div> 28961 <h4>Create Zip</h4>
28962 <span class="color-violet catalog-box__tag ">Other Tools</span> 28963 </div> 28964 <p>Create Zip file Online</p> 28965 </div> 28966 </a> 28967 </div> 28968 <div class="col-lg-3 col-6 element-tools" 28969 data-title="Epoch Converter" 28970 data-description="Convert epoch to human-readable date and vice versa" 28971 data-search-terms="epoch converter timestamp date other time epoch converter timestamp date other time epoch converter timestamp date other time epoch converter timestamp date other time"> 28972 <a href="https://tinywow.com/other/unix-timestamp" class="tools_box-full"> 28973 <div class="tools_box "> 28974 <div class="icon_box v_4 v4 "> 28975 <svg width="24" height="24" class="img-fluid"> 28976 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#epoch"></use> 28977 </svg> 28978 </div> 28979 <div> 28980 <h4>Epoch Converter</h4> 28981 <span class="color-purple catalog-box__tag ">Other Tools</span> 28982 </div> 28983 <p>Convert epoch to human-readable date and vice versa</p> 28984 </div> 28985 </a> 28986 </div> 28987 <div class="col-lg-12 text-center index-actions check-tools__actions "> 28988 <a href="https://tinywow.com/tools/other" class="index-btn button ">All Other Tools</a> 28989 28990 </div> 28991</div> 28992 <div class="row catalog-box tools-block-results" data-tools-block-type="8" style="display: none" > 28993 <div class="col-lg-3 col-6 element-tools" 28994 data-title="Content Improver" 28995 data-description="Improve your content" 28996 data-search-terms="content improver ai write content improver ai write content improver ai write content improver ai write write content improver "> 28997 <a href="https://tinywow.com/write/content-improver" class="tools_box-full"> 28998 <div class="tools_box "> 28999 <div class="icon_box v_8 v8 "> 29000 <svg width="24" height="24" class="img-fluid"> 29001 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29002 </svg> 29003 </div> 29004 <div> 29005 <h4>Content Improver</h4> 29006 <span class="color-violet catalog-box__tag ">AI Write</span> 29007 </div> 29008 <p>Improve your content</p> 29009 </div> 29010 </a> 29011 </div> 29012 <div class="col-lg-3 col-6 element-tools" 29013 data-title="Essay Writer" 29014 data-description="Easily create an essay with AI" 29015 data-search-terms="essay writer write essay writer write essay writer write essay writer write essay writer "> 29016 <a href="https://tinywow.com/write/essay-writer" class="tools_box-full"> 29017 <div class="tools_box "> 29018 <div class="icon_box v_3 v3 "> 29019 <svg width="24" height="24" class="img-fluid"> 29020 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29021 </svg> 29022 </div> 29023 <div> 29024 <h4>Essay Writer</h4> 29025 <span class="color-orange catalog-box__tag ">AI Write</span> 29026 </div> 29027 <p>Easily create an essay with AI</p> 29028 </div> 29029 </a> 29030 </div> 29031 <div class="col-lg-3 col-6 element-tools" 29032 data-title="Paragraph Writer" 29033 data-description="Paragraph Writer" 29034 data-search-terms="paragraph writer write generator write ai paragraph writer generator write ai write paragraph writer generator write ai paragraph writer write generator write ai paragraph writer write generator write ai paragraph writer write generator write ai"> 29035 <a href="https://tinywow.com/write/paragraph-writer" class="tools_box-full"> 29036 <div class="tools_box "> 29037 <div class="icon_box v_2 v2 "> 29038 <svg width="24" height="24" class="img-fluid"> 29039 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29040 </svg> 29041 </div> 29042 <div> 29043 <h4>Paragraph Writer</h4>
29044 <span class="color-violet catalog-box__tag ">AI Write</span> 29045 </div> 29046 <p>Paragraph Writer</p> 29047 </div> 29048 </a> 29049 </div> 29050 <div class="col-lg-3 col-6 element-tools" 29051 data-title="Paragraph Completer" 29052 data-description="Paragraph Completer" 29053 data-search-terms="paragraph completer write paragraph completer write paragraph completer write paragraph completer write paragraph completer write "> 29054 <a href="https://tinywow.com/write/paragraph-completer" class="tools_box-full"> 29055 <div class="tools_box "> 29056 <div class="icon_box v_7 v7 "> 29057 <svg width="24" height="24" class="img-fluid"> 29058 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29059 </svg> 29060 </div> 29061 <div> 29062 <h4>Paragraph Completer</h4> 29063 <span class="color-green catalog-box__tag ">AI Write</span> 29064 </div> 29065 <p>Paragraph Completer</p> 29066 </div> 29067 </a> 29068 </div> 29069 <div class="col-lg-3 col-6 element-tools" 29070 data-title="Story Generator" 29071 data-description="Generate a Story" 29072 data-search-terms="write story generator story generator write story generator write story generator write story generator write "> 29073 <a href="https://tinywow.com/write/story-generator" class="tools_box-full"> 29074 <div class="tools_box "> 29075 <div class="icon_box v_3 v3 "> 29076 <svg width="24" height="24" class="img-fluid"> 29077 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29078 </svg> 29079 </div> 29080 <div> 29081 <h4>Story Generator</h4> 29082 <span class="color-violet catalog-box__tag ">AI Write</span> 29083 </div> 29084 <p>Generate a Story</p> 29085 </div> 29086 </a> 29087 </div> 29088 <div class="col-lg-3 col-6 element-tools" 29089 data-title="Grammar Fixer" 29090 data-description="Easily fix the grammar in a block of text" 29091 data-search-terms="grammar fixer write grammar fixer write grammar fixer write grammar fixer write grammar fixer "> 29092 <a href="https://tinywow.com/write/grammar-fixer" class="tools_box-full"> 29093 <div class="tools_box "> 29094 <div class="icon_box v_6 v6 "> 29095 <svg width="24" height="24" class="img-fluid"> 29096 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29097 </svg> 29098 </div> 29099 <div> 29100 <h4>Grammar Fixer</h4> 29101 <span class="color-purple catalog-box__tag ">AI Write</span> 29102 </div> 29103 <p>Easily fix the grammar in a block of text</p> 29104 </div> 29105 </a> 29106 </div> 29107 <div class="col-lg-3 col-6 element-tools" 29108 data-title="Article Writer" 29109 data-description="Create an article from a title" 29110 data-search-terms="article writer write article writer write article writer write article writer write write article writer "> 29111 <a href="https://tinywow.com/write/article-writer" class="tools_box-full"> 29112 <div class="tools_box "> 29113 <div class="icon_box v_5 v5 "> 29114 <svg width="24" height="24" class="img-fluid"> 29115 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29116 </svg> 29117 </div> 29118 <div> 29119 <h4>Article Writer</h4> 29120 <span class="color-violet catalog-box__tag ">AI Write</span> 29121 </div> 29122 <p>Create an article from a title</p> 29123 </div> 29124 </a> 29125 </div> 29126 <div class="col-lg-3 col-6 element-tools" 29127 data-title="Sentence Rewriter" 29128 data-description="Sentence Rewriter" 29129 data-search-terms="sentence rewriter write sentence rewriter write sentence rewriter write sentence rewriter write write sentence rewriter "> 29130 <a href="https://tinywow.com/write/sentence-rewriter" class="tools_box-full"> 29131 <div class="tools_box "> 29132 <div class="icon_box v_2 v2 "> 29133 <svg width="24" height="24" class="img-fluid"> 29134 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29135 </svg> 29136 </div> 29137 <div> 29138 <h4>Sentence Rewriter</h4>
29139 <span class="color-purple catalog-box__tag ">AI Write</span> 29140 </div> 29141 <p>Sentence Rewriter</p> 29142 </div> 29143 </a> 29144 </div> 29145 <div class="col-lg-3 col-6 element-tools" 29146 data-title="AI Humanizer" 29147 data-description="Use the AI Humanizer to makes AI text sound more human" 29148 data-search-terms="humanizer ai write humanizer ai write humanizer ai write humanizer ai write ai humanizer write "> 29149 <a href="https://tinywow.com/write/humanizer-ai" class="tools_box-full"> 29150 <div class="tools_box "> 29151 <div class="icon_box v_3 v3 "> 29152 <svg width="24" height="24" class="img-fluid"> 29153 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29154 </svg> 29155 </div> 29156 <div> 29157 <h4>AI Humanizer</h4> 29158 <span class="color-green catalog-box__tag ">AI Write</span> 29159 </div> 29160 <p>Use the AI Humanizer to makes AI text sound more human</p> 29161 </div> 29162 </a> 29163 </div> 29164 <div class="col-lg-3 col-6 element-tools" 29165 data-title="Content Summarizer" 29166 data-description="Summarize text" 29167 data-search-terms="content summarizer ai write write content summarizer content summarizer ai write content summarizer ai write content summarizer ai write "> 29168 <a href="https://tinywow.com/write/content-summarizer" class="tools_box-full"> 29169 <div class="tools_box "> 29170 <div class="icon_box v_7 v7 "> 29171 <svg width="24" height="24" class="img-fluid"> 29172 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29173 </svg> 29174 </div> 29175 <div> 29176 <h4>Content Summarizer</h4> 29177 <span class="color-orange catalog-box__tag ">AI Write</span> 29178 </div> 29179 <p>Summarize text</p> 29180 </div> 29181 </a> 29182 </div> 29183 <div class="col-lg-3 col-6 element-tools" 29184 data-title="Tone of Voice" 29185 data-description="Tone of Voice Tool" 29186 data-search-terms="tone voice write tone voice write tone voice write tone voice write"> 29187 <a href="https://tinywow.com/write/tone-of-voice" class="tools_box-full"> 29188 <div class="tools_box "> 29189 <div class="icon_box v_6 v6 "> 29190 <svg width="24" height="24" class="img-fluid"> 29191 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29192 </svg> 29193 </div> 29194 <div> 29195 <h4>Tone of Voice</h4> 29196 <span class="color-purple catalog-box__tag ">AI Write</span> 29197 </div> 29198 <p>Tone of Voice Tool</p> 29199 </div> 29200 </a> 29201 </div> 29202 <div class="col-lg-3 col-6 element-tools" 29203 data-title="YouTube Script Writer" 29204 data-description="Generate a YouTube script" 29205 data-search-terms="youtube script writer youtube script writer write youtube script writer write youtube script writer write youtube script writer write "> 29206 <a href="https://tinywow.com/write/youtube-script-writer" class="tools_box-full"> 29207 <div class="tools_box "> 29208 <div class="icon_box v_2 v2 "> 29209 <svg width="24" height="24" class="img-fluid"> 29210 <use xlink:href="https://tinywow.com/v3/img/menu-icons.svg#docs"></use> 29211 </svg> 29212 </div> 29213 <div> 29214 <h4>YouTube Script Writer</h4> 29215 <span class="color-violet catalog-box__tag ">AI Write</span> 29216 </div> 29217 <p>Generate a YouTube script</p> 29218 </div> 29219 </a> 29220 </div> 29221 <div class="col-lg-12 text-center index-actions check-tools__actions "> 29222 <a href="https://tinywow.com/tools/write" class="index-btn button ">All AI Write</a> 29223 29224 </div> 29225</div> 29226 29227 </div> 29228 </div> 29229 <!-- present area --> 29230 <div class="present_area"> 29231 <div class="container"> 29232 <div class="present pt_150"> 29233 <div class="d-flex justify-content-between align-items-center"> 29234 <div> 29235 <h2 class="title">Free Tools You'd Usually Pay For</h2> 29236 <div class="m-mt-8 mt_24"> 29237 <p class="gray">No Limits, No Sign-Up</p> 29238 <p class="gray mt_8">Here's our featured tools</p> 29239 </div> 29240 </div> 29241 <div class="present__buttons"> 29242 <button class="present__button present__button--left" type="button"> 29243 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 29244 <path d="M9.57 5.93018L3.5 12.0002L9.57 18.0702" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 29245 <path d="M20.4999 12H3.66992" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 29246 </svg> 29247 </button> 29248 29249 <button class="present__button is-active present__button--right" type="button"> 29250 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 29251 <path d="M14.4299 5.93018L20.4999 12.0002L14.4299 18.0702" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 29252 <path d="M3.5 12H20.33" stroke="white" stroke-width="1.2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/> 29253 </svg> 29254 </button> 29255 </div> 29256 </div> 29257 </div> 29258 </div> 29259 <div class="container-present mt_40"> 29260 <div class="js-present-slider"> 29261 <div class="present-card"> 29262 <a href="https://tinywow.com/pdf/create"> 29263 <div class="present-card__bg bg-v1"> 29264 <picture> 29265 <source srcset="https://tinywow.com/v3/img/present/present-pdf-creator.webp" type="image/webp"> 29266 <source srcset="https://tinywow.com/v3/img/present/present-pdf-creator.png" type="image/png"> 29267 <img src="https://tinywow.com/v3/img/present/present-pdf-creator.png" alt="" width="478" height="300" loading="lazy"> 29268 </picture> 29269 </div> 29270 <div class="present-cart__content"> 29271 <h5 class="present-card__name">PDF Creator</h5> 29272 <p class="present-card__descr gray">Create a PDF quickly and easily with our free PDF creator</p> 29273 <div class="present-cart__actions"> 29274 <a class="present-cart__link" href="https://tinywow.com/pdf/create">Learn more</a> 29275 </div> 29276 </div> 29277 </a> 29278 </div> 29279 29280 <div class="present-card"> 29281 <a href="https://tinywow.com/image/remove-bg"> 29282 <div class="present-card__bg v16"> 29283 <picture> 29284 <source srcset="https://tinywow.com/v3/img/present/present-remove-bg.webp" type="image/webp"> 29285 <source srcset="https://tinywow.com/v3/img/present/present-remove-bg.png" type="image/png"> 29286 <img src="https://tinywow.com/v3/img/present/present-remove-bg.png" alt="" width="478" height="300" loading="lazy"> 29287 </picture> 29288 </div> 29289 <div class="present-cart__content"> 29290 <h5 class="present-card__name">
29290Background Remover</h5> 29291 <p class="present-card__descr gray">Remove or change the background on a photo</p> 29292 <div class="present-cart__actions"> 29293 <a class="present-cart__link" href="https://tinywow.com/image/remove-bg">Learn more</a> 29294 </div> 29295 </div> 29296 </a> 29297 </div> 29298 29299 <div class="present-card"> 29300 <a href="https://tinywow.com/image/remove-objects"> 29301 <div class="present-card__bg v17"> 29302 <picture> 29303 <source srcset="https://tinywow.com/v3/img/present/present-remove-obj.webp" type="image/webp"> 29304 <source srcset="https://tinywow.com/v3/img/present/present-remove-obj.png" type="image/png"> 29305 <img src="https://tinywow.com/v3/img/present/present-remove-obj.png" alt="" width="478" height="300" loading="lazy"> 29306 </picture> 29307 </div> 29308 <div class="present-cart__content"> 29309 <h5 class="present-card__name">Photo Cleanup</h5> 29310 <p class="present-card__descr gray">Use AI to remove unwanted objects, items, people from an image</p> 29311 <div class="present-cart__actions"> 29312 <a class="present-cart__link" href="https://tinywow.com/image/remove-objects">Learn more</a> 29313 </div> 29314 </div> 29315 </a> 29316 </div> 29317 29318 <div class="present-card"> 29319 <a href="https://tinywow.com/image/ai-image-generator"> 29320 <div class="present-card__bg present-card__bg--doble v18"> 29321 <picture> 29322 <source srcset="https://tinywow.com/v3/img/present/present-ai-bg.webp" type="image/webp"> 29323 <source srcset="https://tinywow.com/v3/img/present/present-ai-bg.png" type="image/png"> 29324 <img src="https://tinywow.com/v3/img/present/present-ai-bg.png" alt="" width="478" height="300" loading="lazy"> 29325 </picture> 29326 </div> 29327 <div class="present-cart__content"> 29328 <h5 class="present-card__name">Image Generator</h5> 29329 <p class="present-card__descr gray">Generate images from your imagination using AI</p> 29330 <div class="present-cart__actions"> 29331 <a class="present-cart__link" href="https://tinywow.com/image/ai-image-generator">Learn more</a> 29332 </div> 29333 </div> 29334 </a> 29335 </div> 29336 29337 29338 29339 29340 29341 29342 29343 29344 29345 29346 29347 29348 29349 29350 29351 29352 29353 29354 29355 29356 29357 29358 29359 29360 29361 29362 29363 <div class="present-card"> 29364 <a href="https://tinywow.com/pdf/edit"> 29365 <div class="present-card__bg v21"> 29366 <picture> 29367 <source srcset="https://tinywow.com/v3/img/present/present-pdf-editor.webp" type="image/webp"> 29368 <source srcset="https://tinywow.com/v3/img/present/present-pdf-editor.png" type="image/png"> 29369 <img src="https://tinywow.com/v3/img/present/present-pdf-editor.png" alt="" width="478" height="300" loading="lazy"> 29370 </picture> 29371 </div> 29372 <div class="present-cart__content"> 29373 <h5 class="present-card__name">PDF Editor</h5> 29374 <p class="present-card__descr gray">Edit an existing PDF and download with no sign-up required</p> 29375 <div class="present-cart__actions"> 29376 <a class="present-cart__link" href="https://tinywow.com/pdf/edit">Learn more</a> 29377 </div> 29378 </div> 29379 </a> 29380 </div> 29381 29382 <div class="present-card"> 29383 <a href="https://tinywow.com/image/profile-photo"> 29384 <div class="present-card__bg v22"> 29385 <picture> 29386 <source srcset="https://tinywow.com/v3/img/present/present-profile.webp" type="image/webp"> 29387 <source srcset="https://tinywow.com/v3/img/present/present-profile.png" type="image/png"> 29388 <img src="https://tinywow.com/v3/img/present/present-profile.png" alt="" width="478" height="300" loading="lazy"> 29389 </picture> 29390 </div> 29391 <div class="present-cart__content"> 29392 <h5 class="present-card__name">Profile Photo Maker</h5> 29393 <p class="present-card__descr gray">Style your profile photo for social media</p> 29394 <div class="present-cart__actions"> 29395 <a class="present-cart__link" href="https://tinywow.com/image/profile-photo">Learn more</a> 29396 </div> 29397 </div> 29398 </a> 29399 </div> 29400 29401 <div class="present-card"> 29402 <a href="https://tinywow.com/image/chart-maker"> 29403 <div class="present-card__bg present-card__bg--doble v23"> 29404 <picture> 29405 <source srcset="https://tinywow.com/v3/img/present/present-creator.webp" type="image/webp"> 29406 <source srcset="https://tinywow.com/v3/img/present/present-creator.png" type="image/png"> 29407 <img src="https://tinywow.com/v3/img/present/present-creator.png" alt="" width="478" height="300" loading="lazy"> 29408 </picture> 29409 </div> 29410 <div class="present-cart__content"> 29411 <h5 class="present-card__name">Chart Creator</h5> 29412 <p class="present-card__descr gray">Create charts and download as an image</p> 29413 <div class="present-cart__actions"> 29414 <a class="present-cart__link" href="https://tinywow.com/image/chart-maker">Learn more</a> 29415 </div> 29416 </div> 29417 </a> 29418 </div> 29419 <div class="present-card"> 29420 <a href="https://tinywow.com/image/chart-maker"> 29421 <div class="present-card__bg present-card__bg--doble v24"> 29422 <picture> 29423 <source srcset="https://tinywow.com/v3/img/present/present-convert.webp" type="image/webp"> 29424 <source srcset="https://tinywow.com/v3/img/present/present-convert.png" type="image/png"> 29425 <img src="https://tinywow.com/v3/img/present/present-convert.png" alt="" width="478" height="300" loading="lazy"> 29426 </picture> 29427 </div> 29428 <div class="present-cart__content"> 29429 <h5 class="present-card__name">PDF to Word</h5> 29430 <p class="present-card__descr gray">Create a Word Doc or Extract the text using OCR from a PDF</p> 29431 <div class="present-cart__actions"> 29432 <a class="present-cart__link" href="https://tinywow.com/pdf/to-word">Learn more</a> 29433 </div> 29434 </div> 29435 </a> 29436 </div> 29437 </div> 29438 </div> 29439 </div>
29440 <!-- support area --> 29441 <div class="support-area"> 29442 <div class="container"> 29443 <div class="row align-items-center"> 29444 <div class="support-area__content col-sm-7"> 29445 <h2 class="title"> 29446 Support TinyWow 29447 </h2> 29448 <p class="descr">Take your projects further with premium tools that stay out of your way and work smarter. Create without limits, ads, or roadblocks. Get started for just $5.99 a month. 29449 </p> 29450 <div class="features"> 29451 <div class="feature"> 29452 <div class="icon-circle"> 29453 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20"> 29454 <path d="M0 0 C4.72760175 2.70499867 7.0584667 5.09741051 9.55078125 9.91796875 C10.16300537 11.08279785 10.77522949 12.24762695 11.40600586 13.44775391 C12.04188621 14.69414097 12.67737753 15.94072658 13.3125 17.1875 C13.97198438 18.45564664 14.6328806 19.72306004 15.29516602 20.98974609 C16.60344879 23.49615697 17.90397678 26.0063435 19.19824219 28.52001953 C20.76572181 31.5475066 22.35873171 34.55781473 23.9765625 37.55859375 C24.40026123 38.34532471 24.82395996 39.13205566 25.26049805 39.94262695 C26.02624531 41.36245993 26.79326787 42.7816061 27.56176758 44.19995117 C30 48.77484673 30 48.77484673 30 51 C36.2751294 45.95119526 42.42815551 40.78997572 48.5 35.5 C49.78370651 34.39045415 51.06755905 33.28107722 52.3515625 32.171875 C54.62166671 30.20847762 56.86488908 28.22173032 59.0859375 26.203125 C67.5703763 18.74062141 67.5703763 18.74062141 73.99609375 18.66015625 C78.47428348 19.41961533 81.02766143 21.90219839 83.9375 25.1875 C86.87207489 32.95549235 82.51940337 43.1214367 80.39453125 50.73828125 C80.02865816 52.06741453 79.6633283 53.39669745 79.29850769 54.72612 C78.53349111 57.50844302 77.76404372 60.28948604 76.9909668 63.06958008 C76.0177824 66.56948273 75.05240741 70.07147355 74.08990669 73.57432747 C70.68565444 85.96097511 67.25360415 98.34150569 63.63671875 110.66796875 C63.40958694 111.45826981 63.18245514 112.24857086 62.94844055 113.06282043 C60.98996737 119.62693989 59.34049561 123.75712475 53.15960407 127.15342999 C48.96640122 128.79717564 44.65073353 128.55380987 40.20288086 128.51757812 C39.13860367 128.5245874 38.07432648 128.53159668 36.97779846 128.53881836 C33.47321186 128.55636891 29.96943802 128.54478618 26.46484375 128.53125 C24.02299342 128.53394554 21.58114414 128.53782848 19.13929749 128.54284668 C14.02757524 128.54873761 8.916133 128.54019066 3.80444336 128.52148438 C-2.74501077 128.49868348 -9.29380963 128.51182842 -15.84323978 128.53577423 C-20.88330518 128.55023254 -25.92321536 128.54562616 -30.96328545 128.53526306 C-33.37819941 128.53259652 -35.79312752 128.53586295 -38.20802498 128.54518127 C-41.58315464 128.55534821 -44.95722459 128.5398427 -48.33227539 128.51757812 C-49.32828766 128.52567505 -50.32429993 128.53377197 -51.35049438 128.54211426 C-57.2248667 128.47038145 -60.50204476 127.86498637 -65 124 C-69.78206888 118.55293322 -71.04753153 111.71708552 -72.8984375 104.84375 C-73.25855201 103.53713506 -73.61962505 102.23078396 -73.9815979 100.92468262 C-74.93252469 97.48340082 -75.87037435 94.03868768 -76.80548096 90.59307861 C-77.7374441 87.16795675 -78.68168308 83.74622753 -79.625 80.32421875 C-81.08580369 75.0210763 -82.53442511 69.71476078 -83.97558594 64.40625 C-85.24685628 59.73089573 -86.54387041 55.06462467 -87.87597656 50.40625 C-88.15913727 49.40493042 -88.44229797 48.40361084 -88.73403931 47.37194824 C-89.24953938 45.55289486 -89.77273737 43.73599462 -90.30575562 41.92199707 C-91.92591347 36.16089043 -92.92119654 30.68478616 -91.4375 24.75 C-89.10535211 21.91086344 -86.41146546 20.22221794 -83 19 C-75.36449905 18.63054028 -71.54659206 22.12645932 -66 27 C-64.83931272 28.00219577 -63.67779327 29.00342824 -62.515625 30.00390625 C-59.94335423 32.22366096 -57.37972741 34.45294136 -54.8203125 36.6875 C-49.62091345 41.21422185 -44.31764446 45.61319088 -39 50 C-36.47340352 46.82934104 -34.5725837 43.5188462 -32.671875 39.94140625 C-32.35978088 39.35640854 -32.04768677 38.77141083 -31.72613525 38.16868591 C-30.73092545 36.30162162 -29.7403414 34.43215038 -28.75 32.5625 C-28.10057628 31.3416288 -27.45083919 30.12092425 -26.80078125 28.90039062 C-26.31985268 27.99700203 -26.31985268 27.99700203 -25.82920837 27.07536316 C-25.18315567 25.86200302 -24.53696651 24.64871554 -23.89064026 23.4355011 C-22.2724357 20.39663837 -20.66008045 17.35495429 -19.05834961 14.30737305 C-18.13807983 12.56967651 -18.13807983 12.56967651 -17.19921875 10.796875 C-16.65354248 9.76014
29454648 -16.10786621 8.72341797 -15.5456543 7.65527344 C-12.00330722 1.56988932 -7.21113127 -1.92208462 0 0 Z M-4 21 C-7.72143664 26.41018909 -10.71491506 32.285777 -13.65625 38.14453125 C-13.96981445 38.76746063 -14.28337891 39.39039001 -14.60644531 40.03219604 C-15.90198285 42.61145082 -17.19481252 45.19173667 -18.46826172 47.78198242 C-19.41426859 49.70103177 -20.37752824 51.61059713 -21.34375 53.51953125 C-21.90255859 54.64464111 -22.46136719 55.76975098 -23.03710938 56.92895508 C-25.62594195 60.97931888 -28.64344277 63.82172139 -33 66 C-39.13560502 66.79831292 -43.79301087 66.35657293 -48.875 62.75 C-52.45127748 59.80483031 -55.84756207 56.67538902 -59.234375 53.515625 C-62.98199249 50.10677519 -66.94113414 47.02661109 -71 44 C-72.2059619 47.50012646 -71.77960878 49.72434758 -70.78417969 53.25244141 C-70.49347595 54.30098297 -70.20277222 55.34952454 -69.90325928 56.42984009 C-69.57940247 57.55900848 -69.25554565 58.68817688 -68.921875 59.8515625 C-68.5946344 61.0207724 -68.2673938 62.1899823 -67.93023682 63.3946228 C-66.87930272 67.14072453 -65.81473626 70.88280057 -64.75 74.625 C-64.0473004 77.12345151 -63.34546734 79.62214692 -62.64453125 82.12109375 C-61.34600745 86.73927479 -60.04461467 91.35659666 -58.73339844 95.97119141 C-58.47057068 96.89622467 -58.20774292 97.82125793 -57.93695068 98.77432251 C-56.65391187 103.19149139 -55.32172436 107.59425214 -54 112 C-21 112 12 112 46 112 C47.80273381 107.19270985 49.45759131 102.70647313 50.82519531 97.81518555 C51.14852844 96.66426926 51.47186157 95.51335297 51.80499268 94.32756042 C52.14262634 93.10958267 52.48026001 91.89160492 52.828125 90.63671875 C53.18138855 89.36778275 53.5346521 88.09884674 53.89862061 86.79145813 C54.64081376 84.12203987 55.37990333 81.45178386 56.1171875 78.78100586 C57.06278272 75.35785292 58.01961387 71.93794823 58.97914505 68.51867962 C59.89466813 65.24760252 60.79812569 61.97322291 61.703125 58.69921875 C62.04885559 57.47111984 62.39458618 56.24302094 62.75079346 54.97770691 C63.06151794 53.84255142 63.37224243 52.70739594 63.69238281 51.5378418 C63.96979309 50.5382695 64.24720337 49.5386972 64.53302002 48.50883484 C65.23094313 45.88534795 65.23094313 45.88534795 64 43 C63.33355469 43.61746094 62.66710937 44.23492187 61.98046875 44.87109375 C55.50364686 50.82252309 48.89905623 56.53639256 42 62 C40.989375 62.845625 39.97875 63.69125 38.9375 64.5625 C34.67957206 66.64616687 30.64275553 66.9271876 26 66 C17.81982874 63.08873718 15.17094676 55.87129636 11.5 48.5625 C10.87028656 47.34086891 10.23878692 46.12015684 9.60546875 44.90039062 C8.35220831 42.48226244 7.1085138 40.05956888 5.87109375 37.63330078 C3.00644911 32.03963948 0.00135928 26.52118307 -3 21 C-3.33 21 -3.66 21 -4 21 Z " fill="#fff" transform="translate(92,16)"/> 29455 <path d="M0 0 C1.00100235 -0.00990463 2.0020047 -0.01980927 3.03334045 -0.03001404 C4.12541306 -0.02551239 5.21748566 -0.02101074 6.34265137 -0.01637268 C7.4974852 -0.02323593 8.65231903 -0.03009918 9.84214783 -0.03717041 C13.66470587 -0.05549254 17.48685566 -0.05159334 21.30944824 -0.0459137 C23.29189703 -0.04932067 25.27434601 -0.05273488 27.25679255 -0.05726677 C33.48874508 -0.07131053 39.72056052 -0.06975162 45.95251465 -0.05836487 C52.38058515 -0.0468793 58.80823865 -0.06096656 65.23625422 -0.08776134 C70.75740068 -0.10991372 76.27841619 -0.11655695 81.79960394 -0.11068493 C85.09626164 -0.10731348 88.39259242 -0.11144717 91.68922424 -0.12693596 C95.36438262 -0.14177067 99.0386162 -0.13122332 102.71374512 -0.11402893 C103.80581772 -0.1236969 104.89789032 -0.13336487 106.02305603 -0.14332581 C107.02405838 -0.13349167 108.02506073 -0.12365753 109.05639648 -0.11352539 C110.3593932 -0.11321146 110.3593932 -0.11321146 111.68871307 -0.1128912 C114.82070406 0.55724968 116.01954774 1.95018843 118.02819824 4.38768005 C119.28150841 7.64628649 119.2609973 8.86081903 117.84069824 12.07518005 C115.91630377 14.53044196 114.87606362 15.25277229 112.02819824 16.38768005 C109.75397587 16.64215565 109.75397587 16.64215565 107.21498108 16.64837646 C106.24908051 16.65546127 105.28317993 16.66254608 104.28800964 16.66984558 C103.23491104 16.66736816 102.18181244 16.66489075 101.09680176 16.66233826 C99.9825885 16.66744919 98.86837524 16.67256012 97.72039795 16.67782593 C94.03257902 16.69174049 90.34494657 16.69076376 86.65710449 16.6884613 C84.09647044 16.69234711 8
294551.53583703 16.69668154 78.97520447 16.70144653 C73.60604498 16.7089127 68.23695411 16.70875259 62.86779785 16.70335388 C56.66589486 16.69731363 50.46421872 16.70962723 44.26235443 16.73092395 C38.29081147 16.75067407 32.31933873 16.75371252 26.34776115 16.75018883 C23.80920822 16.75070276 21.27065171 16.75595383 18.73211861 16.76600075 C15.18423037 16.77831904 11.63686889 16.77160071 8.08898926 16.75999451 C6.5123777 16.77146011 6.5123777 16.77146011 4.90391541 16.78315735 C-4.10230413 16.71794509 -4.10230413 16.71794509 -7.97180176 13.38768005 C-9.97180176 10.38768005 -9.97180176 10.38768005 -9.84680176 6.88768005 C-8.97180176 3.38768005 -8.97180176 3.38768005 -7.22785187 1.69316006 C-4.58473956 0.16370366 -3.03805248 0.00849828 0 0 Z " fill="#fff" transform="translate(33.9718017578125,160.61231994628906)"/> 29456 </svg> 29457 </div> 29458 <span>Ad-free</span> 29459 </div> 29460 <div class="feature"> 29461 <div class="icon-circle"> 29462 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20"> 29463 <path d="M0 0 C4.86622001 3.39382297 7.84819894 6.63115307 9.8203125 12.26953125 C10.13916016 14.76489258 10.13916016 14.76489258 10.234375 17.3515625 C10.27304688 18.28291016 10.31171875 19.21425781 10.3515625 20.17382812 C10.3825 21.13353516 10.4134375 22.09324219 10.4453125 23.08203125 C10.48398438 24.06107422 10.52265625 25.04011719 10.5625 26.04882812 C10.65642066 28.45554499 10.74209451 30.86226137 10.8203125 33.26953125 C11.89152344 33.09035156 12.96273437 32.91117188 14.06640625 32.7265625 C21.17062629 31.86163665 26.15415302 33.92108328 31.8203125 38.26953125 C32.3359375 38.86765625 32.8515625 39.46578125 33.3828125 40.08203125 C33.8571875 40.47390625 34.3315625 40.86578125 34.8203125 41.26953125 C36.49238173 40.96445195 38.15829949 40.62534249 39.8203125 40.26953125 C47.31292967 39.63911794 53.57623302 39.74638099 59.8203125 44.26953125 C60.5215625 45.03265625 61.2228125 45.79578125 61.9453125 46.58203125 C62.5640625 47.13890625 63.1828125 47.69578125 63.8203125 48.26953125 C66.58992408 48.06023673 66.58992408 48.06023673 69.8203125 47.26953125 C76.69549749 46.61200517 82.14834903 47.10684561 87.8203125 51.26953125 C92.64309867 55.79223295 95.57744306 60.10899031 96.0949707 66.84375 C96.11481943 68.21472773 96.12288153 69.58591101 96.12109375 70.95703125 C96.12537888 71.69598633 96.129664 72.43494141 96.13407898 73.19628906 C96.13980766 74.7595925 96.14033332 76.32292258 96.13598633 77.88623047 C96.1328591 80.2345365 96.15618712 82.58154002 96.18164062 84.9296875 C96.23492505 97.06712487 94.94804474 108.46098138 89.2578125 119.39453125 C88.91339111 120.06484375 88.56896973 120.73515625 88.21411133 121.42578125 C80.18342368 136.35395914 66.7937954 146.37049378 50.90332031 151.67211914 C42.02796329 154.21759484 33.25932362 154.62517508 24.0703125 154.58203125 C22.83474609 154.5771167 21.59917969 154.57220215 20.32617188 154.56713867 C-9.90029984 154.17916066 -26.44540883 140.13570517 -47.0546875 119.64453125 C-47.97765625 118.7421875 -48.900625 117.83984375 -49.8515625 116.91015625 C-56.28777819 110.51125195 -61.63339858 105.00622831 -62.2734375 95.59765625 C-62.00305177 88.88307735 -59.34067738 83.55066793 -54.77734375 78.70703125 C-50.4015437 74.76988108 -45.01421157 73.05419732 -39.1796875 73.26953125 C-36.84057581 73.91563141 -34.50659522 74.58077197 -32.1796875 75.26953125 C-32.18856995 74.51055542 -32.19745239 73.75157959 -32.206604 72.96960449 C-32.28700245 65.79065413 -32.34777919 58.61192437 -32.38693619 51.43264008 C-32.4077446 47.7423317 -32.43593669 44.05239767 -32.48144531 40.36230469 C-32.52514693 36.79611064 -32.54887526 33.23027494 -32.55919647 29.66383362 C-32.57010244 27.65203013 -32.60128941 25.64036929 -32.63287354 23.62878418 C-32.63488285 15.37745431 -31.98114311 9.67479748 -26.43359375 3.24609375 C-18.32461413 -3.23359897 -9.48921547 -5.43612951 0 0 Z M-18.1796875 15.26953125 C-18.79960529 18.52435423 -18.79960529 18.52435423 -18.72900391 22.22192383 C-18.73922577 22.91352097 -18.74944763 23.6051181 -18.75997925 24.31767273 C-18.78774 26.60015659 -18.78586028 28.88143004 -18.78125 31.1640625 C-18.78902753 32.75583848 -18.79769762 34.34761033 -18.80722046 35.93937683 C-18.82213923 39.27588346 -18.82156842 42.61196688 -18.81103516 45.94848633 C-18.79946402 50.21265358 -18.83325958 54.47507813 -18.8797245 58.73895741 C-18.90927772 62.02742039 -18.91093201 65.31546787 -18.90470505 68.60404015 C-18.9057282 70.17525361 -18.91614256 71.74649134 -18.93632889 73.31757545 C-19.38803911 83.12489664 -19.38803911 83.12489664 -15.13818359 91.54956055 C-14.58858978 92.0079985 -14.03899597 92.46643646 -13.4727478 92.93876648 C-12.1796875 94.26953125 -12.1796875 94.26953125 -12.1171875 98.08203125 C-13.1796875 101.26953125 -13.1796875 101.26953125 -16.1796875 103.26953125 C-19.26961061 103.29990971 -21.33054898 102.94486496 -23.78515625 100.99267578 C-25.47739101 99.32041595 -27.08765178 97.5999094 -28.6796875 95.83203125 C-33.91896874 89.9971746 -33.91896874 89.9971746 -41.1796875 87.26953125 C-44.7
29463595112 88.57128532 -45.89328328 89.75400366 -47.7421875 93.08203125 C-48.34649135 97.48481646 -46.81128263 98.7588414 -44.1796875 102.26953125 C-42.37611761 104.26433734 -40.5716221 106.18187698 -38.671875 108.078125 C-38.1463504 108.60793472 -37.62082581 109.13774445 -37.07937622 109.68360901 C-35.97082341 110.79787305 -34.85968373 111.9095689 -33.74609375 113.01879883 C-32.07138038 114.69036969 -30.41040007 116.37477273 -28.75 118.06054688 C-12.86974792 134.03516316 1.08500217 140.37083562 23.7578125 140.58203125 C40.29298971 140.51225668 55.40558583 137.30901314 67.7890625 125.53125 C79.18884278 112.83803312 82.02247087 99.32077905 82.11547852 82.79199219 C82.12706421 81.35667108 82.14761879 79.92139521 82.17700195 78.48632812 C82.21961827 76.4007474 82.23582884 74.31643029 82.24609375 72.23046875 C82.26067627 70.99087402 82.27525879 69.7512793 82.2902832 68.47412109 C82.07512656 65.19915344 82.07512656 65.19915344 79.98120117 62.86572266 C77.85424652 61.04196631 77.85424652 61.04196631 74.8203125 60.76953125 C71.02522986 61.40204502 70.07199056 62.16376841 67.8203125 65.26953125 C66.95377189 67.3451983 66.20779186 69.41746433 65.53125 71.5625 C64.8203125 73.26953125 64.8203125 73.26953125 62.8203125 74.26953125 C59.8828125 74.64453125 59.8828125 74.64453125 56.8203125 74.26953125 C53.26882061 69.70094544 53.42851235 65.58794978 53.32421875 60.01171875 C53.07104584 57.16999499 53.07104584 57.16999499 50.97265625 55.4296875 C48.01586844 53.83591984 46.13144318 53.78665803 42.8203125 54.26953125 C38.656825 57.16084202 38.13010151 60.55429082 36.8203125 65.26953125 C33.58777454 67.42455656 32.56880327 67.7380926 28.8203125 67.26953125 C27.19140625 66.1171875 27.19140625 66.1171875 25.8203125 64.26953125 C25.44921875 61.52734375 25.44921875 61.52734375 25.3828125 58.39453125 C25.13924906 54.59861796 24.91562469 52.46015563 23.1953125 49.01953125 C19.89784991 46.58982197 17.81863722 46.68795674 13.8203125 47.26953125 C11.20438097 49.10068332 10.85041795 50.17921491 9.8203125 53.26953125 C9.59254256 56.07025792 9.4402049 58.86953266 9.296875 61.67578125 C8.8203125 64.26953125 8.8203125 64.26953125 7.50390625 66.12109375 C5.8203125 67.26953125 5.8203125 67.26953125 2.2578125 67.14453125 C-1.1796875 66.26953125 -1.1796875 66.26953125 -3.1796875 63.26953125 C-3.43
2946312439 61.11341858 -3.4312439 61.11341858 -3.43505859 58.58618164 C-3.44201752 57.63832291 -3.44897644 56.69046417 -3.45614624 55.71388245 C-3.45514923 54.69197311 -3.45415222 53.67006378 -3.453125 52.6171875 C-3.47341141 50.45767708 -3.49426215 48.29817191 -3.515625 46.13867188 C-3.53824938 42.73050514 -3.55470376 39.32254508 -3.56054688 35.91430664 C-3.57005145 32.62738601 -3.60380323 29.34139957 -3.640625 26.0546875 C-3.63557953 25.0348024 -3.63053406 24.0149173 -3.62533569 22.96412659 C-3.62745906 17.44450513 -3.62745906 17.44450513 -6.02587891 12.62670898 C-11.05010322 9.46079842 -14.75104865 10.80785894 -18.1796875 15.26953125 Z " fill="#fff" transform="translate(75.1796875,14.73046875)"/> 29464 </svg> 29465 </div> 29466 <span>No captcha</span> 29467 </div> 29468 <div class="feature"> 29469 <div class="icon-circle"> 29470 <svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 177 177" width="20" height="20"> 29471 <path d="M0 0 C18.8142618 14.57104531 30.50538137 35.23584442 33.9375 58.796875 C36.40726124 83.86037793 30.11702445 107.08047566 14.0625 126.68359375 C-3.40831186 146.70666335 -24.84059033 157.09236971 -51.109375 159.2890625 C-75.66449676 160.02296402 -96.98894369 150.26473415 -115.69921875 134.98828125 C-117.74609375 133.0078125 -117.74609375 133.0078125 -118.74609375 130.0078125 C-119.40609375 130.0078125 -120.06609375 130.0078125 -120.74609375 130.0078125 C-122.41345165 128.00210592 -123.93385682 126.0098137 -125.43359375 123.8828125 C-125.87912598 123.25117188 -126.3246582 122.61953125 -126.78369141 121.96875 C-140.54585553 102.00147913 -145.69638277 78.86546192 -142.25 54.84375 C-137.59662321 31.55057581 -124.58560175 10.12953795 -104.69921875 -3.19921875 C-71.00519656 -23.65630365 -32.16601342 -23.33523022 0 0 Z M-110.27734375 22.890625 C-124.03417291 40.45351022 -128.49163301 59.0777438 -126.74609375 81.0078125 C-126.14992972 85.21306188 -125.1831085 89.01675129 -123.74609375 93.0078125 C-123.41738281 93.97460938 -123.08867188 94.94140625 -122.75 95.9375 C-115.72413988 114.65691969 -102.12016926 128.20269943 -84.24609375 136.7578125 C-66.41703647 144.50071738 -46.82748069 145.37531263 -28.5546875 138.49609375 C-20.7234536 135.33886615 -14.09076524 131.65046397 -7.74609375 126.0078125 C-7.15957031 125.56179687 -6.57304687 125.11578125 -5.96875 124.65625 C8.33564503 113.56304569 15.7771848 95.49828789 18.25390625 78.0078125 C19.62343584 55.48958564 13.15423446 36.66841942 -1.75 19.73046875 C-14.76673388 6.03002764 -32.62661083 -1.84046437 -51.4765625 -2.4675293 C-74.46498716 -2.67692963 -94.8840977 5.35942811 -110.27734375 22.890625 Z " fill="#fff" transform="translate(142.74609375,17.9921875)"/> 29472 <path d="M0 0 C3.5 0.875 3.5 0.875 5.19172668 2.63739014 C6.67669321 5.17720785 6.89225075 6.63085437 6.93237305 9.55175781 C6.96206429 10.93273651 6.96206429 10.93273651 6.99235535 12.34161377 C6.99874527 13.32716248 7.00513519 14.31271118 7.01171875 15.328125 C7.03864555 16.85116241 7.03864555 16.85116241 7.06611633 18.40496826 C7.12025707 21.64493672 7.15412762 24.88475753 7.
294721875 28.125 C7.22066969 30.32293723 7.25515902 32.52085496 7.29101562 34.71875 C7.37598556 40.10403427 7.44431954 45.48933756 7.5 50.875 C10.01408253 52.13459642 12.5284464 53.39362589 15.04296875 54.65234375 C15.744823 55.0040564 16.44667725 55.35576904 17.1697998 55.71813965 C20.60056019 57.43500416 24.03590195 59.1399663 27.48828125 60.81298828 C36.9101923 65.41737989 36.9101923 65.41737989 39 69.5 C39.5 72.875 39.5 72.875 38.3125 75.6875 C34.87754758 79.83313223 34.87754758 79.83313223 31.37597656 80.22143555 C26.74082638 79.80714491 23.58226513 78.42256051 19.484375 76.33203125 C18.74672913 75.96655685 18.00908325 75.60108246 17.24908447 75.22453308 C15.69939263 74.45205819 14.15317972 73.67256846 12.61035156 72.88647461 C10.25280222 71.68892343 7.88176507 70.52205335 5.5078125 69.35742188 C3.99909877 68.60075263 2.49125434 67.84234707 0.984375 67.08203125 C0.27810974 66.73598343 -0.42815552 66.38993561 -1.15582275 66.03340149 C-5.30719617 63.88809733 -7.90599897 62.32899963 -9.5 57.875 C-9.91803446 54.04792498 -9.92018715 50.25308858 -9.8984375 46.40625 C-9.90130768 45.29318481 -9.90417786 44.18011963 -9.90713501 43.0333252 C-9.90917385 40.68318167 -9.90365664 38.3330211 -9.89111328 35.98291016 C-9.87505788 32.38795994 -9.89096894 28.79413404 -9.91015625 25.19921875 C-9.90817379 22.91406002 -9.90433005 20.62890199 -9.8984375 18.34375 C-9.90754654 16.73264343 -9.90754654 16.73264343 -9.9168396 15.08898926 C-9.82840807 5.69509361 -9.82840807 5.69509361 -6.5 1.875 C-3.5 -0.125 -3.5 -0.125 0 0 Z " fill="#fff" transform="translate(89.5,32.125)"/> 29473 </svg> 29474 </div> 29475 <span>Faster processing</span> 29476 </div> 29477 </div> 29478 29479 <div class="index-actions support-area__actions"> 29480 <a href="https://tinywow.com/support-tinywow" class="index-btn button">Get started</a> 29481 </div> 29482 </div> 29483 <div class="support-area__image-box col-sm-5"> 29484 <img src="https://tinywow.com/v3/img/tw-laptop.svg" alt="" loading="lazy"> 29485 </div> 29486 </div> 29487 </div> 29488 </div> 29489 29490 <template class="lazy-ad-scripts"> 29491 <!-- Tag ID: tinywow_1x1_bouncex --> 29492 <div align="center" id="tinywow_1x1_bouncex"> 29493
29493<script data-cfasync="false" type="text/javascript"> 29494 freestar.config.enabled_slots.push({ placementName: "tinywow_1x1_bouncex", slotId: "tinywow_1x1_bouncex" }); 29495 </script>
29495 29496 </div> 29497 </template> 29498 </main> 29499 29500 <div id="alertModal" role="dialog" class="modal fade show" style="z-index: 10000" 29501 aria-modal="true"> 29502 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 29503 <div tabindex="-1" class="modal-content"> 29504 <div class="modal-header"> 29505 <h4 class="modal-title" >Installation Error</h4> 29506 <button type="button" class="close" data-dismiss="modal" aria-label="Close">×</button> 29507 </div> 29508 <div class="modal-body"> 29509 29510 </div> 29511 <footer class="modal-footer"> 29512 <button type="button" class="btn button" data-dismiss="modal">Close</button> 29513 </footer> 29514 </div> 29515 </div> 29516</div> 29517 <div id="alertSuccessModal" role="dialog" class="modal fade show" 29518 aria-modal="true"> 29519 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 29520 <div tabindex="-1" class="modal-content"> 29521 <div class="modal-body"> 29522 <div class="modal-body"> 29523 Successfully sent! 29524 </div> 29525 </div> 29526 <footer class="modal-footer"> 29527 <button type="button" class="btn btn-secondary" data-dismiss="modal">Got it!</button> 29528 </footer> 29529 </div> 29530 </div> 29531</div> 29532 <footer> 29533 <div class="container"> 29534 <div class="row small_gutter"> 29535 <div class="col-lg-4 mt_30"> 29536 <a href="https://tinywow.com"> 29537 <img src="https://tinywow.com/v2/img/logo.svg" class="img-fluid logo-normal" alt="TinyWow" loading="lazy" width="114" height="32"> 29538 <img src="https://tinywow.com/v2/img/logo-light.svg" class="img-fluid logo-dark" alt="TinyWow" loading="lazy" width="114" height="32"> 29539 </a> 29540 <p class="mt_15">TinyWow provides free online conversion, pdf, and other handy tools to help you solve problems of all types. All files both processed and unprocessed are deleted after 1 hour</p> 29541 </div> 29542 <div class="col-lg-8"> 29543 <div class="row small_gutter"> 29544 29545 <div class="col-lg-2 col-md-3 col-6 mt_30"> 29546 <h4>Navigate</h4> 29547 <ul> 29548 <li><a href="https://tinywow.com">Home</a></li> 29549 <li><a href="https://tinywow.com/privacy">Privacy Policy</a></li> 29550 <li><a href="https://tinywow.com/tos">TOS</a></li> 29551 <li><a href="https://tinywow.com/contact">Contact</a></li> 29552 <li><a href="/blog">Blog</a></li> 29553 <li><a href="https://tinywow.com/about" rel="nofollow">About</a></li> 29554 </ul> 29555 </div> 29556 <div class="col-lg-10 col-md-9 mt_30"> 29557 <h4>Tools</h4> 29558 <div class="row small_gutter"> 29559 <div class="col-lg-3 col-6"> 29560 <ul> 29561 <li><a href="https://tinywow.com/write/content-improver">Content Improver</a></li> 29562 <li><a href="https://tinywow.com/write/essay-writer">Essay Writer</a></li> 29563 <li><a href="https://tinywow.com/write/paragraph-writer">Paragraph Writer</a></li> 29564 <li><a href="https://tinywow.com/image/ai-image-generator">AI Image Generator</a></li> 29565 </ul> 29566 </div> 29567 <div class="col-lg-3 col-6"> 29568 <ul> 29569 <li><a href="https://tinywow.com/pdf/merge">Merge PDF</a></li> 29570 <li><a href="https://tinywow.com/image/remove-bg">
29570Remove Background from Image</a></li> 29571 <li><a href="https://tinywow.com/pdf/edit">Edit PDF</a></li> 29572 <li><a href="https://tinywow.com/pdf/to-jpg">PDF to JPG</a></li> 29573 </ul> 29574 </div> 29575 <div class="col-lg-3 col-6"> 29576 <ul> 29577 <li><a href="https://tinywow.com/pdf/compress">Compress PDF</a></li> 29578 <li><a href="https://tinywow.com/image/upscale">Upscale Image</a></li> 29579 <li><a href="https://tinywow.com/pdf/from-jpg">JPG to PDF</a></li> 29580 <li><a href="https://tinywow.com/image/remove-watermark-photo">Remove watermark</a></li> 29581 </ul> 29582 </div> 29583 <div class="col-lg-3 col-6"> 29584 <ul> 29585 <li><a href="https://tinywow.com/write/paragraph-completer">Paragraph Completer</a></li> 29586 <li><a href="https://tinywow.com/pdf/to-word">PDF to Word</a></li> 29587 <li><a href="https://tinywow.com/image/to-text">Image To Text</a></li> 29588 <li><a href="https://tinywow.com" class="active">Others</a></li> 29589 </ul> 29590 </div> 29591 </div> 29592 </div> 29593 </div> 29594 </div> 29595 </div> 29596 </div> 29597 <div class="footer_bottom"> 29598 <div class="container"> 29599 <div class="row small_gutter align-items-center"> 29600 <div class="col-md-7 mt_10"> 29601 <p> 29602 <img src="https://tinywow.com/v2/img/jenni-ai-logo.svg" alt="Jenni AI" loading="lazy" width="86" height="24"> 29603 TinyWow is a <a href="https://jenni.ai/?via=tinywow" class="active">Jenni AI</a> Company 29604 </p> 29605 </div> 29606 <div class="col-md-5 text-md-right mt_10"> 29607 <p class="copy_right">@ 2026 TinyWow. All rights reserved</p> 29608 </div> 29609 </div> 29610 </div> 29611 </div> 29612</footer> 29613 29614<!-- back to top --> 29615<a href="#" class="back-to-top"><i class="fal fa-angle-up"></i></a> 29616 29617 <!-- all js here --> 29618
29618<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 29619 window.baseUrl = "https://tinywow.com"; 29620 window.ajaxUrls = { 29621 29622 "admTasks": "https://tinywow.com/admin/dashboard/tasks-data", 29623 "admErrs": "https://tinywow.com/admin/errors/errors-data", 29624 "homeContForm": "https://tinywow.com/main/send-contact", 29625 "suggForm": "https://tinywow.com/main/send-suggestion", 29626 "myFilesModal": "https://tinywow.com/files/files-modal", 29627 "myFilesDelete": "https://tinywow.com/files/delete/", 29628 "myFilesDeleteAll": "https://tinywow.com/files/delete-all", 29629 "myFilesExistsCheck": "https://tinywow.com/files/check-exists", 29630 "myFilesCkBfDwnld": "https://tinywow.com/files/check-before-download/", 29631 "setSiteMode": "https://tinywow.com/main/set-site-mode", 29632 "uploadFile": "https://tinywow.com/file/upload", 29633 "srchTools": "https://tinywow.com/main/search-tools", 29634 "signInModal": "https://tinywow.com/login", 29635 "logoutModal": "https://tinywow.com/logout-js", 29636 "signUpModal": "https://tinywow.com/register", 29637 "frgtPaswModal": "https://tinywow.com/password/email", 29638 "addCardModal": "https://tinywow.com/user/creditcard/update", 29639 "crtPmntInt": "https://tinywow.com/user/payments/create", 29640 "crtPaymentIntent": "https://tinywow.com/user/creditcard/create-pi", 29641 "getCardPm": "https://tinywow.com/user/payment-method/get", 29642 "addCardPm": "https://tinywow.com/user/payment-method/add", 29643 "cancelSbscr": "https://tinywow.com/user/subscription/cancel/", 29644 "subscribe": "https://tinywow.com/user/subscription/add", 29645 "switchSbcr": "https://tinywow.com/user/subscription/switch", 29646 "rmvCard": "https://tinywow.com/user/creditcard/remove/", 29647 "actvSbscr": "https://tinywow.com/user/subscription/activate/", 29648 "removeAccount": "https://tinywow.com/user/remove-account", 29649 "oneDriveSend": "https://tinywow.com/one-drive-picker-send-file", 29650 "subscribeUrlMain": "https://tinywow.com/main/subscribe-user", 29651 "subscribeUrlTagOnboard": "https://tinywow.com/content-machine/subscribe-to-onboard", 29652 "chkPrcsPaid": "https://tinywow.com/user/subscription/check-invoice/", 29653 "chkPrcsFailed": "https://tinywow.com/user/subscription/check-failed-invoice/", 29654 "aft3dsStp": "https://tinywow.com/after3ds-stripe", 29655 "aft3dsPmt": "https://tinywow.com/after3ds-stripe-pi", 29656 "aftFnshPmt": "https://tinywow.com/user/payment-method/after-finish-payment", 29657 "suppTiny": "https://tinywow.com/support-tinywow", 29658 "verifyEmail": "https://tinywow.com/email/resend", 29659 "usrLogApi": "https://tinywow.com/user/api/log-list/table-data", 29660 "strCrtSession": "https://tinywow.com/user/subscription/order/new/", 29661 "strCrtSessionEmbd": "https://tinywow.com/user/subscription/order/new-embed/", 29662 "strUpdSession": "https://tinywow.com/user/subscription/order/update/", 29663 "strCrtSessionOp": "https://tinywow.com/user/package/order/new", 29664 "usrIntgDelete": "https://tinywow.com/user/integration/delete/", 29665 "usrWebfDelete": "https://tinywow.com/user/webflow/delete/", 29666 "contentArtDts": "https://tinywow.com/content-machine/article-details/", 29667 "webflowGetItms": "https://tinywow.com/user/webflow/get-items/", 29668 "usrSettingUpd": "https://tinywow.com/content-machine/settings/update/", 29669 "dsblAutom": "https://tinywow.com/content-machine/am/disable", 29670 "uploadAvatar": "https://tinywow.com/user/settings/avatar", 29671 "removeAvatar": "https://tinywow.com/user/settings/remove-avatar", 29672 "addFvrTool": "https://tinywow.com/user/tools/add-favourite", 29673 "chkExsCnts": "https://tinywow.com/user/exist-connections", 29674 "getCpn": "https://tinywow.com/user/payment/get-coupon-data", 29675 }; 29676</script>
29676 29677 <!-- modal share --> 29678<div class="modal modal-share fade" id="modal-share" tabindex="-1" aria-hidden="true"> 29679 <div class="modal-dialog modal-dialog-centered"> 29680 <div class="modal-content"> 29681 29682 <div class="modal-header"> 29683 <h5 class="modal-title">Show Us Some Love</h5> 29684 <p class="modal-header-text">Tell the world about TinyWow</p> 29685 </div> 29686 29687 <div class="modal-body"> 29688 29689 <div class="social_icon"> 29690 <a data-pin-do="buttonBookmark" href="#" title="Share to Pinterest" 29691 onclick="window.open('https://www.pinterest.com/pin/create/button/?url='+encodeURIComponent(window.location)+'&media'+encodeURIComponent('')+'=&description='+encodeURIComponent('Free PDF, Video, Image &amp; Other Online Tools-TinyWow'), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 29692 rel="noreferrer noopener" 29693 > 29694 <img src="https://tinywow.com/v2/img/pinterest.svg"> 29695 </a> 29696 29697 29698 29699 <a href="https://tumblr.com/widgets/share/tool?canonicalUrl=https://tinywow.com" 29700 onclick="window.open('https://tumblr.com/widgets/share/tool?canonicalUrl='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 29701 target="_blank" title="Share to Tumblr" 29702 rel="noreferrer noopener" 29703 > 29704 <img src="https://tinywow.com/v2/img/tumblr.svg"> 29705 </a> 29706 <a href="https://twitter.com/intent/tweet?text=Free PDF, Video, Image &amp; Other Online Tools-TinyWow&url=https://tinywow.com" 29707 onclick="window.open('https://twitter.com/intent/tweet?text='+encodeURIComponent('Free PDF, Video, Image &amp; Other Online Tools-TinyWow')+'&url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 29708 target="_blank" title="Share to Twitter" 29709 rel="noreferrer noopener" 29710 > 29711 <img src="https://tinywow.com/v2/img/twitter.svg"> 29712 </a> 29713 <a href="#" title="Share to Facebook" 29714 onclick="window.open('https://www.facebook.com/sharer/sharer.php?u='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 29715 rel="noreferrer noopener" 29716 > 29717 <img src="https://tinywow.com/v2/img/facebook.svg"> 29718 </a> 29719 <a href="https://www.linkedin.com/sharing/share-offsite/?url=https://tinywow.com" 29720 onclick="window.open('https://www.linkedin.com/sharing/share-offsite/?url='+ encodeURIComponent(window.location), 'pop', 'width=600, height=400, scrollbars=no'); return false;" 29721 target="_blank" title="Share to LinkedIn" 29722 rel="noreferrer noopener" 29723 > 29724 <img src="https://tinywow.com/v2/img/linkedin.svg"> 29725 </a> 29726 </div> 29727 29728 <div class="input-group"> 29729 <input type="text" class="form-control default-background" value="https://tinywow.com" aria-label="" readonly aria-describedby="button-addon2"> 29730 29731 <div class="input-group-append"> 29732 <button class="btn btn-outline-secondary js-copy-link" data-link="https://tinywow.com" type="button" id="button-addon2">Copy Link</button> 29733 </div> 29734 </div> 29735 </div> 29736 29737 </div> 29738 </div> 29739</div> 29740 <div class="modal modal-files fade" id="modal-files" tabindex="-1" aria-hidden="true"> 29741 <div class="modal-dialog modal-dialog-centered"> 29742 <div class="modal-content"> 29743 <div class="modal-header"> 29744 <div class="modal-header_group"> 29745 <h5 class="modal-title">My Files</h5> 29746 <p class="modal-header-text">Your files will be deleted in 1 hour or less</p> 29747 </div> 29748 <a href="#" class="button button-delete-all js-my-files-delete-all">Delete All</a> 29749 </div> 29750 <div class="modal-body"> 29751 29752 </div> 29753 </div> 29754 </div> 29755</div> 29756 <!-- modal sign-in --> 29757<div class="modal modal-contact-us" id="modal-contact-us" tabindex="-1" aria-hidden="true"> 29758 <div class="modal-dialog modal-dialog-centered "> 29759 <div class="modal-content"> 29760 29761 <div class="modal-header"> 29762 29763 <h5 class="modal-title">Contact Us</h5> 29764 </div> 29765 29766 <div class="modal-body"> 29767 29768 <form action="#" novalidate id="contactUsForm"> 29769 <input name="recaptcha_response" type="hidden"/>
29770 <div class="row small_gutter"> 29771 <div class="col-md-12 mt_15"> 29772 <label for="email">Email</label> 29773 <input class="form-control" id="email" type="email" name="email"> 29774 </div> 29775 <div class="col-md-12 mt_15"> 29776 <label>Message</label> 29777 29778 <div class="input-group"> 29779 <textarea class="form-control" type="text" rows="10" maxlength="1000" name="msg"></textarea> 29780 </div> 29781 </div> 29782 <div class="col-md-12 mt_15"> 29783 <input name="recaptcha_response" type="hidden"/> 29784 <div id="captchaContact"></div> 29785 </div> 29786 </div> 29787 29788 <div class="row small_gutter"> 29789 <div class="col-12 mt_30"> 29790 <button class="button js-contact-us" type="submit">Send</button> 29791 </div> 29792 </div> 29793 </form> 29794 29795 </div> 29796 </div> 29797 </div> 29798</div> 29799 <!-- modal subscribe --> 29800<div class="modal modal-subscribe" id="modal-subscribe" tabindex="-1" aria-hidden="true"> 29801 <div class="modal-dialog modal-dialog-centered middle-width-modal"> 29802 <div class="modal-content subscribe-modal"> 29803 <div class="subscribe-modal__icon"> 29804 <svg width="40" height="34" viewBox="0 0 40 34" fill="none" xmlns="http://www.w3.org/2000/svg"> 29805 <path d="M30 0H10C4 0 0 3 0 10V24C0 31 4 34 10 34H30C36 34 40 31 40 24V10C40 3 36 0 30 0ZM30.94 12.18L24.68 17.18C23.36 18.24 21.68 18.76 20 18.76C18.32 18.76 16.62 18.24 15.32 17.18L9.06 12.18C8.42 11.66 8.32 10.7 8.82 10.06C9.34 9.42 10.28 9.3 10.92 9.82L17.18 14.82C18.7 16.04 21.28 16.04 22.8 14.82L29.06 9.82C29.7 9.3 30.66 9.4 31.16 10.06C31.68 10.7 31.58 11.66 30.94 12.18Z" fill="white"/> 29806 </svg> 29807 </div> 29808 <p class="subscribe-modal__title">TinyWow Updates</p> 29809 <p class="subscribe-modal__descr gray"> 29810 We launch new tools and make product updates weekly. subscribe and get updated. MAX 1 email a week. No spam, ever. 29811 </p> 29812 29813 <form action="#" class="w-100 get-update_form" id="subscribeHome"> 29814 <div class="subscribe-modal__field"> 29815 <input class="form-control-field" type="text" name="email" placeholder="Your email"> 29816 29817 </div> 29818 <div class="col-md-12 mt_15 p-0"> 29819 <input name="recaptcha_response" type="hidden"/> 29820 <div id="captchaId_modal-subscribe"></div> 29821 </div> 29822 <div class="subscribe-modal__actions d-flex mt_16"> 29823 <button class="btn-action btn-action--light-blue" type="button" data-dismiss="modal" aria-label="Close">Cancel</button> 29824 <button class="btn-action btn-action--blue " type="submit">Subscribe</button> 29825 </div> 29826 29827 <div class="js-success-subscribe my-4" style="display: none"> 29828 <h6>Thanks for subscribing!</h6> 29829 </div> 29830 </form> 29831 </div> 29832 </div> 29833</div> 29834 <div class="modal fade" tabindex="-1" role="dialog" id="exitPopupModal" aria-hidden="true"> 29835 <div class="modal-dialog modal-dialog-centered"> 29836 <div class="modal-content subscribe-modal"> 29837 <div class="modal-header w-100 flex-column align-items-center p-0"> 29838 <div class="subscribe-modal__icon"> 29839 <img src="https://tinywow.com/v3/img/logout.svg"> 29840 </div> 29841 <h5 class="subscribe-modal__title modal-title">Want TinyWow Updates?</h5> 29842 <button type="button" class="subscribe-modal__close close" data-dismiss="modal" aria-label="Close"> 29843 <svg><use xlink:href="https://tinywow.com/v3/img/svg-sprite.svg#cross"></use></svg> 29844 </button> 29845 </div> 29846 <div class="modal-body p-0"> 29847 <p class="subscribe-modal__descr gray"> 29848 Subscribe to our newsletter and receive all the latest TinyWow updates. No spam, ever. 29849 </p> 29850 </div> 29851 <div class="modal-footer p-0 w-100"> 29852 <form action="#" class="w-100" id="subscribeHome"> 29853 <div class="subscribe-modal__field"> 29854 <input class="form-control-field" type="email" name="email" placeholder="Your email"> 29855 </div> 29856 <div class="col-md-12 mt_15 p-0"> 29857 <input name="recaptcha_response" type="hidden"/> 29858 <div id="captchaId_exitPopupModal"></div> 29859 </div> 29860 <div class="subscribe-modal__actions d-flex mt_16"> 29861 <button class="btn-action btn-action--blue " t
29861ype="submit ">Subscribe</button> 29862 </div> 29863 29864 </form> 29865 </div> 29866 </div> 29867 </div> 29868</div> 29869 <div id="recaptchaForm" role="dialog" class="modal fade show" 29870 aria-modal="true"> 29871 <div class="modal-dialog modal-md modal-dialog-centered"><span tabindex="0"></span> 29872 <div tabindex="-1" class="modal-content"> 29873 <header class="modal-header"> 29874 <h5 class="modal-title"> 29875 Please check the reCaptcha 29876 </h5> 29877 <button type="button" aria-label="Close" class="close" data-dismiss="modal">×</button> 29878 </header> 29879 <div class="modal-body"> 29880 <div class="modal-body"> 29881 <div id="captcha"></div> 29882 </div> 29883 </div> 29884 <footer class="modal-footer"> 29885 <button type="button" class="btn btn-secondary" data-dismiss="modal">Cancel</button> 29886 </footer> 29887 </div> 29888 </div> 29889</div> 29890 29891 <!-- modal sign-in --> 29892<div class="modal modal-sign-in" id="modal-sign-in" tabindex="-1" aria-hidden="true"> 29893 <div class="modal-dialog modal-dialog-centered "> 29894 <div class="modal-content"> 29895 29896 <div class="modal-header"> 29897 <div class="modal-header_image"> 29898 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 29899 </div> 29900 29901 <h5 class="modal-title">Sign In</h5> 29902 </div> 29903 29904 <div class="modal-body"> 29905 29906 <form action="#" novalidate id="signInForm"> 29907 <div class="row small_gutter"> 29908 29909 <div class="col-md-12 mt_15"> 29910 <a 29911 href="https://tinywow.com/login/google" 29912 class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors" 29913 > 29914 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 29915 <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/> 29916 <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/> 29917 <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/> 29918 <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/> 29919 </svg> 29920 <span>Sign in with Google</span> 29921 </a> 29922 </div> 29923 29924 <div class="col-md-12 mt_15"> 29925 <label for="emailSignIn">Email</label> 29926 <input class="form-control" id="emailSignIn" type="email" 29927 maxlength="255" 29928 placeholder="[email protected]" 29929 name="email"> 29930 </div> 29931 <div class="col-md-12 mt_15"> 29932 <label>Password</label> 29933 29934 <div class="input-group"> 29935 <input class="form-control" type="password" 29936 maxlength="64" 29937 placeholder="Your Password" 29938 name="password"> 29939 <button class="btn btn-form-control js-s
29939how-passwd" type="button"> 29940 <svg class="eye-cross"><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg> 29941 <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg> 29942 </button> 29943 </div> 29944 </div> 29945 </div> 29946 29947 <div class="row small_gutter"> 29948 <div class="col-6 mt_15"> 29949 <div class="form-check"> 29950 <input class="form-check-input" type="checkbox" name="remember" value="true" id="flexCheckDefault"> 29951 <label class="form-check-label" for="flexCheckDefault">Remember me</label> 29952 </div> 29953 </div> 29954 <div class="col-6 mt_15 text-right"> 29955 <a href="#" class="btn btn-link js-show-forgot">Forgot Password?</a> 29956 </div> 29957 </div> 29958 29959 <div class="row small_gutter"> 29960 <div class="col-12 mt_30"> 29961 <button class="button js-sign-in" type="submit">Sign In</button> 29962 </div> 29963 </div> 29964 29965 <div class="row small_gutter"> 29966 <div class="col-12 mt_30"> 29967 <p class="form-note text-center">Don’t have an account yet? <a href="#" class="btn btn-link js-show-sign-up">Sign Up</a></p> 29968 </div> 29969 </div> 29970 </form> 29971 29972 </div> 29973 </div> 29974 </div> 29975</div> 29976 <!-- modal sign-up --> 29977<div class="modal modal-sign-in" id="modal-sign-up" tabindex="-1" aria-hidden="true"> 29978 <div class="modal-dialog modal-dialog-centered "> 29979 <div class="modal-content"> 29980 29981 <div class="modal-header"> 29982 <div class="modal-header_image"> 29983 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 29984 </div> 29985 29986 <h5 class="modal-title"> 29987 Sign up — it's free 29988 </h5> 29989 </div> 29990 29991 <div class="modal-body"> 29992 29993 <form action="#" novalidate id="signUpForm"> 29994 <div class="row small_gutter"> 29995 29996 <div class="col-md-12 mt_15"> 29997 <a 29998 href="https://tinywow.com/login/google" 29999 class="js-social-login flex items-center justify-center w-full px-4 py-3 space-x-3 text-sm font-medium text-gray-700 bg-white border border-gray-300 rounded-lg shadow-sm hover:bg-gray-50 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500 transition-colors" 30000 > 30001 <svg class="w-5 h-5" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 30002 <path d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92c-.26 1.37-1.04 2.53-2.21 3.31v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.09z" fill="#4285F4"/> 30003 <path d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z" fill="#34A853"/> 30004 <path d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z" fill="#FBBC05"/> 30005 <path d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z" fill="#EA4335"/> 30006 </svg> 30007 <span>Sign up with Google</span> 30008 </a> 30009 </div> 30010 30011 <div class="col-md-12 mt_15"> 30012 <label for="emailSignUp">Email</label> 30013 <input class="form-control" id="emailSignUp" type="email" 30014 maxlength="255" 30015 placeholder="[email protected]" 30016 name="email"> 30017 </div> 30018 <div class="col-md-12 mt_15"> 30019 <label>Create a Password</label> 30020 30021 <div class="input-group"> 30022 <input class="form-control" type="password" 30023 maxlength="64" 30024 placeholder="Your Password" 30025 name="password"> 30026 <button class="btn btn-form-control js-s
30026how-passwd" type="button"> 30027 <svg><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye-cross"></use></svg> 30028 <svg class="eye hide-element" ><use xlink:href="https://tinywow.com/v2/img/svg-sprite.svg#eye"></use></svg> 30029 </button> 30030 </div> 30031 </div> 30032 <div class="col-md-12 mt_15"> 30033 <input name="recaptcha_response" type="hidden"/> 30034 <div id="captchaRegister"></div> 30035 </div> 30036 </div> 30037 30038 30039 30040 30041 30042 30043 30044 30045 30046 <div class="row small_gutter"> 30047 <div class="col-12 mt_30"> 30048 <button class="button js-sign-up" type="submit">Sign Up</button> 30049 </div> 30050 </div> 30051 30052 <div class="row small_gutter"> 30053 <div class="col-12 mt_30"> 30054 <p class="form-note text-center"> 30055 Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a> 30056 </p> 30057 </div> 30058 </div> 30059 </form> 30060 30061 </div> 30062 </div> 30063 </div> 30064</div> 30065 <!-- modal forgot password --> 30066<div class="modal modal-sign-in" id="modal-forgot" tabindex="-1" aria-hidden="true"> 30067 <div class="modal-dialog modal-dialog-centered "> 30068 <div class="modal-content"> 30069 30070 <div class="modal-header"> 30071 <div class="modal-header_image"> 30072 <img src="https://tinywow.com/v2/img/favicon-tinywow.svg" class="img-fluid" alt=""> 30073 </div> 30074 30075 <h5 class="modal-title">Forgot Password</h5> 30076 </div> 30077 30078 <div class="modal-body"> 30079 30080 <form action="#" novalidate id="signForgotForm"> 30081 <div class="row small_gutter"> 30082 <div class="col-md-12 mt_15"> 30083 <label for="emailForgot">Email</label> 30084 <input class="form-control" id="emailForgot" type="email" 30085 maxlength="255" 30086 placeholder="[email protected]" 30087 name="email"> 30088 </div> 30089 </div> 30090 30091 <div class="row small_gutter"> 30092 <div class="col-12 mt_30"> 30093 <button class="button js-forgot" type="submit">Send</button> 30094 </div> 30095 </div> 30096 30097 <div class="row small_gutter"> 30098 <div class="col-12 mt_30"> 30099 <p class="form-note text-center">Already have an account? <a href="#" class="btn btn-link js-show-sign-in">Sign In</a></p> 30100 </div> 30101 </div> 30102 </form> 30103 30104 </div> 30105 </div> 30106 </div> 30107</div> 30108 30109 <!-- modal sign-in --> 30110<div class="modal modal-contact-us" id="modal-subscribe-3ds" tabindex="-1" aria-hidden="true"> 30111 <div class="modal-dialog stripe-3ds-modal modal-dialog-centered "> 30112 <div class="modal-content"> 30113 30114 <div class="modal-header"> 30115 <h5 class="modal-title">3D Secure</h5> 30116 </div> 30117 30118 <div class="modal-body"> 30119 30120 30121 </div> 30122 </div> 30123 </div> 30124</div> 30125 <div 30126 id="modal-thanks-signing" 30127 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 30128 tabindex="-1"> 30129 <div class="flex min-h-full items-center justify-center"> 30130 <div class="js-tailwind-modal-inside"> 30131 <div class="fixed inset-0 pointer-events-none z-50"> 30132 <div class="absolute top-1/2 left-1/2" 30133 style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div> 30134 <div class="absolute top-1/2 left-1/2" 30135 style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div> 30136 <div class="absolute top-1/2 left-1/2" 30137 style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div> 30138 <div class="absolute top-1/2 left-1/2" 30139 style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div> 30140 <div class="absolute top-1/2 left-1/2" 30141 style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div> 30142 <div class="absolute top-1/2 left-1/2" 30143 style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div> 30144 <div class="absolute top-1/2 left-1/2" 30145 style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div> 30146 <div class="absolute top-1/2 left-1/2" 30147 style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div> 30148 <div class="absolute top-1/2 left-1/2" 30149 style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div> 30150 <div class="absolute top-1/2 left-1/2" 30151 style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div> 30152 <div class="absolute top-1/2 left-1/2" 30153 style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div> 30154 <div class="absolute top-1/2 left-1/2" 30155 style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div> 30156 <div class="absolute top-1/2 left-1/2" 30157 style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div> 30158 <div class="absolute top-1/2 left-1/2" 30159 style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div> 30160 <div class="absolute top-1/2 left-1/2" 30161 style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div> 30162 <div class="absolute top-1/2 left-1/2" 30163 style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div> 30164 <div class="absolute top-1/2 left-1/2" 30165 style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div> 30166 <div class="absolute top-1/2 left-1/2" 30167 style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div> 30168 <div class="absolute top-1/2 left-1/2" 30169 style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div> 30170 <div class="absolute top-1/2 left-1/2" 30171 style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div> 30172 <div class="absolute top-1/2 left-1/2" 30173 style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div> 30174 <div class="absolute top-1/2 left-1/2" 30175 style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div> 30176 <div class="absolute top-1/2 left-1/2" 30177 style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div> 30178 <div class="absolute top-1/2 left-1/2" 30179 style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div> 30180 <div class="absolute top-1/2 left-1/2" 30181 style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div> 30182 <div class="absolute top-1/2 left-1/2" 30183 style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div> 30184 <div class="absolute top-1/2 left-1/2" 30185 style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div> 30186 <div class="absolute top-1/2 left-1/2" 30187 style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
30187 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div> 30188 <div class="absolute top-1/2 left-1/2" 30189 style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div> 30190 <div class="absolute top-1/2 left-1/2" 30191 style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div> 30192 <div class="absolute top-1/2 left-1/2" 30193 style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div> 30194 <div class="absolute top-1/2 left-1/2" 30195 style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div> 30196 <div class="absolute top-1/2 left-1/2" 30197 style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div> 30198 <div class="absolute top-1/2 left-1/2" 30199 style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div> 30200 <div class="absolute top-1/2 left-1/2" 30201 style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div> 30202 <div class="absolute top-1/2 left-1/2" 30203 style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div> 30204 <div class="absolute top-1/2 left-1/2" 30205 style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div> 30206 <div class="absolute top-1/2 left-1/2" 30207 style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div> 30208 <div class="absolute top-1/2 left-1/2" 30209 style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div> 30210 <div class="absolute top-1/2 left-1/2" 30211 style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div> 30212 <div class="absolute top-1/2 left-1/2" 30213 style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div> 30214 <div class="absolute top-1/2 left-1/2" 30215 style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div> 30216 <div class="absolute top-1/2 left-1/2" 30217 style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div> 30218 <div class="absolute top-1/2 left-1/2" 30219 style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
302190.949deg);"></div> 30220 <div class="absolute top-1/2 left-1/2" 30221 style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div> 30222 <div class="absolute top-1/2 left-1/2" 30223 style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div> 30224 <div class="absolute top-1/2 left-1/2" 30225 style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div> 30226 <div class="absolute top-1/2 left-1/2" 30227 style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div> 30228 <div class="absolute top-1/2 left-1/2" 30229 style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div> 30230 <div class="absolute top-1/2 left-1/2" 30231 style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div> 30232 <div class="absolute top-1/2 left-1/2" 30233 style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div> 30234 <div class="absolute top-1/2 left-1/2" 30235 style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div> 30236 <div class="absolute top-1/2 left-1/2" 30237 style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div> 30238 <div class="absolute top-1/2 left-1/2" 30239 style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div> 30240 <div class="absolute top-1/2 left-1/2" 30241 style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div> 30242 <div class="absolute top-1/2 left-1/2" 30243 style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div> 30244 <div class="absolute top-1/2 left-1/2" 30245 style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div> 30246 <div class="absolute top-1/2 left-1/2" 30247 style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div> 30248 <div class="absolute top-1/2 left-1/2" 30249 style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div> 30250 <div class="absolute top-1/2 left-1/2" 30251 style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div> 30252 </div> 30253 30254 <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;"> 30255 <div class="flex justify-between items-center p-4 border-b"> 30256 <h3 class="font-bold text-lg">Thanks for Signing Up</h3> 30257 <button class="text-gray-500 hover:text-gray-700 close"> 30258 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30259 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"> 30260 <path d="M18 6 6 18"></path> 30261 <path d="m6 6 12 12"></path> 30262 </svg> 30263 </button> 30264 </div> 30265 <div class="p-6"> 30266 <div class="flex justify-center mb-6"> 30267 <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center"> 30268 <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center"> 30269 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30270 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white"> 30271 <path d="M20 6 9 17l-5-5"></path> 30272 </svg> 30273 </div> 30274 </div> 30275 </div> 30276 <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2> 30277 <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p> 30278 <div class="bg-blue-50 dark:bg-blue-900/20 rounded-lg p-4 mb-6"><p class="font-medium mb-2">Upgrade to Premium for:</p> 30279 <ul class="space-y-1"> 30280 <li class="flex items-center gap-2"> 30281 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
30281ox="0 0 24 24" fill="none" stroke="currentColor" 30282 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30283 <path d="M20 6 9 17l-5-5"></path> 30284 </svg> 30285 <span>No advertisements</span></li> 30286 <li class="flex items-center gap-2"> 30287 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30288 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30289 <path d="M20 6 9 17l-5-5"></path> 30290 </svg> 30291 <span>Skip all CAPTCHAs</span></li> 30292 <li class="flex items-center gap-2"> 30293 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30294 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30295 <path d="M20 6 9 17l-5-5"></path> 30296 </svg> 30297 <span>Priority processing for faster results</span></li> 30298 </ul> 30299 </div> 30300 <div class="grid grid-cols-2 gap-4 mb-6"> 30301 <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md rounded-lg p-3 text-center 30302 js-switcher-subscribe-plan__modal is-active" 30303 data-period-subscription-id="4" 30304 data-price="5.99" 30305 data-type-subscription="1"> 30306 <p class="font-medium">Monthly</p> 30307 <p class="text-xl font-bold">$5.99</p> 30308 <p class="text-sm text-gray-500">per month</p> 30309 </div> 30310 30311 <div class="border rounded-lg p-3 text-center relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer 30312 js-switcher-subscribe-plan__modal " 30313 data-period-subscription-id="3" 30314 data-price="49.99" 30315 data-type-subscription="2"> 30316 <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div> 30317 <p class="font-medium">Yearly</p> 30318 <p class="text-xl font-bold">$4.17</p> 30319 <p class="text-sm text-gray-500">per month</p> 30320 </div> 30321 </div> 30322 </div> 30323 <div class="p-4 bg-gray-50 dark:bg-gray-700/50 flex flex-col sm:flex-row gap-3"> 30324 <button 30325 class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 border border-input bg-background hover:bg-accent hover:text-accent-foreground h-10 px-4 py-2 flex-1"> 30326 Continue with Free 30327 </button> 30328 <button 30329 class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-10 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white flex-1"> 30330 Upgrade Now 30331 </button> 30332 </div> 30333 </div> 30334 </div> 30335 </div> 30336</div> 30337 30338 <div 30339 id="modal-upgrade-subscription" 30340 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 30341 tabindex="-1"> 30342 <div class="flex min-h-full items-center justify-center"> 30343 <div class="js-tailwind-modal-inside"> 30344 <div class="fixed inset-0 pointer-events-none z-50"> 30345 <div class="absolute top-1/2 left-1/2" 30346 style="background-color: rgb(68, 138, 255); width: 7.97063px; height: 7.97063px; border-radius: 2px; opacity: 0; transform: translateX(360.919px) translateY(260.438px) rotate(38.292deg);"></div> 30347 <div class="absolute top-1/2 left-1/2" 30348 style="background-color: rgb(255, 128, 171); width: 10.2722px; height: 10.2722px; border-radius: 50%; opacity: 0; transform: translateX(-556.151px) translateY(57.93px) rotate(340.007deg);"></div> 30349 <div class="absolute top-1/2 left-1/2" 30350 style="background-color: rgb(255, 215, 64); width: 6.85271px; height: 6.85271px; border-radius: 2px; opacity: 0; transform: translateX(-96.0101px) translateY(-231.471px) rotate(135.493deg);"></div> 30351 <div class="absolute top-1/2 left-1/2" 30352 style="background-color: rgb(255, 128, 171); width: 8.3147px; height: 8.3147px; border-radius: 2px; opacity: 0; transform: translateX(-453.815px) translateY(245.264px) rotate(6.99906deg);"></div> 30353 <div class="absolute top-1/2 left-1/2" 30354 style="background-color: rgb(255, 82, 82); width: 8.0659px; height: 8.0659px; border-radius: 2px; opacity: 0; transform: translateX(540.387px) translateY(237.888px) rotate(110.881deg);"></div> 30355 <div class="absolute top-1/2 left-1/2" 30356 style="background-color: rgb(255, 215, 64); width: 8.50295px; height: 8.50295px; border-radius: 2px; opacity: 0; transform: translateX(193.966px) translateY(-170.63px) rotate(44.0806deg);"></div> 30357 <div class="absolute top-1/2 left-1/2" 30358 style="background-color: rgb(255, 82, 82); width: 5.44552px; height: 5.44552px; border-radius: 2px; opacity: 0; transform: translateX(-221.998px) translateY(181.484px) rotate(32.893deg);"></div> 30359 <div class="absolute top-1/2 left-1/2" 30360 style="background-color: rgb(179, 136, 255); width: 14.7051px; height: 14.7051px; border-radius: 50%; opacity: 0; transform: translateX(230.187px) translateY(138.03px) rotate(79.4372deg);"></div> 30361 <div class="absolute top-1/2 left-1/2" 30362 style="background-color: rgb(68, 138, 255); width: 12.526px; height: 12.526px; border-radius: 2px; opacity: 0; transform: translateX(271.7px) translateY(68.002px) rotate(239.55deg);"></div> 30363 <div class="absolute top-1/2 left-1/2" 30364 style="background-color: rgb(255, 82, 82); width: 14.6994px; height: 14.6994px; border-radius: 50%; opacity: 0; transform: translateX(205.026px) translateY(232px) rotate(81.061deg);"></div> 30365 <div class="absolute top-1/2 left-1/2" 30366 style="background-color: rgb(68, 138, 255); width: 7.49955px; height: 7.49955px; border-radius: 2px; opacity: 0; transform: translateX(259.064px) translateY(17.3951px) rotate(179.418deg);"></div> 30367 <div class="absolute top-1/2 left-1/2" 30368 style="background-color: rgb(68, 138, 255); width: 5.30608px; height: 5.30608px; border-radius: 2px; opacity: 0; transform: translateX(158.531px) translateY(-23.7879px) rotate(164.852deg);"></div> 30369 <div class="absolute top-1/2 left-1/2" 30370 style="background-color: rgb(68, 138, 255); width: 8.69966px; height: 8.69966px; border-radius: 2px; opacity: 0; transform: translateX(93.199px) translateY(149.757px) rotate(56.5095deg);"></div> 30371 <div class="absolute top-1/2 left-1/2" 30372 style="background-color: rgb(255, 215, 64); width: 13.1272px; height: 13.1272px; border-radius: 50%; opacity: 0; transform: translateX(565.664px) translateY(-231.798px) rotate(47.5934deg);"></div> 30373 <div class="absolute top-1/2 left-1/2" 30374 style="background-color: rgb(68, 138, 255); width: 8.10147px; height: 8.10147px; border-radius: 50%; opacity: 0; transform: translateX(-226.713px) translateY(-117.456px) rotate(303.881deg);"></div> 30375 <div class="absolute top-1/2 left-1/2" 30376 style="background-color: rgb(255, 215, 64); width: 8.8959px; height: 8.8959px; border-radius: 2px; opacity: 0; transform: translateX(-163.956px) translateY(-231.887px) rotate(36.4543deg);"></div> 30377 <div class="absolute top-1/2 left-1/2" 30378 style="background-color: rgb(179, 136, 255); width: 9.62511px; height: 9.62511px; border-radius: 50%; opacity: 0; transform: translateX(-178.56px) translateY(-221.271px) rotate(226.737deg);"></div> 30379 <div class="absolute top-1/2 left-1/2" 30380 style="background-color: rgb(255, 82, 82); width: 9.03184px; height: 9.03184px; border-radius: 2px; opacity: 0; transform: translateX(434.552px) translateY(-17.5208px) rotate(1.2277deg);"></div> 30381 <div class="absolute top-1/2 left-1/2" 30382 style="background-color: rgb(255, 215, 64); width: 9.03386px; height: 9.03386px; border-radius: 2px; opacity: 0; transform: translateX(58.0225px) translateY(-244.679px) rotate(101.364deg);"></div> 30383 <div class="absolute top-1/2 left-1/2" 30384 style="background-color: rgb(179, 136, 255); width: 14.1881px; height: 14.1881px; border-radius: 2px; opacity: 0; transform: translateX(-326.922px) translateY(-84.0984px) rotate(305.948deg);"></div> 30385 <div class="absolute top-1/2 left-1/2" 30386 style="background-color: rgb(255, 82, 82); width: 12.5354px; height: 12.5354px; border-radius: 50%; opacity: 0; transform: translateX(-33.5376px) translateY(271.306px) rotate(243.899deg);"></div> 30387 <div class="absolute top-1/2 left-1/2" 30388 style="background-color: rgb(255, 128, 171); width: 14.0057px; height: 14.0057px; border-radius: 50%; opacity: 0; transform: translateX(350.279px) translateY(-259.909px) rotate(162.271deg);"></div> 30389 <div class="absolute top-1/2 left-1/2" 30390 style="background-color: rgb(255, 215, 64); width: 10.8855px; height: 10.8855px; border-radius: 2px; opacity: 0; transform: translateX(-29.5541px) translateY(91.6292px) rotate(346.299deg);"></div> 30391 <div class="absolute top-1/2 left-1/2" 30392 style="background-color: rgb(255, 128, 171); width: 5.37489px; height: 5.37489px; border-radius: 50%; opacity: 0; transform: translateX(-453.236px) translateY(-237.327px) rotate(22.1712deg);"></div> 30393 <div class="absolute top-1/2 left-1/2" 30394 style="background-color: rgb(255, 215, 64); width: 11.6623px; height: 11.6623px; border-radius: 2px; opacity: 0; transform: translateX(454.661px) translateY(-254.244px) rotate(155.96deg);"></div> 30395 <div class="absolute top-1/2 left-1/2" 30396 style="background-color: rgb(179, 136, 255); width: 14.7445px; height: 14.7445px; border-radius: 2px; opacity: 0; transform: translateX(266.384px) translateY(13.1033px) rotate(123.209deg);"></div> 30397 <div class="absolute top-1/2 left-1/2" 30398 style="background-color: rgb(100, 255, 218); width: 10.3408px; height: 10.3408px; border-radius: 50%; opacity: 0; transform: translateX(-52.2248px) translateY(-40.6974px) rotate(291.951deg);"></div> 30399 <div class="absolute top-1/2 left-1/2" 30400 style="background-color: rgb(255, 82, 82); width: 6.27401px; height: 6.27401px; border-radius: 2px; opacity: 0;
30400 transform: translateX(-108.242px) translateY(71.177px) rotate(260.191deg);"></div> 30401 <div class="absolute top-1/2 left-1/2" 30402 style="background-color: rgb(179, 136, 255); width: 14.5047px; height: 14.5047px; border-radius: 50%; opacity: 0; transform: translateX(-555.461px) translateY(-118.693px) rotate(69.6486deg);"></div> 30403 <div class="absolute top-1/2 left-1/2" 30404 style="background-color: rgb(100, 255, 218); width: 13.9099px; height: 13.9099px; border-radius: 50%; opacity: 0; transform: translateX(388.439px) translateY(-267.754px) rotate(22.0562deg);"></div> 30405 <div class="absolute top-1/2 left-1/2" 30406 style="background-color: rgb(255, 215, 64); width: 10.3242px; height: 10.3242px; border-radius: 2px; opacity: 0; transform: translateX(544.967px) translateY(-62.9985px) rotate(262.697deg);"></div> 30407 <div class="absolute top-1/2 left-1/2" 30408 style="background-color: rgb(255, 82, 82); width: 11.8257px; height: 11.8257px; border-radius: 2px; opacity: 0; transform: translateX(-513.535px) translateY(32.1971px) rotate(211.282deg);"></div> 30409 <div class="absolute top-1/2 left-1/2" 30410 style="background-color: rgb(255, 82, 82); width: 12.833px; height: 12.833px; border-radius: 2px; opacity: 0; transform: translateX(422.453px) translateY(-174.106px) rotate(101.095deg);"></div> 30411 <div class="absolute top-1/2 left-1/2" 30412 style="background-color: rgb(100, 255, 218); width: 8.78408px; height: 8.78408px; border-radius: 50%; opacity: 0; transform: translateX(-404.527px) translateY(-47.3441px) rotate(74.2958deg);"></div> 30413 <div class="absolute top-1/2 left-1/2" 30414 style="background-color: rgb(179, 136, 255); width: 6.14936px; height: 6.14936px; border-radius: 2px; opacity: 0; transform: translateX(122.919px) translateY(171.847px) rotate(228.559deg);"></div> 30415 <div class="absolute top-1/2 left-1/2" 30416 style="background-color: rgb(255, 82, 82); width: 9.97373px; height: 9.97373px; border-radius: 2px; opacity: 0; transform: translateX(116.175px) translateY(-158.793px) rotate(253.101deg);"></div> 30417 <div class="absolute top-1/2 left-1/2" 30418 style="background-color: rgb(100, 255, 218); width: 10.9728px; height: 10.9728px; border-radius: 2px; opacity: 0; transform: translateX(426.508px) translateY(-128.192px) rotate(188.716deg);"></div> 30419 <div class="absolute top-1/2 left-1/2" 30420 style="background-color: rgb(179, 136, 255); width: 14.7167px; height: 14.7167px; border-radius: 50%; opacity: 0; transform: translateX(-116.345px) translateY(-199.77px) rotate(62.6803deg);"></div> 30421 <div class="absolute top-1/2 left-1/2" 30422 style="background-color: rgb(68, 138, 255); width: 8.32046px; height: 8.32046px; border-radius: 50%; opacity: 0; transform: translateX(-238.806px) translateY(-138.509px) rotate(281.938deg);"></div> 30423 <div class="absolute top-1/2 left-1/2" 30424 style="background-color: rgb(255, 128, 171); width: 12.2463px; height: 12.2463px; border-radius: 50%; opacity: 0; transform: translateX(415.511px) translateY(-223.522px) rotate(93.5616deg);"></div> 30425 <div class="absolute top-1/2 left-1/2" 30426 style="background-color: rgb(255, 128, 171); width: 8.2878px; height: 8.2878px; border-radius: 2px; opacity: 0; transform: translateX(89.316px) translateY(167.935px) rotate(319.65deg);"></div> 30427 <div class="absolute top-1/2 left-1/2" 30428 style="background-color: rgb(255, 128, 171); width: 5.25959px; height: 5.25959px; border-radius: 2px; opacity: 0; transform: translateX(-506.135px) translateY(220.067px) rotate(320.045deg);"></div> 30429 <div class="absolute top-1/2 left-1/2" 30430 style="background-color: rgb(255, 128, 171); width: 10.1069px; height: 10.1069px; border-radius: 50%; opacity: 0; transform: translateX(350.029px) translateY(-273.7px) rotate(99.2931deg);"></div> 30431 <div class="absolute top-1/2 left-1/2" 30432 style="background-color: rgb(100, 255, 218); width: 10.9048px; height: 10.9048px; border-radius: 50%; opacity: 0; transform: translateX(560.331px) translateY(230.351px) rotate(29
304320.949deg);"></div> 30433 <div class="absolute top-1/2 left-1/2" 30434 style="background-color: rgb(255, 215, 64); width: 7.54264px; height: 7.54264px; border-radius: 50%; opacity: 0; transform: translateX(-505.153px) translateY(136.705px) rotate(318.903deg);"></div> 30435 <div class="absolute top-1/2 left-1/2" 30436 style="background-color: rgb(100, 255, 218); width: 7.15477px; height: 7.15477px; border-radius: 50%; opacity: 0; transform: translateX(-479.042px) translateY(-192.297px) rotate(320.717deg);"></div> 30437 <div class="absolute top-1/2 left-1/2" 30438 style="background-color: rgb(179, 136, 255); width: 10.2567px; height: 10.2567px; border-radius: 2px; opacity: 0; transform: translateX(-525.263px) translateY(166.764px) rotate(349.484deg);"></div> 30439 <div class="absolute top-1/2 left-1/2" 30440 style="background-color: rgb(68, 138, 255); width: 9.69604px; height: 9.69604px; border-radius: 2px; opacity: 0; transform: translateX(446.047px) translateY(285.682px) rotate(194.274deg);"></div> 30441 <div class="absolute top-1/2 left-1/2" 30442 style="background-color: rgb(255, 128, 171); width: 9.71907px; height: 9.71907px; border-radius: 50%; opacity: 0; transform: translateX(364.717px) translateY(237.629px) rotate(198.806deg);"></div> 30443 <div class="absolute top-1/2 left-1/2" 30444 style="background-color: rgb(68, 138, 255); width: 11.2667px; height: 11.2667px; border-radius: 2px; opacity: 0; transform: translateX(189.691px) translateY(38.6649px) rotate(113.113deg);"></div> 30445 <div class="absolute top-1/2 left-1/2" 30446 style="background-color: rgb(255, 128, 171); width: 5.73463px; height: 5.73463px; border-radius: 50%; opacity: 0; transform: translateX(-491.021px) translateY(-19.5085px) rotate(26.9981deg);"></div> 30447 <div class="absolute top-1/2 left-1/2" 30448 style="background-color: rgb(255, 215, 64); width: 5.2977px; height: 5.2977px; border-radius: 50%; opacity: 0; transform: translateX(-515.569px) translateY(264.747px) rotate(255.775deg);"></div> 30449 <div class="absolute top-1/2 left-1/2" 30450 style="background-color: rgb(100, 255, 218); width: 12.2953px; height: 12.2953px; border-radius: 2px; opacity: 0; transform: translateX(320.467px) translateY(-221.297px) rotate(323.117deg);"></div> 30451 <div class="absolute top-1/2 left-1/2" 30452 style="background-color: rgb(255, 215, 64); width: 9.56629px; height: 9.56629px; border-radius: 2px; opacity: 0; transform: translateX(-522.266px) translateY(14.8327px) rotate(208.561deg);"></div> 30453 <div class="absolute top-1/2 left-1/2" 30454 style="background-color: rgb(100, 255, 218); width: 13.9608px; height: 13.9608px; border-radius: 2px; opacity: 0; transform: translateX(261.335px) translateY(129.892px) rotate(75.5263deg);"></div> 30455 <div class="absolute top-1/2 left-1/2" 30456 style="background-color: rgb(255, 128, 171); width: 14.6094px; height: 14.6094px; border-radius: 50%; opacity: 0; transform: translateX(-69.7053px) translateY(238.444px) rotate(302.602deg);"></div> 30457 <div class="absolute top-1/2 left-1/2" 30458 style="background-color: rgb(68, 138, 255); width: 13.0244px; height: 13.0244px; border-radius: 50%; opacity: 0; transform: translateX(-443.226px) translateY(-83.2538px) rotate(168.785deg);"></div> 30459 <div class="absolute top-1/2 left-1/2" 30460 style="background-color: rgb(255, 215, 64); width: 9.52454px; height: 9.52454px; border-radius: 2px; opacity: 0; transform: translateX(218.666px) translateY(126.502px) rotate(85.1707deg);"></div> 30461 <div class="absolute top-1/2 left-1/2" 30462 style="background-color: rgb(68, 138, 255); width: 8.80768px; height: 8.80768px; border-radius: 2px; opacity: 0; transform: translateX(153.514px) translateY(-186.121px) rotate(301.211deg);"></div> 30463 <div class="absolute top-1/2 left-1/2" 30464 style="background-color: rgb(255, 82, 82); width: 14.135px; height: 14.135px; border-radius: 2px; opacity: 0; transform: translateX(-353.814px) translateY(-124.799px) rotate(170.599deg);"></div> 30465 </div> 30466 30467 <div class="bg-white dark:bg-gray-800 rounded-xl shadow-2xl max-w-md w-full overflow-hidden" style="opacity: 1; transform: none;"> 30468 <div class="flex justify-between items-center p-4 border-b"> 30469 <h3 class="font-bold text-lg">Try for free</h3> 30470 <button class="text-gray-500 hover:text-gray-700 close"> 30471 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30472 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x"> 30473 <path d="M18 6 6 18"></path> 30474 <path d="m6 6 12 12"></path> 30475 </svg> 30476 </button> 30477 </div> 30478 <div class="p-6"> 30479 <div class="flex justify-center mb-6"> 30480 <div class="w-14 h-14 bg-blue-100 rounded-full flex items-center justify-center"> 30481 <div class="w-10 h-10 bg-blue-500 rounded-full flex items-center justify-center"> 30482 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30483 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-white"> 30484 <path d="M20 6 9 17l-5-5"></path> 30485 </svg> 30486 </div> 30487 </div> 30488 </div> 30489 <h2 class="text-xl font-bold text-center mb-2">Welcome to TinyWow!</h2> 30490 <p class="text-gray-600 dark:text-gray-300 text-center mb-6">You now have access to all our free tools to make your work simpler.</p> 30491 30492 <div class="bg-yellow-100 border border-yellow-200 rounded-lg p-4"> 30493 <h3 class="text-xl font-bold text-center mb-2">7-Day FREE Trial</h3> 30494 <p class="text-gray-600 text-center">Try Premium features risk-free for 7 days!</p> 30495 </div> 30496 30497 <div class="p-4 mb-4"> 30498 <ul class="space-y-1"> 30499 <li class="flex items-center gap-2"> 30500 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewB
30500ox="0 0 24 24" fill="none" stroke="currentColor" 30501 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30502 <path d="M20 6 9 17l-5-5"></path> 30503 </svg> 30504 <span>Access to 250+ PDF, video, image, file, and AI tools </span></li> 30505 <li class="flex items-center gap-2"> 30506 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30507 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30508 <path d="M20 6 9 17l-5-5"></path> 30509 </svg> 30510 <span>No generation or upload limits</span></li> 30511 30512 <li class="flex items-center gap-2"> 30513 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30514 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30515 <path d="M20 6 9 17l-5-5"></path> 30516 </svg> 30517 <span>Ad-free and captcha-free</span></li> 30518 <li class="flex items-center gap-2"> 30519 <svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30520 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check text-blue-500"> 30521 <path d="M20 6 9 17l-5-5"></path> 30522 </svg> 30523 <span>Priority processing for faster results</span></li> 30524 </ul> 30525 </div> 30526 <div class="grid grid-cols-2 gap-4"> 30527 <div class="border border-blue-500 bg-blue-50 dark:bg-blue-900/20 shadow-md rounded-lg p-3 text-center 30528 js-switcher-subscribe-plan__modal is-active" 30529 data-period-subscription-id="15" 30530 data-price="15" 30531 data-type-subscription="1"> 30532 <p class="font-medium">Monthly</p> 30533 <p class="text-xl font-bold">$15</p> 30534 <p class="text-sm text-gray-500">per month</p> 30535 </div> 30536 30537 <div class="border rounded-lg p-3 text-center relative hover:border-blue-500 hover:shadow-md transition-all cursor-pointer 30538 js-switcher-subscribe-plan__modal" 30539 data-period-subscription-id="16" 30540 data-price="125" 30541 data-type-subscription="2"> 30542 <div class="absolute -top-2 -right-2 bg-blue-500 text-white text-xs px-2 py-1 rounded-full">Best Value</div> 30543 <p class="font-medium">Yearly</p> 30544 <p class="text-xl font-bold">$10.42</p> 30545 <p class="text-sm text-gray-500">per month</p> 30546 </div> 30547 </div> 30548 </div> 30549 30550 <div class="p-4 flex flex-col gap-3"> 30551 <button 30552 class="js-subscribe-btns inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-12 px-4 py-2 bg-blue-600 hover:bg-blue-700 text-white w-full"> 30553 Start 7-Day Free Trial 30554 </button> 30555 <button 30556 class="close inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md text-sm font-medium ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0 h-12 px-4 py-2 text-gray-900 hover:text-gray-950 w-full"> 30557 Continue with Free 30558 </button> 30559 </div> 30560 30561 </div> 30562 </div> 30563 </div> 30564</div> 30565 30566 <div 30567 id="modal-limit-reached" 30568 class="js-tailwind-modal hidden fixed inset-0 z-[1100] overflow-y-auto p-4 " 30569 tabindex="-1"> 30570 <div class="flex min-h-full items-center justify-center"> 30571 <div class="js-tailwind-modal-inside"> 30572 <div class="relative w-full max-w-[600px] overflow-hidden rounded-lg bg-background text-left align-middle shadow-xl"> 30573 <div class="flex flex-col space-y-1.5 text-center sm:text-left md:p-8 p-6"> 30574 <h2 id="radix-:r1:" class="tracking-tight text-2xl font-bold text-center">Upgrade to Unlimited</h2> 30575 <p class="text-center mt-2 text-gray-500">
30576 <span class="hidden" id="limit-reached-subtitle-used-credits">You've used all your daily free credits.</span> 30577 <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-1">Start your free trial to unlock unlimited access to 250+ productivity tools!</span> 30578 <span class="js-limit-reached-subtitle" id="limit-reached-subtitle-2">Choose a plan to unlock unlimited generations with advanced AI models and more!</span> 30579 </p> 30580 </div> 30581 <div class="md:p-8 p-6 pt-0 md:pt-0"> 30582 <div class="grid grid-cols-1fr-1fr gap-3"> 30583 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 30584 <i data-lucide="bot" class="w-6 h-6 text-green_tw-500"></i> 30585 <div class="flex flex-col text-base"> 30586 <div class="text-center text-lg font-semibold">AI</div> 30587 <div class="text-gray-600 font-normal text-sm text-center">Generate AI text and images</div> 30588 </div> 30589 </div> 30590 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 30591 <i data-lucide="file-text" class="w-6 h-6 text-green_tw-500"></i> 30592 <div class="flex flex-col text-base"> 30593 <div class="text-center text-lg font-semibold">PDF</div> 30594 <div class="text-gray-600 font-normal text-sm text-center">Edit, merge, and split PDFs</div> 30595 </div> 30596 </div> 30597 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 30598 <i data-lucide="image" class="w-6 h-6 text-green_tw-500"></i> 30599 <div class="flex flex-col text-base"> 30600 <div class="text-center text-lg font-semibold">Image</div> 30601 <div class="text-gray-600 font-normal text-sm text-center">Edit, convert, and cleanup images</div> 30602 </div> 30603 </div> 30604 <div class="flex gap-2 justify-start flex-col items-center rounded-lg p-2 bg-gray-100"> 30605 <i data-lucide="video" class="w-6 h-6 text-green_tw-500"></i> 30606 <div class="flex flex-col text-base"> 30607 <div class="text-center text-lg font-semibold">Video</div> 30608 <div class="text-gray-600 font-normal text-sm text-center">Edit, download, and convert videos</div> 30609 </div> 30610 </div> 30611 </div> 30612 30613 <div class="text-center mt-6 mb-6 text-sm font-semibold">+ 250+ more tools</div> 30614 30615 <div class="grid grid-cols-1 gap-2 mb-6"> 30616 <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative 30617 border-gray-200 hover:border-blue-400 hover:bg-blue-50/50 30618 " 30619 data-subscription-id="16" 30620 > 30621 <div class="flex justify-between items-center"> 30622 <div class="inline-flex items-baseline"> 30623 <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Annual </h3>
30624 <span class="ml-2 px-2 py-0.5 text-xs font-semibold rounded-full bg-green-100 text-green-600 border border-green-600"> 30625 Save 30% 30626 </span> 30627 </div> 30628 <div class="text-right"> 30629 <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">10.42</span><span class="text-gray-700">/mo</span> </div> 30630 </div> 30631 </div> 30632 <div class="js-switcher-subscribe-plan__modal-unlimited border-2 rounded-lg p-4 cursor-pointer transition-all relative 30633 border-blue-600 bg-blue-50 is-active 30634 " 30635 data-subscription-id="15" 30636 > 30637 <div class="flex justify-between items-center"> 30638 <h3 class="font-semibold text-gray-900 group-hover:text-indigo-600">Monthly</h3> 30639 <div class="text-right"> 30640 <span class=" text-gray-700 ">$</span><span class=" text-lg font-semibold ">15</span><span class="text-gray-700">/mo</span> </div> 30641 </div> 30642 </div> 30643 </div> 30644 <div class="flex flex-col space-y-3"> 30645 <button class="js-show-sign-up js-subscribe-btns__not-auth 30646 js-subscribe__click-paywall inline-flex items-center justify-center gap-2 whitespace-nowrap 30647 rounded-md ring-offset-background transition-colors focus-visible:outline-none focus-visible:ring-2 30648 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none 30649 [&_svg]:size-4 [&_svg]:shrink-0 bg-primary text-primary-foreground hover:bg-primary/90 h-10 px-4 w-full py-6 text-lg 30650 font-semibold bg-gradient-to-r from-blue-500 to-blue-700 hover:from-blue-600 hover:to-blue-800 shadow"> 30651 Upgrade to Unlimited 30652 </button> 30653 <div class="flex justify-center"> 30654 <div class="flex items-center gap-2 max-w-md"> 30655 <img class="w-14 h-auto rounded-full object-cover" src="https://tinywow.com/v3/img/users.png" alt="users"> 30656 <p class="text-center text-sm text-gray-500">Join over 1 million users</p> 30657 </div> 30658 </div> 30659 </div> 30660 </div> 30661 <button type="button" class="js-cancel__modal absolute right-4 top-4 roun
30661ded-sm opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground"> 30662 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" 30663 stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x h-4 w-4"> 30664 <path d="M18 6 6 18"></path> 30665 <path d="m6 6 12 12"></path> 30666 </svg> 30667 <span class="sr-only">Close</span> 30668 </button> 30669 </div> 30670 </div> 30671 </div> 30672</div> 30673 30674 30675 <!-- modal share --> 30676<div class="modal fade" id="modal-suggestion" tabindex="-1" aria-hidden="true"> 30677 <div class="modal-dialog modal-dialog-centered"> 30678 <div class="modal-content"> 30679 30680 <div class="modal-header"> 30681 <h5 class="modal-title">Suggest a Tool</h5> 30682 </div> 30683 30684 <div class="modal-body"> 30685 <form action="https://tinywow.com/main/send-suggestion" id="sendSuggestionForm" name="sendSuggestionForm"> 30686 <div class="form-group"> 30687 <label for="suggestion" class="col-form-label">Suggestion:</label> 30688 <textarea id="suggestion" name="suggestion" class="form-control"></textarea> 30689 </div> 30690 <input name="recaptcha_response" type="hidden"/> 30691 </form> 30692 </div> 30693 <div class="modal-footer"> 30694 <button type="submit" form="sendSuggestionForm" class="btn btn-secondary" >Send</button> 30695 </div> 30696 </div> 30697 </div> 30698</div> 30699 30700
30700<script type="text/javascript" data-lazy-src="https://js.stripe.com/v3/" 30701 data-lazy-method="interaction" data-lazy-attributes="src"></script>
30701 30702 30703
30703<script src="https://unpkg.com/lucide@latest"></script>
30703 30704
30704<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 30705 window.isTested = function (featureFlag) { 30706 if (typeof featureFlag !== "undefined") { 30707 return typeof window.posthogFlagsValues[featureFlag] !== "undefined" && window.posthogFlagsValues[featureFlag] !== "control"; 30708 } 30709 return false; 30710 } 30711 </script>
30711 30712
30712<script src="https://tinywow.com/v3/js/plugins/jquery-3.5.1.min.js"></script>
30712 30713
30713<script src="/js/frontend/common-scripts-strv2-v3.js?id=474f8ed04befd5dd3759" defer></script>
30713 30714 30715
30715<script src="https://tinywow.com/v3/js/stripe/profile/profile_v2.js" defer></script>
30715 30716
30716<script src="https://tinywow.com/js/frontend/tools-v3.js" defer></script>
30716 30717
30717<script src="https://tinywow.com/js/frontend/home.js" defer></script>
30717 30718
30718<script nonce="hre2oDqQfKBBW4NNnkuziVmCHhflxxAC"> 30719 window.needShowLogginModal = true; 30720 </script>
30720 30721 30722<div class="fixed inset-0 z-1050 bg-black/50 js-backdrop-modal hidden"></div> 30723 30724</body> 30725</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.