- 扫描 ID：
- 58cc98b5-fef5-4196-bac7-5523a616d8b4已完成
- 提交的 URL：
- https://filetransfer.io/
- 报告完成时间：
链接 · 找到 0 个
从页面中识别出的传出链接
JavaScript 变量 · 找到 25 个
在页面窗口对象上加载的全局 JavaScript 变量是在函数外部声明的变量，可以从当前范围内的代码中的任何位置访问
| 名称 | 类型 |
|---|---|
| onbeforetoggle | object |
| documentPictureInPicture | object |
| onscrollend | object |
| MESSAGES | object |
| dataLayer | object |
| webpackJsonp | object |
| jQuery111209695988224764025 | object |
| __SENTRY__ | object |
| Base64 | object |
| datagridSerializeUrl | function |
控制台日志消息 · 找到 0 条
记录到 Web 控制台的消息
HTML
页面的原始 HTML 正文
<!DOCTYPE html><!--[if lt IE 8 ]>
<html lang="cs" class="ie7 no-js"> <![endif]--><!--[if lt IE 9 ]>
<html lang="cs" class="ie8 no-js"> <![endif]--><!--[if lt IE 10 ]>
<html lang="cs" class="ie9 no-js"> <![endif]--><!--[if (gt IE 10)|!(IE)]><!--><html lang="cs" data-default-timezone="Etc/UTC" data-old-browser-url="/unsupported-browser?old=1" class="responsive-layout prod js desktop"><!--<![endif]--><head>
<meta charset="utf-8">
<!--[if IE]>
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<![endif]-->
<meta name="author" content="">
<meta name="keywords" content="">
<meta name="app-version" content="NS4xNi4yMA==">
<meta name="og:description" content="Free transfer of up to 6 GB of photos, videos and documents. Send large files via email or a link to share. No registration, no ads, just simple file sharing!">
<meta name="description" content="Free transfer of up to 6 GB of photos, videos and documents. Send large files via email or a link to share. No registration, no ads, just simple file sharing!">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Fast & Simple File Transfers - FileTransfer.io</title>
<link rel="apple-touch-icon" sizes="96x96" href="/img/favicon/96.png">
<link rel="apple-touch-icon" sizes="128x128" href="/img/favicon/128.png">
<link rel="apple-touch-icon" sizes="160x160" href="/img/favicon/160.png">
<link rel="apple-touch-icon" sizes="192x192" href="/img/favicon/192.png">
<link rel="apple-touch-icon-precomposed" sizes="96x96" href="/img/favicon/solid/96.png">
<link rel="apple-touch-icon-precomposed" sizes="128x128" href="/img/favicon/solid/128.png">
<link rel="apple-touch-icon-precomposed" sizes="160x160" href="/img/favicon/solid/160.png">
<link rel="apple-touch-icon-precomposed" sizes="192x192" href="/img/favicon/solid/192.png">
<link rel="icon" sizes="32x32" href="/img/favicon/32.png">
<link rel="icon" sizes="48x48" href="/img/favicon/48.png">
<link rel="icon" sizes="96x96" href="/img/favicon/96.png">
<link rel="icon" sizes="72x72" href="/img/favicon/72.png">
<link rel="icon" sizes="114x114" href="/img/favicon/114.png">
<link rel="icon" sizes="120x120" href="/img/favicon/120.png">
<link rel="icon" sizes="144x144" href="/img/favicon/144.png">
<link rel="icon" sizes="152x152" href="/img/favicon/152.png">
<link rel="icon" sizes="192x192" href="/img/favicon/192.png">
<link rel="mask-icon" href="/img/favicon/32.png" color="#86d122">
<link rel="mask-icon" sizes="16x16 32x32 48x48" href="/img/favicon/48.png" color="#86d122">
<link rel="mask-icon" sizes="64x64 96x96 160x160 192x192" href="/img/favicon/192.png" color="#86d122">
<meta name="application-name" content="FileTransfer.io">
<meta name="msapplication-TileColor" content="#000000">
<meta name="msapplication-TileImage" content="/img/favicon/144.png">
<meta name="msapplication-square70x70logo" content="/img/favicon/ms/tiny.png">
<meta name="msapplication-square150x150logo" content="/img/favicon/ms/square.png">
<meta name="msapplication-wide310x150logo" content="/img/favicon/ms/wide.png">
<meta name="msapplication-square310x310logo" content="/img/favicon/ms/large.png">
<meta property="og:title" content="Fast & Simple File Transfers">
<meta property="og:site_name" content="FileTransfer.io">
<meta property="og:type" content="website">
<meta property="og:image" content="https://filetransfer.io/dist/filetransfer-social-en.389488efe49681ac059b218c21161d72.png">
<meta property="og:url" content="https://www.filetransfer.io/">
<meta property="fb:page_id" content="918008918320874">
<script type="text/javascript" async="" src="https://www.google-analytics.com/analytics.js"></script><script type="text/javascript" async="" src="https://www.googletagmanager.com/gtag/js?id=G-NWQZKHKHNW&l=dataLayer&cx=c&gtm=45He4bk0v71866620za200"></script><script async="" src="//www.googletagmanager.com/gtm.js?id=GTM-KTQGJJ"></script><script src="/dist/newStyle.bundle.905c5b09db2e170f233f.js"></script><style>@font-face {
font-family: "icons";
src: url("/dist/app.icons.2640fb2811c4624164e8fa3b8623d137.eot?#iefix") format("embedded-opentype"),
url("/dist/app.icons.cc7b73d1bebca492cc26a3021fa4cae6.woff") format("woff"),
url("/dist/app.icons.7a9cea0843e6b6f25e66840b2d555f69.woff2") format("woff2"),
url("/dist/app.icons.b644e73c394e1d54ec6d935013d451da.ttf") format("truetype"),
url("/dist/app.icons.a841b2212f0d5c4e8a585fbf9357929d.svg#icons") format("svg");
}
[class^="icon-"], [class*=" icon-"] {
line-height: 1;
display: inline-block;
vertical-align: middle;
font-family: icons;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
.icon-angle-left:before {
content: "\f101";
}
.icon-angle-right:before {
content: "\f102";
}
.icon-caret-down:before {
content: "\f103";
}
.icon-caret-up:before {
content: "\f104";
}
.icon-check-square-o:before {
content: "\f105";
}
.icon-clock-o:before {
content: "\f106";
}
.icon-cog:before {
content: "\f107";
}
.icon-support:before {
content: "\f108";
}
.icon-card:before {
content: "\f109";
}
.icon-plus:before {
content: "\f10a";
}
.icon-question-circle:before {
content: "\f10b";
}
.icon-sign-out:before {
content: "\f10c";
}
.icon-square-o:before {
content: "\f10d";
}
.icon-times:before {
content: "\f10e";
}
.icon-user:before {
content: "\f10f";
}
.icon-locked:before {
content: "\f110";
}
.icon-check:before {
content: "\f111";
}
.icon-cloud-download:before {
content: "\f112";
}
.icon-exclamation-triangle:before {
content: "\f113";
}
.icon-facebook:before {
content: "\f114";
}
.icon-packages:before {
content: "\f115";
}
.icon-payments:before {
content: "\f116";
}
.icon-accepted:before {
content: "\f117";
}
.icon-sent:before {
content: "\f118";
}
.icon-pencil:before {
content: "\f119";
}
.icon-unlocked:before {
content: "\f11a";
}
.icon-email:before {
content: "\f11b";
}
.icon-arrow-down-circle:before {
content: "\f11c";
}
.icon-comments:before {
content: "\f11d";
}
.icon-eye-slash:before {
content: "\f11e";
}
.icon-eye:before {
content: "\f11f";
}
.icon-folder:before {
content: "\f120";
}
.icon-google:before {
content: "\f121";
}
.icon-minus-circle:before {
content: "\f122";
}
.icon-plus-circle:before {
content: "\f123";
}
.icon-spinner:before {
content: "\f124";
}
.icon-twitter:before {
content: "\f125";
}
.icon-upload:before {
content: "\f126";
}
.icon-paypal:before {
content: "\f127";
}
.icon-sms:before {
content: "\f128";
}
.icon-link:before {
content: "\f129";
}
.icon-check-circle-o:before {
content: "\f12a";
}
.icon-refresh:before {
content: "\f12b";
}
.icon-power-off:before {
content: "\f12c";
}
.icon-file-image:before {
content: "\f12d";
}
.icon-arrow-circle-o-left:before {
content: "\f12e";
}
.icon-envelope-o:before {
content: "\f12f";
}
.icon-bank:before {
content: "\f130";
}
.icon-info-circle:before {
content: "\f131";
}
.icon-users:before {
content: "\f132";
}
.icon-check-circle:before {
content: "\f133";
}
.icon-uploading:before {
content: "\f134";
}
.icon-trash:before {
content: "\f135";
}
.icon-qr:before {
content: "\f136";
}
.icon-code:before {
content: "\f137";
}
.icon-angle-down:before {
content: "\f138";
}
.icon-ellipsis:before {
content: "\f139";
}
.icon-external-link:before {
content: "\f13a";
}
.icon-invoice:before {
content: "\f13b";
}
.icon-detail:before {
content: "\f13c";
}
</style><style>.icon-angle-left:before {
content: '\E001';
}
.icon-angle-right:before {
content: '\E002';
}
.icon-caret-down:before {
content: '\E003';
}
.icon-caret-up:before {
content: '\E004';
}
.icon-check-square-o:before {
content: '\E005';
}
.icon-clock-o:before {
content: '\E006';
}
.icon-cog:before {
content: '\E007';
}
.icon-support:before {
content: '\E008';
}
.icon-card:before {
content: '\E009';
}
.icon-plus:before {
content: '\E00A';
}
.icon-question-circle:before {
content: '\E00B';
}
.icon-sign-out:before {
content: '\E00C';
}
.icon-square-o:before {
content: '\E00D';
}
.icon-times:before {
content: '\E00E';
}
.icon-user:before {
content: '\E00F';
}
.icon-locked:before {
content: '\E010';
}
.icon-check:before {
content: '\E011';
}
.icon-cloud-download:before {
content: '\E012';
}
.icon-exclamation-triangle:before {
content: '\E013';
}
.icon-facebook:before {
content: '\E014';
}
.icon-packages:before {
content: '\E015';
}
.icon-payments:before {
content: '\E016';
}
.icon-accepted:before {
content: '\E017';
}
.icon-sent:before {
content: '\E018';
}
.icon-pencil:before {
content: '\E019';
}
.icon-unlocked:before {
content: '\E01A';
}
.icon-email:before {
content: '\E01B';
}
.icon-arrow-down-circle:before {
content: '\E01C';
}
.icon-comments:before {
content: '\E01D';
}
.icon-eye-slash:before {
content: '\E01E';
}
.icon-eye:before {
content: '\E01F';
}
.icon-folder:before {
content: '\E020';
}
.icon-google:before {
content: '\E021';
}
.icon-minus-circle:before {
content: '\E022';
}
.icon-plus-circle:before {
content: '\E023';
}
.icon-spinner:before {
content: '\E024';
}
.icon-twitter:before {
content: '\E025';
}
.icon-upload:before {
content: '\E026';
}
.icon-paypal:before {
content: '\E027';
}
.icon-sms:before {
content: '\E028';
}
.icon-link:before {
content: '\E029';
}
.icon-check-circle-o:before {
content: '\E02A';
}
.icon-refresh:before {
content: '\E02B';
}
.icon-power-off:before {
content: '\E02C';
}
.icon-file-image:before {
content: '\E02D';
}
.icon-arrow-circle-o-left:before {
content: '\E02E';
}
.icon-envelope-o:before {
content: '\E02F';
}
.icon-bank:before {
content: '\E030';
}
.icon-info-circle:before {
content: '\E031';
}
.icon-users:before {
content: '\E032';
}
.icon-check-circle:before {
content: '\E033';
}
.icon-check-circle:before {
content: '\E034';
}
@font-face {
font-family: "icons";
src: url(/dist/icons.136b838215aeab2d3901d4f20b3283e0.eot);
src: url(/dist/icons.136b838215aeab2d3901d4f20b3283e0.eot?#iefix) format('embedded-opentype'), url(/dist/icons.a8d8cbf03d36b8ab533d06595b72f37f.woff) format('woff'), url(/dist/icons.4862acdda4ece10ecc39ed17fbe4c36e.ttf) format('truetype'), url(/dist/icons.53e86b2d2ee853372a825a1a9c2bf5be.svg#icons) format('svg');
font-weight: normal;
font-style: normal;
}
[class^="icon-"],
[class*=" icon-"] {
display: inline-block;
vertical-align: middle;
font-family: icons;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
</style><style>@font-face {
font-family: "sourcesanspro-italic";
src: url(/dist/sourcesanspro-italic.3e900edd857cf2d465a3c1dbe5ac6a66.eot);
src: url(/dist/sourcesanspro-italic.3e900edd857cf2d465a3c1dbe5ac6a66.eot?#iefix) format('embedded-opentype'), url(/dist/sourcesanspro-italic.e66a74c0f0361812fec446906c76bce6.woff) format('woff'), url(/dist/sourcesanspro-italic.2fc95bbd9de044c508aca7c3e3b9464b.ttf) format('truetype'), url(/dist/sourcesanspro-italic.10323bd737b4eb2a2ae7dbb3fe114658.svg#sourcesanspro-italic) format('svg');
font-weight: normal;
font-display: swap;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "sourcesanspro-italic";
src: url(/dist/sourcesanspro-italic.10323bd737b4eb2a2ae7dbb3fe114658.svg) format('svg');
}
}
@font-face {
font-family: "sourcesanspro-regular";
src: url(/dist/sourcesanspro-regular.2ca95ff2dda771ca3b73370c27505893.eot);
src: url(/dist/sourcesanspro-regular.2ca95ff2dda771ca3b73370c27505893.eot?#iefix) format('embedded-opentype'), url(/dist/sourcesanspro-regular.536b650cdd2615461b81eb550cc74b8f.woff) format('woff'), url(/dist/sourcesanspro-regular.cb5578492d273883c20d6d8fff970d9d.ttf) format('truetype'), url(/dist/sourcesanspro-regular.acbb39e069e808c456cc8885bf42c381.svg#sourcesanspro-regular) format('svg');
font-weight: normal;
font-display: swap;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "sourcesanspro-regular";
src: url(/dist/sourcesanspro-regular.acbb39e069e808c456cc8885bf42c381.svg) format('svg');
}
}
@font-face {
font-family: "sourcesanspro-semibold";
src: url(/dist/sourcesanspro-semibold.468979654d6134b3212e048a9a597336.eot);
src: url(/dist/sourcesanspro-semibold.468979654d6134b3212e048a9a597336.eot?#iefix) format('embedded-opentype'), url(/dist/sourcesanspro-semibold.81741d9f634e825b4f14e95fc6e557d0.woff) format('woff'), url(/dist/sourcesanspro-semibold.935aea8c8516bdbeb7f69a1306d7fda0.ttf) format('truetype'), url(/dist/sourcesanspro-semibold.a46ee55c59b710b9ced72320facd9ae5.svg#sourcesanspro-semibold) format('svg');
font-weight: normal;
font-display: swap;
font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
@font-face {
font-family: "sourcesanspro-semibold";
src: url(/dist/sourcesanspro-semibold.a46ee55c59b710b9ced72320facd9ae5.svg) format('svg');
}
}
.sprite-404,
.sprite-drop-here,
.sprite-empty-avatar-small,
.sprite-empty-avatar,
.sprite-flag-cz,
.sprite-flag-sk,
.sprite-info-download,
.sprite-info-send,
.sprite-info-time,
.sprite-logo-beta-small,
.sprite-logo-beta,
.sprite-logo-en-small,
.sprite-logo-en,
.sprite-logo-small,
.sprite-logo,
.sprite-palo-alto-large,
.sprite-palo-alto,
.sprite-wrench,
.sprite-bank-airbank,
.sprite-bank-citibank,
.sprite-bank-cs,
.sprite-bank-csob,
.sprite-bank-equa,
.sprite-bank-era,
.sprite-bank-fio,
.sprite-bank-gemoney,
.sprite-bank-kb,
.sprite-bank-mbank,
.sprite-bank-raiffeisen,
.sprite-bank-sberbank,
.sprite-bank-sms,
.sprite-bank-unicredit,
.sprite-bank-zuno,
.sprite-comgate,
.sprite-payment-ceskasporitelna,
.sprite-payment-csob,
.sprite-payment-dinersclub,
.sprite-payment-discover,
.sprite-payment-equa,
.sprite-payment-era,
.sprite-payment-fio,
.sprite-payment-ge,
.sprite-payment-kb,
.sprite-payment-maestro,
.sprite-payment-mastercard-securecode,
.sprite-payment-mastercard,
.sprite-payment-mbank,
.sprite-payment-paypal,
.sprite-payment-raiffeisen,
.sprite-payment-sberbank,
.sprite-payment-sms,
.sprite-payment-unicredit,
.sprite-payment-verified-by-visa,
.sprite-payment-visa-electron,
.sprite-payment-visa,
.sprite,
.logo strong {
background-image: url(/dist/sprite.a4d49105024af9c5478b9728ccea62cc.png);
display: inline-block;
vertical-align: middle;
position: relative;
}
.sprite-404 {
background-position: 0px 0px;
width: 132px;
height: 133px;
}
.sprite-drop-here {
background-position: -142px -185px;
width: 60px;
height: 60px;
}
.sprite-empty-avatar-small {
background-position: 0px -283px;
width: 48px;
height: 48px;
}
.sprite-empty-avatar {
background-position: -73px -185px;
width: 64px;
height: 64px;
}
.sprite-flag-cz {
background-position: -548px -161px;
width: 20px;
height: 14px;
}
.sprite-flag-sk {
background-position: -525px -184px;
width: 20px;
height: 14px;
}
.sprite-info-download {
background-position: -207px -185px;
width: 60px;
height: 60px;
}
.sprite-info-send {
background-position: -272px -185px;
width: 60px;
height: 60px;
}
.sprite-info-time {
background-position: -337px -185px;
width: 60px;
height: 60px;
}
.sprite-logo-beta-small {
background-position: -402px -216px;
width: 113px;
height: 21px;
}
.sprite-logo-beta {
background-position: -256px -47px;
width: 225px;
height: 42px;
}
.sprite-logo-en-small {
background-position: -366px -94px;
width: 132px;
height: 21px;
}
.sprite-logo-en {
background-position: -256px 0px;
width: 264px;
height: 42px;
}
.sprite-logo-small {
background-position: -305px -283px;
width: 95px;
height: 21px;
}
.sprite-logo {
background-position: 0px -138px;
width: 189px;
height: 42px;
}
.sprite-palo-alto-large {
background-position: 0px -185px;
width: 68px;
height: 68px;
}
.sprite-palo-alto {
background-position: -525px -161px;
width: 18px;
height: 18px;
}
.sprite-wrench {
background-position: -137px 0px;
width: 114px;
height: 113px;
}
.sprite-bank-airbank {
background-position: -432px -138px;
width: 83px;
height: 27px;
}
.sprite-bank-citibank {
background-position: -402px -185px;
width: 99px;
height: 26px;
}
.sprite-bank-cs {
background-position: -123px -283px;
width: 72px;
height: 31px;
}
.sprite-bank-csob {
background-position: 0px -452px;
width: 50px;
height: 39px;
}
.sprite-bank-equa {
background-position: -200px -283px;
width: 100px;
height: 21px;
}
.sprite-bank-era {
background-position: -525px -40px;
width: 37px;
height: 37px;
}
.sprite-bank-fio {
background-position: -53px -283px;
width: 65px;
height: 35px;
}
.sprite-bank-gemoney {
background-position: -256px -94px;
width: 105px;
height: 33px;
}
.sprite-bank-kb {
background-position: -225px -375px;
width: 72px;
height: 25px;
}
.sprite-bank-mbank {
background-position: -147px -375px;
width: 73px;
height: 28px;
}
.sprite-bank-raiffeisen {
background-position: -161px -336px;
width: 87px;
height: 23px;
}
.sprite-bank-sberbank {
background-position: 0px -258px;
width: 110px;
height: 20px;
}
.sprite-bank-sms {
background-position: -411px -336px;
width: 64px;
height: 22px;
}
.sprite-bank-unicredit {
background-position: -115px -258px;
width: 98px;
height: 19px;
}
.sprite-bank-zuno {
background-position: -405px -283px;
width: 89px;
height: 21px;
}
.sprite-comgate {
background-position: -194px -138px;
width: 150px;
height: 40px;
}
.sprite-payment-ceskasporitelna {
background-position: -349px -138px;
width: 78px;
height: 34px;
}
.sprite-payment-csob {
background-position: -525px 0px;
width: 45px;
height: 35px;
}
.sprite-payment-dinersclub {
background-position: -525px -123px;
width: 38px;
height: 33px;
}
.sprite-payment-discover {
background-position: -131px -413px;
width: 53px;
height: 33px;
}
.sprite-payment-equa {
background-position: -218px -258px;
width: 86px;
height: 18px;
}
.sprite-payment-era {
background-position: -525px -82px;
width: 36px;
height: 36px;
}
.sprite-payment-fio {
background-position: -69px -413px;
width: 57px;
height: 33px;
}
.sprite-payment-ge {
background-position: -71px -336px;
width: 85px;
height: 25px;
}
.sprite-payment-kb {
background-position: -341px -336px;
width: 65px;
height: 23px;
}
.sprite-payment-maestro {
background-position: -55px -452px;
width: 55px;
height: 34px;
}
.sprite-payment-mastercard-securecode {
background-position: 0px -413px;
width: 64px;
height: 34px;
}
.sprite-payment-mastercard {
background-position: -115px -452px;
width: 55px;
height: 34px;
}
.sprite-payment-mbank {
background-position: -71px -375px;
width: 71px;
height: 29px;
}
.sprite-payment-paypal {
background-position: 0px -336px;
width: 66px;
height: 34px;
}
.sprite-payment-raiffeisen {
background-position: -253px -336px;
width: 83px;
height: 23px;
}
.sprite-payment-sberbank {
background-position: -309px -258px;
width: 85px;
height: 17px;
}
.sprite-payment-sms {
background-position: -302px -375px;
width: 63px;
height: 22px;
}
.sprite-payment-unicredit {
background-position: -137px -118px;
width: 88px;
height: 13px;
}
.sprite-payment-verified-by-visa {
background-position: 0px -375px;
width: 66px;
height: 33px;
}
.sprite-payment-visa-electron {
background-position: -175px -452px;
width: 55px;
height: 34px;
}
.sprite-payment-visa {
background-position: -235px -452px;
width: 55px;
height: 34px;
}
@media (min--moz-device-pixel-ratio: 1.5), (-o-min-device-pixel-ratio: 3/2), (-webkit-min-device-pixel-ratio: 1.5), (min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) {
.sprite-404,
.sprite-drop-here,
.sprite-empty-avatar-small,
.sprite-empty-avatar,
.sprite-flag-cz,
.sprite-flag-sk,
.sprite-info-download,
.sprite-info-send,
.sprite-info-time,
.sprite-logo-beta-small,
.sprite-logo-beta,
.sprite-logo-en-small,
.sprite-logo-en,
.sprite-logo-small,
.sprite-logo,
.sprite-palo-alto-large,
.sprite-palo-alto,
.sprite-wrench,
.sprite-bank-airbank,
.sprite-bank-citibank,
.sprite-bank-cs,
.sprite-bank-csob,
.sprite-bank-equa,
.sprite-bank-era,
.sprite-bank-fio,
.sprite-bank-gemoney,
.sprite-bank-kb,
.sprite-bank-mbank,
.sprite-bank-raiffeisen,
.sprite-bank-sberbank,
.sprite-bank-sms,
.sprite-bank-unicredit,
.sprite-bank-zuno,
.sprite-comgate,
.sprite-payment-ceskasporitelna,
.sprite-payment-csob,
.sprite-payment-dinersclub,
.sprite-payment-discover,
.sprite-payment-equa,
.sprite-payment-era,
.sprite-payment-fio,
.sprite-payment-ge,
.sprite-payment-kb,
.sprite-payment-maestro,
.sprite-payment-mastercard-securecode,
.sprite-payment-mastercard,
.sprite-payment-mbank,
.sprite-payment-paypal,
.sprite-payment-raiffeisen,
.sprite-payment-sberbank,
.sprite-payment-sms,
.sprite-payment-unicredit,
.sprite-payment-verified-by-visa,
.sprite-payment-visa-electron,
.sprite-payment-visa,
.sprite,
.logo strong {
background-image: url(/dist/[email protected]);
background-size: 570px 491px;
}
}
@media screen and (min-width: 768px) {
.columns.md-2 > .column-thin {
width: 27%;
}
.columns.md-2 > .column-wide {
width: 73%;
}
.columns.md-3.columns-sep {
position: relative;
}
.columns.md-3 .column:first-child:before {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: 33.332%;
width: 1px;
background: #ebeef1;
}
.columns.md-3 .column:first-child:after {
content: ' ';
position: absolute;
top: 0;
bottom: 0;
left: 66.664%;
width: 1px;
background: #ebeef1;
}
.columns.md-3 .column:first-child.buy:before,
.columns.md-3 .column:first-child.buy:after {
left: 0;
background-color: transparent;
width: 0;
}
}
@media screen and (max-width: 767px) {
.columns.md-3.columns-sep .column {
border-top: 1px solid #ebeef1;
}
.columns.md-3.columns-sep .column:first-child {
border-top: 0;
}
}
.columns {
font-size: 0;
}
.columns:before,
.columns:after {
content: "";
display: table;
}
.columns:after {
clear: both;
}
.columns > [class^="column"] {
font-size: 16px;
}
@media screen and (max-width: 479px) {
[class *= "columns xs-2"] > [class^="column"],
[class *= "columns xs-3"] > [class^="column"],
[class *= "columns xs-4"] > [class^="column"],
[class *= "columns xs-5"] > [class^="column"],
[class *= "columns xs-6"] > [class^="column"] {
width: 100% !important;
}
[class *= "columns xs-2"] > [class^="column"] + [class^="column"],
[class *= "columns xs-3"] > [class^="column"] + [class^="column"],
[class *= "columns xs-4"] > [class^="column"] + [class^="column"],
[class *= "columns xs-5"] > [class^="column"] + [class^="column"],
[class *= "columns xs-6"] > [class^="column"] + [class^="column"] {
margin-top: 10px;
}
[class *= "columns xs-2"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns xs-3"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns xs-4"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns xs-5"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns xs-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
margin-top: 0;
}
.xs-visible {
display: none !important;
}
.xs-sm-visible {
display: none !important;
}
.xs-md-visible {
display: none !important;
}
.xs-lg-visible {
display: none !important;
}
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.xs-max-1 > .column {
width: 100%;
}
.columns.xs-max-2 > .column {
width: 49.998000000000005%;
}
.columns.xs-max-3 > .column {
width: 33.332%;
}
.columns.xs-max-4 > .column {
width: 24.999000000000002%;
}
.columns.xs-max-5 > .column {
width: 20%;
}
.columns.xs-max-6 > .column {
width: 16.666%;
}
}
@media screen and (max-width: 639px) {
[class *= "columns sm-2"] > [class^="column"],
[class *= "columns sm-3"] > [class^="column"],
[class *= "columns sm-4"] > [class^="column"],
[class *= "columns sm-5"] > [class^="column"],
[class *= "columns sm-6"] > [class^="column"] {
width: 100% !important;
}
[class *= "columns sm-2"] > [class^="column"] + [class^="column"],
[class *= "columns sm-3"] > [class^="column"] + [class^="column"],
[class *= "columns sm-4"] > [class^="column"] + [class^="column"],
[class *= "columns sm-5"] > [class^="column"] + [class^="column"],
[class *= "columns sm-6"] > [class^="column"] + [class^="column"] {
margin-top: 10px;
}
[class *= "columns sm-2"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns sm-3"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns sm-4"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns sm-5"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns sm-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
margin-top: 0;
}
.sm-visible {
display: none !important;
}
.sm-md-visible {
display: none !important;
}
.sm-lg-visible {
display: none !important;
}
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.sm-max-1 > .column {
width: 100%;
}
.columns.sm-max-2 > .column {
width: 49.998000000000005%;
}
.columns.sm-max-3 > .column {
width: 33.332%;
}
.columns.sm-max-4 > .column {
width: 24.999000000000002%;
}
.columns.sm-max-5 > .column {
width: 20%;
}
.columns.sm-max-6 > .column {
width: 16.666%;
}
}
@media screen and (max-width: 767px) {
[class *= "columns md-2"] > [class^="column"],
[class *= "columns md-3"] > [class^="column"],
[class *= "columns md-4"] > [class^="column"],
[class *= "columns md-5"] > [class^="column"],
[class *= "columns md-6"] > [class^="column"] {
width: 100% !important;
}
[class *= "columns md-2"] > [class^="column"] + [class^="column"],
[class *= "columns md-3"] > [class^="column"] + [class^="column"],
[class *= "columns md-4"] > [class^="column"] + [class^="column"],
[class *= "columns md-5"] > [class^="column"] + [class^="column"],
[class *= "columns md-6"] > [class^="column"] + [class^="column"] {
margin-top: 10px;
}
[class *= "columns md-2"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns md-3"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns md-4"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns md-5"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns md-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
margin-top: 0;
}
.md-visible {
display: none !important;
}
.md-lg-visible {
display: none !important;
}
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.md-max-1 > .column {
width: 100%;
}
.columns.md-max-2 > .column {
width: 49.998000000000005%;
}
.columns.md-max-3 > .column {
width: 33.332%;
}
.columns.md-max-4 > .column {
width: 24.999000000000002%;
}
.columns.md-max-5 > .column {
width: 20%;
}
.columns.md-max-6 > .column {
width: 16.666%;
}
}
@media screen and (max-width: 999px) {
[class *= "columns lg-2"] > [class^="column"],
[class *= "columns lg-3"] > [class^="column"],
[class *= "columns lg-4"] > [class^="column"],
[class *= "columns lg-5"] > [class^="column"],
[class *= "columns lg-6"] > [class^="column"] {
width: 100% !important;
}
[class *= "columns lg-2"] > [class^="column"] + [class^="column"],
[class *= "columns lg-3"] > [class^="column"] + [class^="column"],
[class *= "columns lg-4"] > [class^="column"] + [class^="column"],
[class *= "columns lg-5"] > [class^="column"] + [class^="column"],
[class *= "columns lg-6"] > [class^="column"] + [class^="column"] {
margin-top: 10px;
}
[class *= "columns lg-2"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns lg-3"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns lg-4"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns lg-5"].columns-gap-glued > [class^="column"] + [class^="column"],
[class *= "columns lg-6"].columns-gap-glued > [class^="column"] + [class^="column"] {
margin-top: 0;
}
.lg-visible {
display: none !important;
}
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.lg-max-1 > .column {
width: 100%;
}
.columns.lg-max-2 > .column {
width: 49.998000000000005%;
}
.columns.lg-max-3 > .column {
width: 33.332%;
}
.columns.lg-max-4 > .column {
width: 24.999000000000002%;
}
.columns.lg-max-5 > .column {
width: 20%;
}
.columns.lg-max-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 480px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.xs-1 > .column {
width: 100%;
}
.columns.xs-2 > .column {
width: 49.998000000000005%;
}
.columns.xs-3 > .column {
width: 33.332%;
}
.columns.xs-4 > .column {
width: 24.999000000000002%;
}
.columns.xs-5 > .column {
width: 20%;
}
.columns.xs-6 > .column {
width: 16.666%;
}
.xs-invisible {
display: none !important;
}
.xs-sm-invisible {
display: none !important;
}
.xs-md-invisible {
display: none !important;
}
.xs-lg-invisible {
display: none !important;
}
}
@media screen and (min-width: 640px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.sm-1 > .column {
width: 100%;
}
.columns.sm-2 > .column {
width: 49.998000000000005%;
}
.columns.sm-3 > .column {
width: 33.332%;
}
.columns.sm-4 > .column {
width: 24.999000000000002%;
}
.columns.sm-5 > .column {
width: 20%;
}
.columns.sm-6 > .column {
width: 16.666%;
}
.sm-invisible {
display: none !important;
}
.sm-md-invisible {
display: none !important;
}
.sm-lg-invisible {
display: none !important;
}
}
@media screen and (min-width: 768px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.md-1 > .column {
width: 100%;
}
.columns.md-2 > .column {
width: 49.998000000000005%;
}
.columns.md-3 > .column {
width: 33.332%;
}
.columns.md-4 > .column {
width: 24.999000000000002%;
}
.columns.md-5 > .column {
width: 20%;
}
.columns.md-6 > .column {
width: 16.666%;
}
.md-invisible {
display: none !important;
}
.md-lg-invisible {
display: none !important;
}
}
@media screen and (min-width: 1000px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.lg-1 > .column {
width: 100%;
}
.columns.lg-2 > .column {
width: 49.998000000000005%;
}
.columns.lg-3 > .column {
width: 33.332%;
}
.columns.lg-4 > .column {
width: 24.999000000000002%;
}
.columns.lg-5 > .column {
width: 20%;
}
.columns.lg-6 > .column {
width: 16.666%;
}
.lg-invisible {
display: none !important;
}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.xs-sm-1 > .column {
width: 100%;
}
.columns.xs-sm-2 > .column {
width: 49.998000000000005%;
}
.columns.xs-sm-3 > .column {
width: 33.332%;
}
.columns.xs-sm-4 > .column {
width: 24.999000000000002%;
}
.columns.xs-sm-5 > .column {
width: 20%;
}
.columns.xs-sm-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.xs-md-1 > .column {
width: 100%;
}
.columns.xs-md-2 > .column {
width: 49.998000000000005%;
}
.columns.xs-md-3 > .column {
width: 33.332%;
}
.columns.xs-md-4 > .column {
width: 24.999000000000002%;
}
.columns.xs-md-5 > .column {
width: 20%;
}
.columns.xs-md-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 480px) and (max-width: 999px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.xs-lg-1 > .column {
width: 100%;
}
.columns.xs-lg-2 > .column {
width: 49.998000000000005%;
}
.columns.xs-lg-3 > .column {
width: 33.332%;
}
.columns.xs-lg-4 > .column {
width: 24.999000000000002%;
}
.columns.xs-lg-5 > .column {
width: 20%;
}
.columns.xs-lg-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.sm-md-1 > .column {
width: 100%;
}
.columns.sm-md-2 > .column {
width: 49.998000000000005%;
}
.columns.sm-md-3 > .column {
width: 33.332%;
}
.columns.sm-md-4 > .column {
width: 24.999000000000002%;
}
.columns.sm-md-5 > .column {
width: 20%;
}
.columns.sm-md-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 640px) and (max-width: 999px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.sm-lg-1 > .column {
width: 100%;
}
.columns.sm-lg-2 > .column {
width: 49.998000000000005%;
}
.columns.sm-lg-3 > .column {
width: 33.332%;
}
.columns.sm-lg-4 > .column {
width: 24.999000000000002%;
}
.columns.sm-lg-5 > .column {
width: 20%;
}
.columns.sm-lg-6 > .column {
width: 16.666%;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.columns {
margin-left: -10px;
margin-right: -10px;
}
.columns > [class^="column"] {
padding-left: 10px;
padding-right: 10px;
display: inline-block;
vertical-align: top;
}
.columns-gap-glued {
margin: 0;
}
.columns-gap-glued > [class^="column"] {
padding: 0;
}
.columns-gap-min {
margin-left: -2px;
margin-right: -2px;
}
.columns-gap-min > [class^="column"] {
padding-left: 2px;
padding-right: 2px;
}
.columns.md-lg-1 > .column {
width: 100%;
}
.columns.md-lg-2 > .column {
width: 49.998000000000005%;
}
.columns.md-lg-3 > .column {
width: 33.332%;
}
.columns.md-lg-4 > .column {
width: 24.999000000000002%;
}
.columns.md-lg-5 > .column {
width: 20%;
}
.columns.md-lg-6 > .column {
width: 16.666%;
}
}
html {
position: relative;
min-height: 100%;
}
@media screen and (min-width: 640px) {
html {
background-image: url(/dist/background.6a7339be5fd2d3c5d7b2c18b25a56273.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
background-size: 100% auto;
}
}
body {
color: #4d525a;
font-family: "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
font-size: 16px;
line-height: 24px;
-webkit-font-smoothing: antialiased;
min-height: 100%;
min-width: 320px;
overflow-x: hidden;
transition: filter 0.3s ease;
}
@media screen and (min-width: 1000px) {
body {
padding: 55px 0;
}
}
@media screen and (min-width: 640px) and (max-width: 999px) {
body {
padding: 20px 0;
}
}
.content-bar {
border-bottom: 1px solid #e3e3e3;
}
.content-bar:before,
.content-bar:after {
content: "";
display: table;
}
.content-bar:after {
clear: both;
}
@media screen and (min-width: 640px) {
.content-bar {
padding: 20px 30px;
}
}
@media screen and (max-width: 639px) {
.content-bar {
padding: 20px 10px;
}
}
@media screen and (max-width: 479px) {
.content-bar {
display: flex;
flex-direction: column;
}
.content-bar .pull-right {
margin-top: 10px;
}
}
.content-bar-title {
font-size: 1.2em;
font-weight: bold;
}
@media screen and (min-width: 768px) {
.content-bar .prev {
float: left;
}
}
@media screen and (max-width: 767px) {
.content-bar .prev {
text-align: center;
display: block;
margin-bottom: 10px;
}
}
.content-bar-simple {
border-bottom: 0;
}
@media screen and (max-width: 479px) {
.content-bar {
text-align: center;
}
}
.content-bar .btn-small {
margin-top: -5px;
}
@media screen and (min-width: 768px) {
.content-bar .alert-text {
float: left;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.content-bar .alert-text {
text-align: center;
display: block;
margin-bottom: 10px;
}
}
.content-bar h1 {
font-size: 22px;
margin: 5px 15px 0 0;
}
@media screen and (min-width: 768px) {
.content-bar h1 {
float: left;
text-align: left;
}
}
@media screen and (max-width: 767px) {
.content-bar h1 {
display: inline-block;
vertical-align: middle;
}
}
@media screen and (max-width: 767px) {
.content-bar .btn.pull-right {
float: none !important;
margin-top: 10px;
}
}
.content-bar .links {
padding-top: 5px;
}
.content-bar .edit {
position: relative;
top: 5px;
}
.content-bar .edit span {
color: #b8bdc0;
transition: color 0.3s ease;
}
.content-bar .edit span:hover {
color: #86d122;
}
.content-bar .edit span:before {
font-size: 18px;
}
.content-bar .edit span.icon-check:before {
font-size: 24px;
}
@media screen and (min-width: 480px) {
.content-bar .toggle-lock {
float: right;
}
}
.content-header {
background-image: url(/dist/background-intro.d5237ab777a6716d6461e860c903c42b.jpg);
background-repeat: no-repeat;
background-position: 50% 100%;
background-size: cover;
padding: 75px 70px 0;
text-align: center;
border-bottom: 1px solid #e3e3e3;
}
.content-header-only {
background: #fff;
padding-bottom: 40px;
border-bottom: 0;
}
.content-header .tabs-nav {
padding-top: 30px;
}
.content-header .btn {
margin-top: 15px;
}
.content-header h1 {
margin-bottom: 10px;
}
.content-header h2 {
margin-bottom: 10px;
}
.content-header p a {
color: #777;
}
.content-header p a:hover {
color: #000;
}
.content {
position: relative;
z-index: 20;
}
@media screen and (min-width: 640px) {
.content {
padding: 30px 35px;
}
}
@media screen and (max-width: 639px) {
.content {
padding: 20px 10px;
}
}
.content.new-content {
padding: 0 !important;
}
@media screen and (min-width: 640px) {
.content.new-content {
padding: 0;
}
}
@media screen and (max-width: 639px) {
.content.new-content {
padding: 0;
}
}
@media screen and (min-width: 640px) {
.content-wrapper {
padding: 30px 35px;
}
}
@media screen and (max-width: 639px) {
.content-wrapper {
padding: 20px 10px;
}
}
.footer {
color: #b1b1b1;
position: relative;
background: #f5f6f6;
border-radius: 0 0 5px 5px;
}
.footer:before,
.footer:after {
content: "";
display: table;
}
.footer:after {
clear: both;
}
@media screen and (min-width: 640px) {
.footer {
padding: 30px 30px 30px;
}
}
@media screen and (max-width: 639px) {
.footer {
text-align: center;
padding: 20px 10px 20px;
}
}
.footer-copyright {
text-align: center;
margin-bottom: -10px;
font-size: 12px;
line-height: 20px;
}
@media screen and (max-width: 639px) {
.footer-copyright .comma {
display: none;
}
}
.footer-copyright a {
color: #b1b1b1;
text-decoration: none;
}
@media screen and (min-width: 640px) {
.footer-copyright a {
margin-left: 5px;
}
}
.footer-copyright a .sprite-palo-alto {
margin-right: 5px;
}
.footer-copyright a:visited {
color: #b1b1b1;
}
.footer-copyright a:hover {
color: #86d122;
}
@media screen and (max-width: 639px) {
.footer-copyright a {
display: block;
}
}
@media screen and (max-width: 639px) {
.footer-copyright {
margin-bottom: 10px;
}
}
.footer-navigation {
text-align: center;
font-size: 12px;
line-height: 20px;
}
.footer-navigation a {
color: #b1b1b1;
}
.footer-navigation a.more [class*="icon-"] {
color: #b1b1b1;
margin-left: -1px;
margin-top: -2px;
}
.footer-navigation a.more [class*="icon-"]::before {
font-size: 12px;
}
@media screen and (max-width: 639px) {
.footer-navigation a {
padding: 0 5px;
}
}
.footer-navigation a:visited {
color: #b1b1b1;
}
.footer-navigation a:hover {
color: #86d122;
}
.header {
position: relative;
border-radius: 5px 5px;
background-image: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
background-repeat: repeat-x;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='argb(#fff)', endColorstr='argb(#f6f6f6)', GradientType=0);
}
.header:before,
.header:after {
content: "";
display: table;
}
.header:after {
clear: both;
}
.header-offline {
text-align: center;
}
.header-offline .logo {
float: none;
}
@media screen and (min-width: 480px) {
.header {
line-height: 39px;
}
}
@media screen and (min-width: 640px) {
.header {
padding: 20px 30px;
}
}
@media screen and (max-width: 639px) {
.header {
padding: 15px 15px;
}
}
.page {
background: #fff;
}
@media screen and (min-width: 640px) {
.page {
border-radius: 5px;
box-shadow: 0 0 4px rgba(0,0,0,0.15);
}
}
@media screen and (max-width: 639px) {
.page {
margin: 0 -20px;
}
}
*,
*:before,
*:after {
box-sizing: border-box;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
display: block;
}
audio,
canvas,
video {
display: inline-block;
}
audio:not([controls]) {
display: none;
}
[hidden] {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
html,
button,
input,
select,
textarea {
font-family: "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
html,
body {
margin: 0;
}
a:focus {
outline: none;
}
a:active {
background-color: transparent;
}
abbr[title] {
border-bottom: 1px dotted;
}
blockquote {
margin: 1em 40px;
}
dfn,
em,
i {
font-style: italic;
}
mark {
background: #ff0;
color: #000;
}
pre,
code,
kbd,
samp {
font-family: monospace, serif;
_font-family: 'courier new', monospace;
font-size: 1em;
}
pre {
white-space: pre;
white-space: pre-wrap;
word-wrap: break-word;
}
pre q {
quotes: none;
}
pre q:before,
pre q:after {
content: '';
content: none;
}
small {
font-size: 14px;
line-height: 22px;
}
sub,
sup {
font-size: 75%;
line-height: 0;
position: relative;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
img {
border: 0;
-ms-interpolation-mode: bicubic;
}
svg:not(:root) {
overflow: hidden;
}
img,
iframe,
object,
embed {
vertical-align: middle;
}
figure {
margin: 0;
}
form {
margin: 0;
}
fieldset {
border: 0;
margin: 0;
padding: 0;
}
button,
input,
select,
textarea {
font-size: 100%;
margin: 0;
vertical-align: baseline;
}
button,
input {
line-height: normal;
background: none;
border: 0;
padding: 0;
}
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
cursor: pointer;
-webkit-appearance: button;
}
button[disabled],
input[disabled] {
cursor: default;
}
input[type="checkbox"],
input[type="radio"] {
padding: 0;
box-sizing: border-box;
}
input[type="search"] {
-webkit-appearance: textfield;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
input[type=text],
input[type=password],
input[type=email] {
-webkit-appearance: none !important;
-moz-appearance: none !important;
appearance: none !important;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
border: 0;
padding: 0;
}
textarea {
overflow: auto;
vertical-align: top;
resize: vertical;
}
th {
text-align: left;
}
hr {
display: none;
}
img {
max-width: 100%;
}
.inline-block {
display: inline-block;
vertical-align: middle;
}
.align-center {
text-align: center;
}
.align-left {
text-align: left;
}
.align-right {
text-align: right;
}
.align-right.flex {
display: flex;
justify-content: flex-end;
}
.align-justify {
text-align: justify;
}
.float-left,
.pull-left {
float: left;
}
.float-right,
.pull-right {
float: right;
}
.nolink {
text-decoration: none;
}
[class^="icon-"]:before,
[class*=" icon-"]:before,
[class^="icon-"]:after,
[class*=" icon-"]:after {
font-size: 18px;
}
a,
.link {
color: #86d122;
transition: color 0.3s ease;
cursor: pointer;
}
a:visited,
.link:visited {
color: #86d122;
text-decoration: none;
}
a:hover,
.link:hover {
color: #4d525a;
text-decoration: none;
}
a:not([href]),
.link:not([href]),
a.not-href,
.link.not-href {
cursor: default !important;
}
a.nolink,
.link.nolink {
text-decoration: none;
}
[class*="icon-"] {
color: #86d122;
}
.h-subtitle {
margin-top: -20px;
text-align: center;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
font-size: 20px;
line-height: 28px;
color: #717881;
margin-bottom: 40px;
}
.h-subtitle-normal {
margin-top: 20px;
margin-bottom: 20px;
}
h1,
h2,
h3,
h4,
h5,
.h1,
.h2,
.h3,
.h4,
.h5 {
color: #333;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
text-rendering: optimizelegibility;
-webkit-text-stroke: none;
margin-top: 0;
}
h1 [class*="sprite-"],
h2 [class*="sprite-"],
h3 [class*="sprite-"],
h4 [class*="sprite-"],
h5 [class*="sprite-"],
.h1 [class*="sprite-"],
.h2 [class*="sprite-"],
.h3 [class*="sprite-"],
.h4 [class*="sprite-"],
.h5 [class*="sprite-"],
h1 [class*="icon-"],
h2 [class*="icon-"],
h3 [class*="icon-"],
h4 [class*="icon-"],
h5 [class*="icon-"],
.h1 [class*="icon-"],
.h2 [class*="icon-"],
.h3 [class*="icon-"],
.h4 [class*="icon-"],
.h5 [class*="icon-"] {
margin-right: 15px;
}
h1 span:not([class]):not([id]),
h2 span:not([class]):not([id]),
h3 span:not([class]):not([id]),
h4 span:not([class]):not([id]),
h5 span:not([class]):not([id]),
.h1 span:not([class]):not([id]),
.h2 span:not([class]):not([id]),
.h3 span:not([class]):not([id]),
.h4 span:not([class]):not([id]),
.h5 span:not([class]):not([id]) {
color: #86d122;
}
h1.styled,
h2.styled,
h3.styled,
h4.styled,
h5.styled,
.h1.styled,
.h2.styled,
.h3.styled,
.h4.styled,
.h5.styled {
text-align: center;
position: relative;
font-size: 20px;
line-height: 28px;
}
h1.styled:after,
h2.styled:after,
h3.styled:after,
h4.styled:after,
h5.styled:after,
.h1.styled:after,
.h2.styled:after,
.h3.styled:after,
.h4.styled:after,
.h5.styled:after {
content: '';
display: block;
width: 100%;
height: 1px;
position: absolute;
top: 50%;
left: 0;
background: #e1e5e6;
z-index: 1;
margin-top: 1px;
}
h1.styled span,
h2.styled span,
h3.styled span,
h4.styled span,
h5.styled span,
.h1.styled span,
.h2.styled span,
.h3.styled span,
.h4.styled span,
.h5.styled span {
display: inline-block;
vertical-align: middle;
padding: 0 15px;
background: #fff;
position: relative;
z-index: 10;
color: inherit;
}
h1.inherit,
h2.inherit,
h3.inherit,
h4.inherit,
h5.inherit,
.h1.inherit,
.h2.inherit,
.h3.inherit,
.h4.inherit,
.h5.inherit {
color: inherit;
font-weight: inherit;
font-size: inherit;
margin: 0;
display: inline;
font-family: inherit;
}
h1,
.h1 {
line-height: 1.2em;
font-size: 40px;
text-align: center;
}
h2,
.h2 {
line-height: 1.2em;
margin-bottom: 20px;
font-size: 28px;
text-align: center;
}
h3,
.h3 {
line-height: 1.1em;
margin-bottom: 20px;
font-size: 22px;
}
h4,
.h4 {
line-height: 28px;
margin-bottom: 20px;
font-size: 18px;
}
h5,
.h5 {
margin-bottom: 10px;
font-size: 20px;
}
dl,
ol,
ul {
margin: 1em 0;
}
dd {
margin: 0 0 0 40px;
}
ol,
ul {
padding: 0;
margin: 0;
list-style-type: none;
}
ul:not([class]):not([id]),
ul.ul-styled {
padding: 0;
margin: 0;
list-style-type: none;
margin-bottom: 30px;
margin-left: 20px;
}
ul:not([class]):not([id]) li,
ul.ul-styled li {
padding-left: 18px;
position: relative;
margin: 3px 0;
}
ul:not([class]):not([id]) li:before,
ul.ul-styled li:before {
border-radius: 10px;
width: 8px;
height: 8px;
background-color: #d7d7d7;
content: '';
display: block;
left: 0;
position: absolute;
top: 9px;
}
ul:not([class]):not([id]) li strong,
ul.ul-styled li strong {
color: #000;
}
ol:not([class]):not([id]),
ol.ol-styled {
counter-reset: li;
padding: 0;
margin: 0;
list-style-type: none;
margin-bottom: 30px;
font-size: 18px;
line-height: 26px;
margin-left: 15px;
}
ol:not([class]):not([id]) li,
ol.ol-styled li {
position: relative;
padding-left: 30px;
}
ol:not([class]):not([id]) li:before,
ol.ol-styled li:before {
content: counter(li) '. ';
counter-increment: li;
color: #86d122;
display: table-cell;
vertical-align: middle;
position: absolute;
top: 0;
left: 0;
width: 23px;
text-align: right;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
p,
address {
margin: 0 0 20px;
}
address {
font-style: normal;
}
img {
height: auto;
}
img.pull-left,
img.pull-right {
margin-bottom: 20px;
}
img.pull-left {
margin-right: 20px;
}
img.pull-right {
margin-left: 20px;
}
.color-default {
color: #4d525a;
}
.color-darker {
color: #000;
}
.color-inverse {
color: #fff;
}
.color-primary {
color: #86d122;
}
.color-additional {
color: #e6eaef;
}
.color-neutral {
color: #f2b40e;
}
.color-brighter {
color: #717881;
}
.color-positive {
color: #20b36c;
}
.color-negative {
color: #c0392b;
}
.uppercase {
text-transform: uppercase;
}
b,
strong,
.bold {
font-family: "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
font-weight: 700;
}
.regular {
font-family: "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.small {
font-size: 14px;
line-height: 22px;
}
.xsmall {
font-size: 12px;
line-height: 20px;
}
.xxsmall {
font-size: 10px;
line-height: 18px;
}
.large {
font-size: 18px;
line-height: 26px;
}
.xlarge {
font-size: 20px;
line-height: 28px;
}
.xxlarge {
font-size: 22px;
line-height: 30px;
}
.xxxlarge {
font-size: 24px;
line-height: 32px;
}
@media screen and (max-width: 479px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 639px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 767px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (max-width: 999px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 480px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 640px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 768px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 1000px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 480px) and (max-width: 639px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 480px) and (max-width: 767px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 480px) and (max-width: 999px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 640px) and (max-width: 999px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) and (min-width: 640px) {
-small {
margin-left: -5px;
margin-right: -5px;
}
-small > [class^="column"] {
padding-left: 5px;
padding-right: 5px;
}
-large {
margin-left: -20px;
margin-right: -20px;
}
-large > [class^="column"] {
padding-left: 20px;
padding-right: 20px;
}
}
.accordion-item {
border: 1px solid #eaeaea;
margin: 0 0 10px;
position: relative;
overflow: hidden;
border-radius: 3px;
transition: border 0.3s ease;
}
.accordion-item:hover {
border-color: #bfe987;
}
.accordion-item:hover .underline-item:after {
opacity: 0;
}
.accordion-item input[type=checkbox] {
position: absolute;
cursor: pointer;
width: 100%;
height: 100%;
z-index: 2;
opacity: 0;
display: block;
}
.accordion-item input[type=checkbox]:hover ~ .accordion-item-header {
color: #86d122;
}
.accordion-item input[type=checkbox]:checked ~ .accordion-item-header,
.accordion-item input[type=checkbox]:checked ~ .accordion-item .underline-item:break-after {
opacity: 0;
}
.accordion-item input[type=checkbox]:checked ~ .accordion-item-content {
display: block;
}
.accordion-item-header {
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
background: #fff;
position: relative;
z-index: 1;
transition: color 0.3s ease;
display: block;
padding: 15px 20px 15px 50px;
text-decoration: none;
color: #000;
font-size: 18px;
line-height: 26px;
cursor: pointer;
}
.accordion-item-header [class*="icon-"] {
color: #76c020;
transition: color 0.3s ease, transform 0.3s ease;
position: absolute;
top: 18px;
left: 15px;
}
.accordion-item-header [class*="icon-"]:before,
.accordion-item-header [class*="icon-"]:after {
font-size: 20px;
}
.accordion-item-content {
padding: 0 20px 20px 50px;
margin: 0;
color: #777;
position: relative;
z-index: 10;
display: none;
}
.accordion-item-content p {
margin: 0;
color: #777;
}
.account-avatar {
display: inline-block;
vertical-align: middle;
width: 72px;
height: 72px;
border-radius: 100px;
text-align: center;
text-decoration: none;
position: relative;
}
.account-avatar-small {
width: 54px;
height: 54px;
}
.account-avatar-small .account-avatar-initials {
font-size: 21px;
}
.account-avatar-initials {
position: absolute;
top: 50%;
left: 50%;
font-size: 30px;
transform: translate(-50%, -50%);
}
.account-avatar img {
vertical-align: top;
}
.account-avatar:hover .account-avatar-overlay {
opacity: 1;
}
.account-avatar-empty {
border: 2px solid #86d122;
color: #86d122;
}
.account-avatar-empty-gray {
border-color: #b1b1b1 !important;
color: #b1b1b1 !important;
}
.account-avatar-empty .account-avatar-overlay {
top: -2px;
left: -2px;
right: -2px;
bottom: -2px;
background: #86d122;
color: #fff;
}
.account-avatar-overlay {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
font-size: 30px;
display: block;
border-radius: 100px;
opacity: 0;
transition: opacity 0.3s ease;
background: rgba(0,0,0,0.3);
}
.account-avatar-overlay [class*="icon-"] {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff;
}
.account-avatar-overlay [class*="icon-"]:before {
font-size: 25px;
}
.account-avatar-wrapper {
margin-bottom: 20px;
}
.account {
float: right;
text-decoration: none;
color: #000;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.account .underline-item:after {
border-color: transparent;
}
.account [class*="icon-"] {
color: #000;
border-color: #000;
}
.account:hover {
color: #000 !important;
}
.account:hover .underline-item:after {
border-color: transparent;
}
.account[href] {
color: #86d122;
}
.account[href] [class*="icon-"] {
color: #86d122;
border-color: #86d122;
}
.account[href] .underline-item:after {
border-color: #86d122;
}
.account[href]:hover {
color: #000;
}
.account[href]:hover .underline-item:after {
border-color: #000;
}
.account[href]:hover [class*="icon-"] {
color: #000;
border-color: #000;
}
.account:visited {
color: #86d122;
}
.account [class*="icon-"] {
margin-right: 8px;
}
.account-logout {
color: #717881;
opacity: 0.7;
}
.account-logout [class*="icon-"] {
color: #717881;
border-color: #717881;
}
.account-logout [class*="icon-"]:before {
top: 1px;
position: relative;
}
.account-logout .underline-item:after {
border-color: #717881;
}
.account-logout:visited {
color: #717881;
}
.account-logout:visited [class*="icon-"] {
color: #717881;
border-color: #717881;
}
.account-logout:visited .underline-item:after {
border-color: #717881;
}
.break-word {
white-space: normal;
word-break: break-all;
word-break: break-word;
hyphens: auto;
}
.addon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.addon-inline {
display: inline;
}
.addon-item {
position: absolute;
top: 0;
text-align: center;
vertical-align: middle;
height: 100%;
z-index: 930;
display: block;
}
.addon-item:first-child {
left: 0;
}
.addon-item:last-child {
right: 0;
}
.addon-item span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #717881;
margin-top: 1px;
transition: color 0.3s ease;
}
.addon-item button:hover span {
color: #86d122;
}
.addon .addon-item {
width: 55px;
}
.addon .addon-item [class*="icon"] {
font-size: 12px;
}
.addon .input:first-child {
padding-right: 55px;
}
.addon .input:last-child {
padding-left: 55px;
}
.addon .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-xsmall .addon-item,
.form-xsmall .addon .addon-item {
width: 22px;
}
.addon-xsmall .addon-item [class*="icon"],
.form-xsmall .addon .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-xsmall .input:first-child,
.form-xsmall .addon .input:first-child {
padding-right: 22px;
}
.addon-xsmall .input:last-child,
.form-xsmall .addon .input:last-child {
padding-left: 22px;
}
.addon-xsmall .addon-item + .input:not(:last-child),
.form-xsmall .addon .addon-item + .input:not(:last-child) {
padding-left: 22px;
padding-right: 22px;
}
.addon-group-xsmall .addon-item,
.addon .btn .addon-item {
width: 22px;
}
.addon-group-xsmall .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-group-xsmall .input:first-child,
.addon .btn .input:first-child {
padding-right: 22px;
}
.addon-group-xsmall .input:last-child,
.addon .btn .input:last-child {
padding-left: 22px;
}
.addon-group-xsmall .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 22px;
padding-right: 22px;
}
.addon-small .addon-item,
.form-small .addon .addon-item {
width: 30px;
}
.addon-small .addon-item [class*="icon"],
.form-small .addon .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-small .input:first-child,
.form-small .addon .input:first-child {
padding-right: 30px;
}
.addon-small .input:last-child,
.form-small .addon .input:last-child {
padding-left: 30px;
}
.addon-small .addon-item + .input:not(:last-child),
.form-small .addon .addon-item + .input:not(:last-child) {
padding-left: 30px;
padding-right: 30px;
}
.addon-group-small .addon-item,
.addon .btn .addon-item {
width: 30px;
}
.addon-group-small .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-group-small .input:first-child,
.addon .btn .input:first-child {
padding-right: 30px;
}
.addon-group-small .input:last-child,
.addon .btn .input:last-child {
padding-left: 30px;
}
.addon-group-small .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 30px;
padding-right: 30px;
}
.addon-medium .addon-item,
.form-medium .addon .addon-item {
width: 55px;
}
.addon-medium .addon-item [class*="icon"],
.form-medium .addon .addon-item [class*="icon"] {
font-size: 12px;
}
.addon-medium .input:first-child,
.form-medium .addon .input:first-child {
padding-right: 55px;
}
.addon-medium .input:last-child,
.form-medium .addon .input:last-child {
padding-left: 55px;
}
.addon-medium .addon-item + .input:not(:last-child),
.form-medium .addon .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-group-medium .addon-item,
.addon .btn .addon-item {
width: 55px;
}
.addon-group-medium .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 12px;
}
.addon-group-medium .input:first-child,
.addon .btn .input:first-child {
padding-right: 55px;
}
.addon-group-medium .input:last-child,
.addon .btn .input:last-child {
padding-left: 55px;
}
.addon-group-medium .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-large .addon-item,
.form-large .addon .addon-item {
width: 50px;
}
.addon-large .addon-item [class*="icon"],
.form-large .addon .addon-item [class*="icon"] {
font-size: 14px;
}
.addon-large .input:first-child,
.form-large .addon .input:first-child {
padding-right: 50px;
}
.addon-large .input:last-child,
.form-large .addon .input:last-child {
padding-left: 50px;
}
.addon-large .addon-item + .input:not(:last-child),
.form-large .addon .addon-item + .input:not(:last-child) {
padding-left: 50px;
padding-right: 50px;
}
.addon-group-large .addon-item,
.addon .btn .addon-item {
width: 50px;
}
.addon-group-large .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 14px;
}
.addon-group-large .input:first-child,
.addon .btn .input:first-child {
padding-right: 50px;
}
.addon-group-large .input:last-child,
.addon .btn .input:last-child {
padding-left: 50px;
}
.addon-group-large .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 50px;
padding-right: 50px;
}
.addon-xlarge .addon-item,
.form-xlarge .addon .addon-item {
width: 60px;
}
.addon-xlarge .addon-item [class*="icon"],
.form-xlarge .addon .addon-item [class*="icon"] {
font-size: 18px;
}
.addon-xlarge .input:first-child,
.form-xlarge .addon .input:first-child {
padding-right: 60px;
}
.addon-xlarge .input:last-child,
.form-xlarge .addon .input:last-child {
padding-left: 60px;
}
.addon-xlarge .addon-item + .input:not(:last-child),
.form-xlarge .addon .addon-item + .input:not(:last-child) {
padding-left: 60px;
padding-right: 60px;
}
.addon-group-xlarge .addon-item,
.addon .btn .addon-item {
width: 60px;
}
.addon-group-xlarge .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 18px;
}
.addon-group-xlarge .input:first-child,
.addon .btn .input:first-child {
padding-right: 60px;
}
.addon-group-xlarge .input:last-child,
.addon .btn .input:last-child {
padding-left: 60px;
}
.addon-group-xlarge .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 60px;
padding-right: 60px;
}
.alert {
padding: 15px 20px;
margin: 20px 30px;
border: 1px solid #e1e5e6;
position: relative;
color: #333;
border-radius: 3px;
font-family: "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
transition: opacity 0.3s ease, transform 0.3s ease, visibility 0.3s ease;
}
@media screen and (max-width: 767px) {
.alert {
margin: 20px 10px;
}
}
.alert-text {
font-size: 22px;
line-height: 30px;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.alert-text [class*="icon-"] {
margin-right: 10px;
position: relative;
top: -1px;
}
.alert-text [class*="icon-"]:before {
font-size: 22px;
line-height: 30px;
}
.alert-text-success {
color: #86d122;
}
.alert-hidden {
opacity: 0;
transform: translate(0, -100%);
position: absolute;
visibility: hidden;
display: none;
}
.mobile .alert-hidden {
display: none;
opacity: 1;
transform: translate(0, 0);
position: relative;
visibility: visible;
}
.alert + .content-bar {
margin-top: -15px;
}
.alert-removed {
opacity: 0;
transform: translate(0, -100%);
visibility: hidden;
}
.alert-close {
position: absolute;
top: 0;
right: 5px;
}
.alert-close [class*="icon-"] {
color: rgba(0,0,0,0.25);
transition: color 0.3s ease;
}
.alert > [class*="icon-"],
.alert > [class*="gif-"] {
margin-right: 15px;
position: relative;
top: -1px;
}
.alert > [class*="icon-"]:before,
.alert > [class*="gif-"]:before,
.alert > [class*="icon-"]:after,
.alert > [class*="gif-"]:after {
font-size: 22px;
}
.alert .gif-reconnect {
display: inline-block;
vertical-align: middle;
width: 18px;
height: 18px;
background-image: url(/dist/preloader-alert.02e06772c628f7db097cbe384a1d8c33.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.alert-tip {
background-color: #fefad0;
border-color: #fefad0;
}
.alert-tip strong {
color: #6bb911;
text-transform: uppercase;
margin-right: 5px;
}
.alert-error {
border-color: #e6a9b8;
background: #ffdae3;
}
.alert-error > [class*="icon-"] {
color: #e82e5c;
}
.alert-error a {
color: #e82e5c;
}
.alert-error .alert-close:hover [class*="icon-"] {
color: #e82e5c;
}
.alert-warning,
.alert-reconnect {
border-color: #f9e405;
background: #fefad0;
}
.alert-warning > [class*="icon-"],
.alert-reconnect > [class*="icon-"] {
color: #b5a604;
}
.alert-warning a,
.alert-reconnect a {
color: #b5a604;
}
.alert-warning .alert-close:hover [class*="icon-"],
.alert-reconnect .alert-close:hover [class*="icon-"] {
color: #b5a604;
}
.alert-success {
border-color: #c8e4a3;
background: #eafed0;
}
.alert-success > [class*="icon-"] {
color: #45b819;
}
.alert-success a {
color: #45b819;
}
.alert-success .alert-close:hover [class*="icon-"] {
color: #45b819;
}
.alert-info {
border-color: #b2d4ea;
background: #dff1f9;
}
.alert-info > [class*="icon-"] {
color: #235c81;
}
.alert-info a {
color: #235c81;
}
.alert-info .alert-close:hover [class*="icon-"] {
color: #235c81;
}
.append {
display: flex;
align-items: center;
}
.append-row {
display: flex;
align-items: center;
flex-direction: row;
}
.append-row > *:not(:first-child) {
margin-left: 5px;
}
@media screen and (max-width: 479px) {
.append-row {
flex-direction: column;
width: 100%;
}
.append-row > * {
width: 100%;
}
.append-row > *:not(:first-child) {
margin-left: 0;
margin-top: 5px;
}
}
.append-row-glued {
display: flex;
align-items: center;
flex-direction: row;
}
.append-row-glued > *:not(:first-child) {
margin-left: 5px;
}
@media screen and (max-width: 479px) {
.append-row-glued {
flex-direction: column;
width: 100%;
}
.append-row-glued > * {
width: 100%;
}
.append-row-glued > *:not(:first-child) {
margin-left: 0;
margin-top: 5px;
}
}
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)) {
margin-left: 0;
}
.append-row-glued > *:nth-child(n+1):not(:last-child):not(:nth-last-child(1)),
.append-row-glued > *:nth-child(n+1):not(:last-child):not(:nth-last-child(1)) * {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)),
.append-row-glued > *:nth-last-child(n+1):not(:first-child):not(:nth-child(1)) * {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
@media screen and (max-width: 479px) {
.append-row-glued.append-glued > *:not(:first-child) {
margin-top: 0;
}
.append-row-glued.append-glued > *:not(:last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.append-row-glued.append-glued > *:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
}
.append-column {
display: flex;
align-items: center;
flex-direction: column;
}
.append-column > *:not(:first-child) {
margin-top: 5px;
}
@media screen and (max-width: 479px) {
.append-column {
width: 100%;
}
.append-column > * {
width: 100%;
}
.append-column > *:not(:first-child) {
margin-top: 5px;
}
}
.append-column-glued {
display: flex;
align-items: center;
flex-direction: column;
}
.append-column-glued > *:not(:first-child) {
margin-top: 5px;
}
@media screen and (max-width: 479px) {
.append-column-glued {
width: 100%;
}
.append-column-glued > * {
width: 100%;
}
.append-column-glued > *:not(:first-child) {
margin-top: 5px;
}
}
.append-column-glued > *:not(:first-child) {
margin-top: 0;
}
.append-column-glued > *:not(:last-child) {
border-bottom-right-radius: 0;
border-bottom-left-radius: 0;
}
.append-column-glued > *:not(:first-child) {
border-top-left-radius: 0;
border-top-right-radius: 0;
}
.append-column-glued > *:nth-child(1) {
transform: translateY(-0px);
}
.append-column-glued > *:nth-child(2) {
transform: translateY(-1px);
}
.append-column-glued > *:nth-child(3) {
transform: translateY(-2px);
}
.append-column-glued > *:nth-child(4) {
transform: translateY(-3px);
}
.append-column-glued > *:nth-child(5) {
transform: translateY(-4px);
}
.append-column-glued > *:nth-child(6) {
transform: translateY(-5px);
}
.append-column-glued > *:nth-child(7) {
transform: translateY(-6px);
}
.append-column-glued > *:nth-child(8) {
transform: translateY(-7px);
}
.append-column-glued > *:nth-child(9) {
transform: translateY(-8px);
}
.append-column-glued > *:nth-child(10) {
transform: translateY(-9px);
}
.badge {
position: relative;
color: #86d122;
text-transform: uppercase;
}
.badge.small {
font-size: 11px;
bottom: 2px;
margin-left: 4px;
border-radius: 20px;
padding: 2px 7px;
}
.badge.filled {
background: #86d122;
color: #fff;
}
.blur.active {
filter: blur(2px);
}
.box {
border-radius: 5px;
background: #fff;
margin-bottom: 20px;
}
.box p:last-child {
margin: 0;
}
.box-headline {
margin-bottom: 5px;
font-size: 20px;
line-height: 28px;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.box-inner {
padding: 30px 30px;
}
.box-inner-vertical-large {
padding: 70px 0;
}
.box-brighter {
background: #f4f6f8;
}
.box-primary {
background-color: #eaffd6;
}
.box-primary .box-headline {
color: #86d122;
}
.box-primary a {
color: #86d122;
}
.box-primary a:visited {
color: #86d122;
}
.box-primary a:hover {
color: #4d525a;
}
.button-group {
display: flex;
flex-wrap: wrap;
}
.button-group.wide {
width: 100%;
}
.button-group.wide a,
.button-group.wide .btn,
.button-group.wide button,
.button-group.wide input[type=button],
.button-group.wide input[type=submit] {
width: 100%;
}
.button-group.wide a:not(:last-child),
.button-group.wide .btn:not(:last-child),
.button-group.wide button:not(:last-child),
.button-group.wide input[type=button]:not(:last-child),
.button-group.wide input[type=submit]:not(:last-child) {
margin-bottom: 20px;
}
.channel-box {
width: 100%;
border: 1px solid #eaeaea;
border-radius: 5px;
margin-bottom: 20px;
}
.channel-box .box-header {
width: 100%;
padding: 20px;
}
.channel-box .form-values {
padding: 0 20px;
position: relative;
min-height: 60px;
overflow: hidden;
}
.channel-box .form-values.collapsed {
max-height: 170px;
}
.channel-box .form-values .form-value {
margin-bottom: 20px;
display: flex;
justify-content: flex-start;
align-items: flex-start;
}
.channel-box .form-values .form-value-label {
text-align: left;
text-transform: uppercase;
width: 100px;
}
.channel-box .form-values .form-value-content {
max-width: 400px;
margin-left: 10px;
}
.channel-box .form-values .veil {
width: 100%;
bottom: 0;
left: 0;
height: 50px;
position: absolute;
background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, #fff 100%);
background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, #fff 100%);
}
.channel-box .expand {
position: relative;
z-index: 9;
bottom: 0;
padding: 0 20px;
cursor: pointer;
}
.files-list {
padding: 0 20px;
}
.files-list .show-more {
display: block;
margin-bottom: 20px;
padding-top: 40px;
border-top: 1px solid #e3e3e3;
}
.files-list .show-more span[class^="icon"]::before {
font-size: 24px;
}
.files-list .table {
margin-bottom: 0;
}
.files-list .table .table-row:last-child {
border-bottom: none;
}
.circle {
border: 2px solid #86d122;
border-radius: 100px;
width: 28px;
height: 28px;
line-height: 22px;
text-align: center;
transition: color 0.3s ease, border 0.3s ease;
}
.circle:before,
.circle:after {
font-size: 15px;
}
.circled-icon {
display: inline-block;
border-radius: 100px;
border: 2px solid #86d122;
margin-bottom: 20px;
width: 68px;
height: 68px;
line-height: 68px;
text-align: center;
}
.circled-icon [class*="icon-"] {
line-height: 68px;
}
.circled-icon [class*="icon-"]:before {
font-size: 30px;
line-height: 64px;
}
.company-logo {
float: left;
width: 70px;
margin-right: 25px;
}
.company-address {
overflow: hidden;
}
.contact {
padding: 0 0 10px 0;
margin-bottom: 10px;
border-bottom: 1px dotted #ccc;
}
.contact:before,
.contact:after {
content: "";
display: table;
}
.contact:after {
clear: both;
}
.contact dt {
float: left;
width: 50%;
}
.container {
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-left: 20px;
padding-right: 20px;
}
.crossroad b,
.crossroad .done {
font-weight: bold;
color: #86d122;
}
.crossroad i,
.crossroad .doing {
color: #f2b40e;
}
.crossroad .crossroad-list li {
margin-bottom: 10px;
}
.crossroad .tlc {
margin-left: 10px;
cursor: pointer;
padding: 3px 5px;
border-radius: 2px;
color: #fff !important;
font-size: 13px;
text-decoration: none !important;
}
.crossroad .tlc:first-child {
margin-left: 40px;
}
.crossroad .tlc.future {
background: #20b36c;
}
.crossroad .tlc.issue {
background: #e82e5c;
}
.crossroad .tlc:hover {
background: #717881;
}
.datagrid {
padding: 30px;
}
.datagrid table.datagrid-table {
width: 100%;
border-spacing: 0;
border-collapse: collapse;
}
.datagrid table.datagrid-table th,
.datagrid table.datagrid-table td {
padding: 15px 10px;
vertical-align: initial;
}
.datagrid table.datagrid-table th.col-checkbox span,
.datagrid table.datagrid-table td.col-checkbox span {
height: 25px;
}
@media screen and (max-width: 767px) {
.datagrid table.datagrid-table th.col-filesCount,
.datagrid table.datagrid-table td.col-filesCount {
display: none;
}
}
@media screen and (max-width: 479px) {
.datagrid table.datagrid-table th.col-expiration,
.datagrid table.datagrid-table td.col-expiration {
display: none;
}
}
.datagrid table.datagrid-table thead {
width: 100%;
background: #fff;
color: #4d525a;
font-weight: normal;
}
.datagrid table.datagrid-table thead th {
font-size: 12px;
text-transform: uppercase;
color: #4d525a;
}
.datagrid table.datagrid-table thead a {
font-weight: bold;
text-decoration: none;
}
.datagrid table.datagrid-table tbody {
width: 100%;
}
.datagrid table.datagrid-table tbody tr {
border-top: 1px solid #e3e3e3;
}
.datagrid table.datagrid-table tbody td {
font-size: 14px;
}
.datagrid table.datagrid-table tbody td.buttons {
display: flex;
align-items: center;
}
.datagrid table.datagrid-table tbody td.buttons > *:first-child {
margin-right: 5px;
}
.datagrid table.datagrid-table tbody td.col-delete {
width: 1em;
}
.datagrid table.datagrid-table tbody td.col-delete [class*="icon"] {
color: #c0392b;
}
.datagrid table.datagrid-table tbody td.col-delete [class*="icon"]:hover {
color: #4d525a;
}
.datagrid table.datagrid-table tfoot .col-items {
width: 100%;
text-align: center;
}
.datagrid table.datagrid-table tfoot .col-items small {
font-size: 12px;
}
.datagrid table.datagrid-table tfoot .col-pagination {
width: 100%;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator {
display: flex;
align-items: center;
flex-direction: row;
display: flex;
justify-content: center;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:not(:first-child) {
margin-left: 5px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)) {
margin-left: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-child(n+2):not(:last-child):not(:nth-last-child(2)),
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-child(n+2):not(:last-child):not(:nth-last-child(2)) * {
border-top-right-radius: 0;
border-bottom-right-radius: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)),
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator > *:nth-last-child(n+2):not(:first-child):not(:nth-child(2)) * {
border-top-left-radius: 0;
border-bottom-left-radius: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a {
font-size: 14px;
line-height: 22px;
padding: 7px 9px;
height: 40px;
width: 40px;
display: flex;
justify-content: center;
align-items: center;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]:before,
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]:after {
font-size: 14px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"] {
margin-right: 0;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator a [class*="icon-"]::before {
font-size: 18px;
}
.datagrid table.datagrid-table tfoot .col-pagination > div.paginator .ellipsis {
width: 40px;
height: 40px;
display: flex;
justify-content: center;
align-items: center;
color: #fff;
background: #adadad;
}
.delivery-content-wrapper {
padding: 20px 35px;
}
.expiration .expired {
color: #e82e5c;
font-weight: bold;
}
.delivery-header {
display: flex;
justify-content: space-between;
flex-wrap: wrap;
padding: 20px 35px;
}
.toolbar-item.link.recipient-list {
justify-content: center;
}
.security {
margin-right: 10px;
}
.delivery-share {
padding: 20px 35px 20px;
border-bottom: 1px solid #e3e3e3;
border-top: 1px solid #e3e3e3;
}
.delivery-share .share-deploy {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
}
.delivery-share .share-deploy > * {
margin-bottom: 20px;
}
.delivery-share .share-deploy .share-row {
margin-right: 20px;
}
@media screen and (max-width: 767px) {
.delivery-share .share-deploy .share-row {
margin-right: 0;
width: 100%;
}
}
@media screen and (max-width: 767px) {
.delivery-share .share-deploy .side-buttons {
width: 100%;
display: flex;
justify-content: space-between;
}
}
.delivery-share .share-deploy .side-buttons > * {
margin-left: 10px;
}
@media screen and (max-width: 767px) {
.delivery-share .share-deploy .side-buttons > * {
margin-left: 5px;
}
}
.delivery-share .share-deploy .side-buttons > *:first-child {
margin-left: 0;
}
.delivery-share h4 {
margin: 0 0 10px;
color: #717881;
}
.delivery-share .note {
font-size: 12px;
color: #717881;
opacity: 0.7;
margin-bottom: -15px;
}
@media screen and (max-width: 479px) {
.delivery-share .input {
width: 100%;
}
}
.terms {
text-align: center;
}
.drop-here {
position: fixed;
top: 0;
left: 0;
bottom: 0;
right: 0;
color: #fff;
text-align: center;
background-color: rgba(44,51,57,0.75);
z-index: 9999;
opacity: 0;
visibility: hidden;
transition: all 0.3s ease;
}
.drop-here.active {
opacity: 1;
visibility: visible;
}
.drop-here-content {
height: 170px;
position: absolute;
left: 0;
width: 100%;
top: 50%;
margin-top: -85px;
}
.drop-here p {
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.drop {
background-color: #f6f6f6;
border: 1px dashed #cdd0d1;
border-radius: 3px;
padding: 25px;
margin-bottom: 20px;
font-size: 18px;
line-height: 26px;
text-align: center;
}
.drop a {
margin-left: 5px;
}
.drop a [class*="icon-"] {
margin-right: 5px;
}
.empty {
border: 2px solid #e9ebee;
height: 250px;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
color: #cdd0d1;
margin: 0 0 20px;
}
.empty > *:first-child {
margin-bottom: 10px;
}
.footnote {
font-size: 13px;
color: rgba(0,0,0,0.4);
}
.form-account {
max-width: 380px;
margin: auto;
padding-bottom: 15px;
}
.form-alert {
width: 100%;
background: #ffdae3;
color: #e82e5c;
margin-bottom: 5px;
margin-top: 0 !important;
padding: 2px 5px;
}
.form-bordered {
margin-bottom: 30px;
}
@media screen and (min-width: 640px) {
.form-bordered {
padding: 30px;
border: 1px solid #e3e3e3;
border-radius: 3px;
}
}
@media screen and (max-width: 639px) {
.form-bordered {
border-top: 1px solid #e3e3e3;
border-bottom: 1px solid #e3e3e3;
padding: 30px;
margin: 0 -10px 30px;
}
}
.form-bordered h2,
.form-bordered .h2 {
margin-bottom: 50px;
}
.btn {
text-decoration: none;
position: relative;
font-weight: normal;
text-align: center;
border-style: solid;
border-width: 1px;
-webkit-font-smoothing: antialiased;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
box-sizing: border-box;
display: inline-block;
vertical-align: middle;
transition: color 0.3s ease, background 0.3s ease, box-shadow 0.3s ease, border 0.3s ease;
border-radius: 3px;
background: #adadad;
color: #fff !important;
border-color: #adadad;
box-shadow: none;
text-shadow: none;
font-size: 18px;
line-height: 24px;
padding: 12px 19px;
}
.btn small {
color: #e0f5cf;
}
.btn-block {
width: 100%;
}
.btn-block-left {
text-align: left;
}
.btn .spinner {
position: absolute;
left: calc(50% - 16px);
top: calc(50% - 16px);
margin-top: 0;
display: inline-block;
vertical-align: middle;
width: 32px;
height: 32px;
background-image: url(/dist/preloader-inverse.3b04b50d88439fc270e15095f5a61282.gif);
background-repeat: no-repeat;
background-position: 0 0;
opacity: 0;
}
.btn-negative {
color: inherit;
}
.btn-negative .spinner {
background-image: url(/dist/preloader-negative.fd31e73c58fc022180c01eebb58c0081.svg);
background-repeat: no-repeat;
background-position: 0 0;
}
.btn-loading {
position: relative;
}
.btn-loading .btn-loading-text {
opacity: 0;
}
.btn-loading .spinner {
opacity: 1;
}
.btn-uppercase {
text-transform: uppercase;
}
.btn:hover {
text-decoration: none;
}
.btn:focus,
.btn.focus {
outline: 0;
}
.btn-icon {
color: inherit;
}
.btn-icon [class*="icon-"] {
margin: 0 !important;
}
.btn [class*="icon-"] {
position: relative;
top: -1px;
}
.btn.disabled {
background: #ccc !important;
border-color: #ccc !important;
cursor: default !important;
}
.btn:visited {
color: #fff;
}
.btn [class*="icon-"] {
color: #fff;
}
a:hover .btn {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a:hover .btn [class*="icon-"] {
color: #fff;
}
.btn.active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
.btn.active [class*="icon-"] {
color: #fff;
}
.btn.focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
.btn.focus [class*="icon-"] {
color: #fff;
}
.btn-default {
background: #adadad;
color: #fff !important;
border-color: #adadad;
box-shadow: none;
text-shadow: none;
}
.btn-default:visited {
color: #fff;
}
.btn-default [class*="icon-"] {
color: #fff;
}
a:hover .btn-default {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-default [class*="icon-"] {
color: #fff;
}
.btn-default.active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
.btn-default.active [class*="icon-"] {
color: #fff;
}
.btn-default.focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
.btn-default.focus [class*="icon-"] {
color: #fff;
}
.btn-group-default .btn {
background: #adadad;
color: #fff !important;
border-color: #adadad;
box-shadow: none;
text-shadow: none;
}
.btn-group-default .btn:visited {
color: #fff;
}
.btn-group-default .btn [class*="icon-"] {
color: #fff;
}
a:hover .btn-group-default .btn {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-group-default .btn [class*="icon-"] {
color: #fff;
}
.btn-group-default .btn.active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
.btn-group-default .btn.active [class*="icon-"] {
color: #fff;
}
.btn-group-default .btn.focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
.btn-group-default .btn.focus [class*="icon-"] {
color: #fff;
}
.btn-primary {
background: #86d122;
color: #fff !important;
border-color: #86d122;
box-shadow: none;
text-shadow: none;
}
.btn-primary:visited {
color: #fff;
}
.btn-primary [class*="icon-"] {
color: #fff;
}
a:hover .btn-primary {
background: #79bc1f;
color: #fff !important;
border-color: #79bc1f;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-primary [class*="icon-"] {
color: #fff;
}
.btn-primary.active {
background: #72b21d;
color: #fff;
border-color: #72b21d;
box-shadow: none;
text-shadow: none;
}
.btn-primary.active [class*="icon-"] {
color: #fff;
}
.btn-primary.focus {
background: #6ba71b;
color: #fff;
border-color: #6ba71b;
box-shadow: none;
text-shadow: none;
}
.btn-primary.focus [class*="icon-"] {
color: #fff;
}
.btn-group-primary .btn {
background: #86d122;
color: #fff !important;
border-color: #86d122;
box-shadow: none;
text-shadow: none;
}
.btn-group-primary .btn:visited {
color: #fff;
}
.btn-group-primary .btn [class*="icon-"] {
color: #fff;
}
a:hover .btn-group-primary .btn {
background: #79bc1f;
color: #fff !important;
border-color: #79bc1f;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-group-primary .btn [class*="icon-"] {
color: #fff;
}
.btn-group-primary .btn.active {
background: #72b21d;
color: #fff;
border-color: #72b21d;
box-shadow: none;
text-shadow: none;
}
.btn-group-primary .btn.active [class*="icon-"] {
color: #fff;
}
.btn-group-primary .btn.focus {
background: #6ba71b;
color: #fff;
border-color: #6ba71b;
box-shadow: none;
text-shadow: none;
}
.btn-group-primary .btn.focus [class*="icon-"] {
color: #fff;
}
.btn-additional {
background: #e6eaef;
color: #fff !important;
border-color: #e6eaef;
box-shadow: none;
text-shadow: none;
}
.btn-additional:visited {
color: #fff;
}
.btn-additional [class*="icon-"] {
color: #86d122;
}
a:hover .btn-additional {
background: #c9d2dd;
color: #fff !important;
border-color: #c9d2dd;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-additional [class*="icon-"] {
color: #86d122;
}
.btn-additional.active {
background: #bbc6d4;
color: #fff;
border-color: #bbc6d4;
box-shadow: none;
text-shadow: none;
}
.btn-additional.active [class*="icon-"] {
color: #86d122;
}
.btn-additional.focus {
background: #adbaca;
color: #fff;
border-color: #adbaca;
box-shadow: none;
text-shadow: none;
}
.btn-additional.focus [class*="icon-"] {
color: #86d122;
}
.btn-group-additional .btn {
background: #e6eaef;
color: #fff !important;
border-color: #e6eaef;
box-shadow: none;
text-shadow: none;
}
.btn-group-additional .btn:visited {
color: #fff;
}
.btn-group-additional .btn [class*="icon-"] {
color: #86d122;
}
a:hover .btn-group-additional .btn {
background: #c9d2dd;
color: #fff !important;
border-color: #c9d2dd;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-group-additional .btn [class*="icon-"] {
color: #86d122;
}
.btn-group-additional .btn.active {
background: #bbc6d4;
color: #fff;
border-color: #bbc6d4;
box-shadow: none;
text-shadow: none;
}
.btn-group-additional .btn.active [class*="icon-"] {
color: #86d122;
}
.btn-group-additional .btn.focus {
background: #adbaca;
color: #fff;
border-color: #adbaca;
box-shadow: none;
text-shadow: none;
}
.btn-group-additional .btn.focus [class*="icon-"] {
color: #86d122;
}
.btn-negative {
background: #c0392b;
color: #fff !important;
border-color: #c0392b;
box-shadow: none;
text-shadow: none;
}
.btn-negative:visited {
color: #fff;
}
.btn-negative [class*="icon-"] {
color: #fff;
}
a:hover .btn-negative {
background: #ad3327;
color: #fff !important;
border-color: #ad3327;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-negative [class*="icon-"] {
color: #fff;
}
.btn-negative.active {
background: #a33025;
color: #fff;
border-color: #a33025;
box-shadow: none;
text-shadow: none;
}
.btn-negative.active [class*="icon-"] {
color: #fff;
}
.btn-negative.focus {
background: #9a2e22;
color: #fff;
border-color: #9a2e22;
box-shadow: none;
text-shadow: none;
}
.btn-negative.focus [class*="icon-"] {
color: #fff;
}
.btn-group-negative .btn {
background: #c0392b;
color: #fff !important;
border-color: #c0392b;
box-shadow: none;
text-shadow: none;
}
.btn-group-negative .btn:visited {
color: #fff;
}
.btn-group-negative .btn [class*="icon-"] {
color: #fff;
}
a:hover .btn-group-negative .btn {
background: #ad3327;
color: #fff !important;
border-color: #ad3327;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-group-negative .btn [class*="icon-"] {
color: #fff;
}
.btn-group-negative .btn.active {
background: #a33025;
color: #fff;
border-color: #a33025;
box-shadow: none;
text-shadow: none;
}
.btn-group-negative .btn.active [class*="icon-"] {
color: #fff;
}
.btn-group-negative .btn.focus {
background: #9a2e22;
color: #fff;
border-color: #9a2e22;
box-shadow: none;
text-shadow: none;
}
.btn-group-negative .btn.focus [class*="icon-"] {
color: #fff;
}
.btn-base {
background: #f1f5f9;
color: #b8bdc4 !important;
border-color: #f1f5f9;
box-shadow: 0;
text-shadow: none;
}
.btn-base:visited {
color: #b8bdc4;
}
.btn-base [class*="icon-"] {
color: #b8bdc4;
}
a:hover .btn-base {
background: #e7eef5;
color: #a3aab3 !important;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a:hover .btn-base [class*="icon-"] {
color: #a3aab3;
}
.btn-base.active {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
.btn-base.active [class*="icon-"] {
color: #a3aab3;
}
.btn-base.focus {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
.btn-base.focus [class*="icon-"] {
color: #a3aab3;
}
.btn-group-base .btn {
background: #f1f5f9;
color: #b8bdc4 !important;
border-color: #f1f5f9;
box-shadow: 0;
text-shadow: none;
}
.btn-group-base .btn:visited {
color: #b8bdc4;
}
.btn-group-base .btn [class*="icon-"] {
color: #b8bdc4;
}
a:hover .btn-group-base .btn {
background: #e7eef5;
color: #a3aab3 !important;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a:hover .btn-group-base .btn [class*="icon-"] {
color: #a3aab3;
}
.btn-group-base .btn.active {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
.btn-group-base .btn.active [class*="icon-"] {
color: #a3aab3;
}
.btn-group-base .btn.focus {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
.btn-group-base .btn.focus [class*="icon-"] {
color: #a3aab3;
}
.btn-facebook {
background: #3f5991;
color: #fff !important;
border-color: #3f5991;
box-shadow: none;
text-shadow: none;
}
.btn-facebook:visited {
color: #fff;
}
.btn-facebook [class*="icon-"] {
color: #a8b9dc;
}
a:hover .btn-facebook {
background: #395083;
color: #fff !important;
border-color: #395083;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-facebook [class*="icon-"] {
color: #a8b9dc;
}
.btn-facebook.active {
background: #364c7b;
color: #fff;
border-color: #364c7b;
box-shadow: none;
text-shadow: none;
}
.btn-facebook.active [class*="icon-"] {
color: #a8b9dc;
}
.btn-facebook.focus {
background: #324774;
color: #fff;
border-color: #324774;
box-shadow: none;
text-shadow: none;
}
.btn-facebook.focus [class*="icon-"] {
color: #a8b9dc;
}
.btn-group-facebook .btn {
background: #3f5991;
color: #fff !important;
border-color: #3f5991;
box-shadow: none;
text-shadow: none;
}
.btn-group-facebook .btn:visited {
color: #fff;
}
.btn-group-facebook .btn [class*="icon-"] {
color: #a8b9dc;
}
a:hover .btn-group-facebook .btn {
background: #395083;
color: #fff !important;
border-color: #395083;
box-shadow: none;
text-shadow: none;
}
a:hover .btn-group-facebook .btn [class*="icon-"] {
color: #a8b9dc;
}
.btn-group-facebook .btn.active {
background: #364c7b;
color: #fff;
border-color: #364c7b;
box-shadow: none;
text-shadow: none;
}
.btn-group-facebook .btn.active [class*="icon-"] {
color: #a8b9dc;
}
.btn-group-facebook .btn.focus {
background: #324774;
color: #fff;
border-color: #324774;
box-shadow: none;
text-shadow: none;
}
.btn-group-facebook .btn.focus [class*="icon-"] {
color: #a8b9dc;
}
.btn-inverse {
background: #fff;
color: #86d122 !important;
border-color: #e3e3e3;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-inverse:visited {
color: #86d122;
}
.btn-inverse [class*="icon-"] {
color: #86d122;
}
a:hover .btn-inverse {
background: #f2f2f2;
color: #86d122 !important;
border-color: #ccc;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a:hover .btn-inverse [class*="icon-"] {
color: #86d122;
}
.btn-inverse.active {
background: #f2f2f2;
color: #86d122;
border-color: #c1c1c1;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-inverse.active [class*="icon-"] {
color: #86d122;
}
.btn-inverse.focus {
background: #f2f2f2;
color: #86d122;
border-color: #b6b6b6;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-inverse.focus [class*="icon-"] {
color: #86d122;
}
.btn-group-inverse .btn {
background: #fff;
color: #86d122 !important;
border-color: #e3e3e3;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-group-inverse .btn:visited {
color: #86d122;
}
.btn-group-inverse .btn [class*="icon-"] {
color: #86d122;
}
a:hover .btn-group-inverse .btn {
background: #f2f2f2;
color: #86d122 !important;
border-color: #ccc;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a:hover .btn-group-inverse .btn [class*="icon-"] {
color: #86d122;
}
.btn-group-inverse .btn.active {
background: #f2f2f2;
color: #86d122;
border-color: #c1c1c1;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-group-inverse .btn.active [class*="icon-"] {
color: #86d122;
}
.btn-group-inverse .btn.focus {
background: #f2f2f2;
color: #86d122;
border-color: #b6b6b6;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.btn-group-inverse .btn.focus [class*="icon-"] {
color: #86d122;
}
.btn [class*="icon-"] {
font-size: 16px;
margin-right: 13px;
}
.btn [class*="icon-"]:before,
.btn [class*="icon-"]:after {
font-size: 16px;
}
.btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn.btn-wide {
padding-left: 34px;
padding-right: 34px;
}
.btn.btn-xwide {
padding-left: 34px;
padding-right: 34px;
}
.btn.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.btn-xsmall {
font-size: 14px;
line-height: 22px;
padding: 5px 9px;
}
.btn-xsmall [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.btn-xsmall [class*="icon-"]:before,
.btn-xsmall [class*="icon-"]:after {
font-size: 14px;
}
.btn-xsmall.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-xsmall.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.btn-xsmall.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.btn-xsmall.btn-thin {
padding-left: 6px;
padding-right: 6px;
}
.btn-group-xsmall .btn {
font-size: 14px;
line-height: 22px;
padding: 5px 9px;
}
.btn-group-xsmall .btn [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.btn-group-xsmall .btn [class*="icon-"]:before,
.btn-group-xsmall .btn [class*="icon-"]:after {
font-size: 14px;
}
.btn-group-xsmall .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-group-xsmall .btn.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.btn-group-xsmall .btn.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.btn-group-xsmall .btn.btn-thin {
padding-left: 6px;
padding-right: 6px;
}
.btn-small {
font-size: 14px;
line-height: 22px;
padding: 7px 9px;
}
.btn-small [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.btn-small [class*="icon-"]:before,
.btn-small [class*="icon-"]:after {
font-size: 14px;
}
.btn-small.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-small.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.btn-small.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.btn-small.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.btn-group-small .btn {
font-size: 14px;
line-height: 22px;
padding: 7px 9px;
}
.btn-group-small .btn [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.btn-group-small .btn [class*="icon-"]:before,
.btn-group-small .btn [class*="icon-"]:after {
font-size: 14px;
}
.btn-group-small .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-group-small .btn.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.btn-group-small .btn.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.btn-group-small .btn.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.btn-medium {
font-size: 18px;
line-height: 24px;
padding: 12px 19px;
}
.btn-medium [class*="icon-"] {
font-size: 16px;
margin-right: 13px;
}
.btn-medium [class*="icon-"]:before,
.btn-medium [class*="icon-"]:after {
font-size: 16px;
}
.btn-medium.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-medium.btn-wide {
padding-left: 34px;
padding-right: 34px;
}
.btn-medium.btn-xwide {
padding-left: 34px;
padding-right: 34px;
}
.btn-medium.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.btn-group-medium .btn {
font-size: 18px;
line-height: 24px;
padding: 12px 19px;
}
.btn-group-medium .btn [class*="icon-"] {
font-size: 16px;
margin-right: 13px;
}
.btn-group-medium .btn [class*="icon-"]:before,
.btn-group-medium .btn [class*="icon-"]:after {
font-size: 16px;
}
.btn-group-medium .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-group-medium .btn.btn-wide {
padding-left: 34px;
padding-right: 34px;
}
.btn-group-medium .btn.btn-xwide {
padding-left: 34px;
padding-right: 34px;
}
.btn-group-medium .btn.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.btn-large {
font-size: 20px;
line-height: 26px;
padding: 17px 39px;
}
.btn-large [class*="icon-"] {
font-size: 22px;
margin-right: 13px;
}
.btn-large [class*="icon-"]:before,
.btn-large [class*="icon-"]:after {
font-size: 22px;
}
.btn-large.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-large.btn-wide {
padding-left: 59px;
padding-right: 59px;
}
.btn-large.btn-xwide {
padding-left: 59px;
padding-right: 59px;
}
.btn-large.btn-thin {
padding-left: 19px;
padding-right: 19px;
}
.btn-group-large .btn {
font-size: 20px;
line-height: 26px;
padding: 17px 39px;
}
.btn-group-large .btn [class*="icon-"] {
font-size: 22px;
margin-right: 13px;
}
.btn-group-large .btn [class*="icon-"]:before,
.btn-group-large .btn [class*="icon-"]:after {
font-size: 22px;
}
.btn-group-large .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-group-large .btn.btn-wide {
padding-left: 59px;
padding-right: 59px;
}
.btn-group-large .btn.btn-xwide {
padding-left: 59px;
padding-right: 59px;
}
.btn-group-large .btn.btn-thin {
padding-left: 19px;
padding-right: 19px;
}
.btn-xlarge {
font-size: 20px;
line-height: 28px;
padding: 23px 49px;
}
.btn-xlarge [class*="icon-"] {
font-size: 20px;
margin-right: 13px;
}
.btn-xlarge [class*="icon-"]:before,
.btn-xlarge [class*="icon-"]:after {
font-size: 20px;
}
.btn-xlarge.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-xlarge.btn-wide {
padding-left: 74px;
padding-right: 74px;
}
.btn-xlarge.btn-xwide {
padding-left: 74px;
padding-right: 74px;
}
.btn-xlarge.btn-thin {
padding-left: 24px;
padding-right: 24px;
}
.btn-group-xlarge .btn {
font-size: 20px;
line-height: 28px;
padding: 23px 49px;
}
.btn-group-xlarge .btn [class*="icon-"] {
font-size: 20px;
margin-right: 13px;
}
.btn-group-xlarge .btn [class*="icon-"]:before,
.btn-group-xlarge .btn [class*="icon-"]:after {
font-size: 20px;
}
.btn-group-xlarge .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.btn-group-xlarge .btn.btn-wide {
padding-left: 74px;
padding-right: 74px;
}
.btn-group-xlarge .btn.btn-xwide {
padding-left: 74px;
padding-right: 74px;
}
.btn-group-xlarge .btn.btn-thin {
padding-left: 24px;
padding-right: 24px;
}
.btn-group {
font-size: 0;
display: inline-block;
vertical-align: middle;
}
.btn-group .btn + .btn {
margin-left: 10px;
}
.btn-group-glued {
color: inherit;
}
.btn-group-glued .btn {
border-radius: 0;
}
.btn-group + .btn {
margin-left: 0;
}
.btn-group + .btn:first-child {
border-radius: 3px 0 0 3px;
}
.btn-group + .btn:last-child {
border-radius: 0 3px 3px 0;
}
.btn-group + .btn + .btn {
margin-left: 1px;
}
.btn-info {
display: inline-block;
vertical-align: middle;
color: #717881;
font-size: 14px;
line-height: 22px;
}
a.btn:hover,
button.btn:hover {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a.btn:active,
button.btn:active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
a.btn:focus,
button.btn:focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
a.btn-default:hover,
button.btn-default:hover {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a.btn-default:active,
button.btn-default:active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
a.btn-default:focus,
button.btn-default:focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
a.btn-group-default .btn:hover,
button.btn-group-default .btn:hover {
background: #9c9c9c;
color: #fff !important;
border-color: #9c9c9c;
box-shadow: none;
text-shadow: none;
}
a.btn-group-default .btn:active,
button.btn-group-default .btn:active {
background: #939393;
color: #fff;
border-color: #939393;
box-shadow: none;
text-shadow: none;
}
a.btn-group-default .btn:focus,
button.btn-group-default .btn:focus {
background: #8a8a8a;
color: #fff;
border-color: #8a8a8a;
box-shadow: none;
text-shadow: none;
}
a.btn-primary:hover,
button.btn-primary:hover {
background: #79bc1f;
color: #fff !important;
border-color: #79bc1f;
box-shadow: none;
text-shadow: none;
}
a.btn-primary:active,
button.btn-primary:active {
background: #72b21d;
color: #fff;
border-color: #72b21d;
box-shadow: none;
text-shadow: none;
}
a.btn-primary:focus,
button.btn-primary:focus {
background: #6ba71b;
color: #fff;
border-color: #6ba71b;
box-shadow: none;
text-shadow: none;
}
a.btn-group-primary .btn:hover,
button.btn-group-primary .btn:hover {
background: #79bc1f;
color: #fff !important;
border-color: #79bc1f;
box-shadow: none;
text-shadow: none;
}
a.btn-group-primary .btn:active,
button.btn-group-primary .btn:active {
background: #72b21d;
color: #fff;
border-color: #72b21d;
box-shadow: none;
text-shadow: none;
}
a.btn-group-primary .btn:focus,
button.btn-group-primary .btn:focus {
background: #6ba71b;
color: #fff;
border-color: #6ba71b;
box-shadow: none;
text-shadow: none;
}
a.btn-additional:hover,
button.btn-additional:hover {
background: #c9d2dd;
color: #fff !important;
border-color: #c9d2dd;
box-shadow: none;
text-shadow: none;
}
a.btn-additional:active,
button.btn-additional:active {
background: #bbc6d4;
color: #fff;
border-color: #bbc6d4;
box-shadow: none;
text-shadow: none;
}
a.btn-additional:focus,
button.btn-additional:focus {
background: #adbaca;
color: #fff;
border-color: #adbaca;
box-shadow: none;
text-shadow: none;
}
a.btn-group-additional .btn:hover,
button.btn-group-additional .btn:hover {
background: #c9d2dd;
color: #fff !important;
border-color: #c9d2dd;
box-shadow: none;
text-shadow: none;
}
a.btn-group-additional .btn:active,
button.btn-group-additional .btn:active {
background: #bbc6d4;
color: #fff;
border-color: #bbc6d4;
box-shadow: none;
text-shadow: none;
}
a.btn-group-additional .btn:focus,
button.btn-group-additional .btn:focus {
background: #adbaca;
color: #fff;
border-color: #adbaca;
box-shadow: none;
text-shadow: none;
}
a.btn-negative:hover,
button.btn-negative:hover {
background: #ad3327;
color: #fff !important;
border-color: #ad3327;
box-shadow: none;
text-shadow: none;
}
a.btn-negative:active,
button.btn-negative:active {
background: #a33025;
color: #fff;
border-color: #a33025;
box-shadow: none;
text-shadow: none;
}
a.btn-negative:focus,
button.btn-negative:focus {
background: #9a2e22;
color: #fff;
border-color: #9a2e22;
box-shadow: none;
text-shadow: none;
}
a.btn-group-negative .btn:hover,
button.btn-group-negative .btn:hover {
background: #ad3327;
color: #fff !important;
border-color: #ad3327;
box-shadow: none;
text-shadow: none;
}
a.btn-group-negative .btn:active,
button.btn-group-negative .btn:active {
background: #a33025;
color: #fff;
border-color: #a33025;
box-shadow: none;
text-shadow: none;
}
a.btn-group-negative .btn:focus,
button.btn-group-negative .btn:focus {
background: #9a2e22;
color: #fff;
border-color: #9a2e22;
box-shadow: none;
text-shadow: none;
}
a.btn-base:hover,
button.btn-base:hover {
background: #e7eef5;
color: #a3aab3 !important;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-base:active,
button.btn-base:active {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-base:focus,
button.btn-base:focus {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-group-base .btn:hover,
button.btn-group-base .btn:hover {
background: #e7eef5;
color: #a3aab3 !important;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-group-base .btn:active,
button.btn-group-base .btn:active {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-group-base .btn:focus,
button.btn-group-base .btn:focus {
background: #e7eef5;
color: #a3aab3;
border-color: #e7eef5;
box-shadow: 0;
text-shadow: none;
}
a.btn-facebook:hover,
button.btn-facebook:hover {
background: #395083;
color: #fff !important;
border-color: #395083;
box-shadow: none;
text-shadow: none;
}
a.btn-facebook:active,
button.btn-facebook:active {
background: #364c7b;
color: #fff;
border-color: #364c7b;
box-shadow: none;
text-shadow: none;
}
a.btn-facebook:focus,
button.btn-facebook:focus {
background: #324774;
color: #fff;
border-color: #324774;
box-shadow: none;
text-shadow: none;
}
a.btn-group-facebook .btn:hover,
button.btn-group-facebook .btn:hover {
background: #395083;
color: #fff !important;
border-color: #395083;
box-shadow: none;
text-shadow: none;
}
a.btn-group-facebook .btn:active,
button.btn-group-facebook .btn:active {
background: #364c7b;
color: #fff;
border-color: #364c7b;
box-shadow: none;
text-shadow: none;
}
a.btn-group-facebook .btn:focus,
button.btn-group-facebook .btn:focus {
background: #324774;
color: #fff;
border-color: #324774;
box-shadow: none;
text-shadow: none;
}
a.btn-inverse:hover,
button.btn-inverse:hover {
background: #f2f2f2;
color: #86d122 !important;
border-color: #ccc;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a.btn-inverse:active,
button.btn-inverse:active {
background: #f2f2f2;
color: #86d122;
border-color: #c1c1c1;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a.btn-inverse:focus,
button.btn-inverse:focus {
background: #f2f2f2;
color: #86d122;
border-color: #b6b6b6;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a.btn-group-inverse .btn:hover,
button.btn-group-inverse .btn:hover {
background: #f2f2f2;
color: #86d122 !important;
border-color: #ccc;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a.btn-group-inverse .btn:active,
button.btn-group-inverse .btn:active {
background: #f2f2f2;
color: #86d122;
border-color: #c1c1c1;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
a.btn-group-inverse .btn:focus,
button.btn-group-inverse .btn:focus {
background: #f2f2f2;
color: #86d122;
border-color: #b6b6b6;
box-shadow: inset 0 -20px 20px #f6f6f6;
text-shadow: none;
}
.js-share-enabled.hidden + .btn-info {
font-size: 16px;
line-height: 24px;
}
.form-centered {
width: 380px;
margin-left: auto;
margin-right: auto;
display: flex;
align-items: center;
flex-direction: column;
}
.form-centered-item {
width: 100%;
}
.form-centered-item input,
.form-centered-item button {
width: 100%;
}
input[type="checkbox"] {
position: absolute;
left: -9999px;
}
input[type="checkbox"]:focus + span {
color: #86d122;
}
input[type="checkbox"]:focus + span strong {
color: #86d122;
}
input[type="checkbox"]:focus + span:before {
color: #86d122;
}
input[type="checkbox"][disabled] + span {
color: #717881 !important;
}
input[type="checkbox"][disabled] + span:before {
color: #717881 !important;
}
input[type="checkbox"][disabled] + span strong {
color: #717881 !important;
}
input[type="checkbox"] + span {
position: relative;
padding-left: 25px;
display: inline-block;
vertical-align: middle;
color: #000;
cursor: pointer;
transition: color 0.3s ease;
font-size: 14px;
}
input[type="checkbox"] + span strong {
color: #000;
transition: color 0.3s ease;
}
input[type="checkbox"] + span a:focus {
color: #000;
}
input[type="checkbox"] + span:before {
content: ' ';
position: absolute;
top: 4px;
left: -1px;
cursor: pointer;
display: inline-block;
vertical-align: middle;
content: "\E00D";
display: inline-block;
vertical-align: middle;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
color: #86d122;
font-size: 18px;
transition: color 0.3s ease;
}
input[type="checkbox"]:checked + span:before {
content: "\E005";
display: inline-block;
vertical-align: middle;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
left: 0;
}
.control-before {
display: inline-block;
vertical-align: middle;
margin-right: 15px;
}
.control-after {
display: inline-block;
vertical-align: middle;
margin-left: 15px;
}
.control-field label {
display: block;
}
.control-field-checkbox {
padding-top: 12px;
}
.control-field-share {
padding-top: 12px;
}
.control-group-indent {
padding-left: 20px;
}
.control-help {
font-size: 12px;
line-height: 20px;
padding-top: 10px;
}
.control-label {
color: #777;
}
.control-label label {
color: #777;
}
@media screen and (max-width: 639px) {
.control-label {
text-align: left !important;
}
}
.required {
color: #86d122;
}
.form-custom-fields {
display: flex;
flex: 1;
flex-direction: column;
}
.form-custom-fields-head,
.form-custom-fields-item {
margin-bottom: 16px;
display: flex;
}
.form-custom-fields-head > .cell,
.form-custom-fields-item > .cell,
.form-custom-fields-head .rows > .cell,
.form-custom-fields-item .rows > .cell {
margin-right: 20px;
}
.form-custom-fields-head > .cell:last-child,
.form-custom-fields-item > .cell:last-child,
.form-custom-fields-head .rows > .cell:last-child,
.form-custom-fields-item .rows > .cell:last-child {
margin-right: 0;
}
.form-custom-fields-head > .cell:nth-child(1),
.form-custom-fields-item > .cell:nth-child(1),
.form-custom-fields-head .rows > .cell:nth-child(1),
.form-custom-fields-item .rows > .cell:nth-child(1) {
flex: 4;
}
.form-custom-fields-head > .cell:nth-child(2),
.form-custom-fields-item > .cell:nth-child(2),
.form-custom-fields-head .rows > .cell:nth-child(2),
.form-custom-fields-item .rows > .cell:nth-child(2) {
flex: 4;
}
.form-custom-fields-head > .cell:nth-child(3),
.form-custom-fields-item > .cell:nth-child(3),
.form-custom-fields-head .rows > .cell:nth-child(3),
.form-custom-fields-item .rows > .cell:nth-child(3) {
flex: 2;
}
.form-custom-fields-head > .cell:nth-child(4),
.form-custom-fields-item > .cell:nth-child(4),
.form-custom-fields-head .rows > .cell:nth-child(4),
.form-custom-fields-item .rows > .cell:nth-child(4) {
flex: 1;
}
.form-custom-fields-head > .cell input,
.form-custom-fields-item > .cell input,
.form-custom-fields-head .rows > .cell input,
.form-custom-fields-item .rows > .cell input,
.form-custom-fields-head > .cell select,
.form-custom-fields-item > .cell select,
.form-custom-fields-head .rows > .cell select,
.form-custom-fields-item .rows > .cell select {
width: 100%;
}
.form-custom-fields-head .delete,
.form-custom-fields-item .delete {
color: #939aa9;
}
.form-full-width .input,
.form-full-width btn {
width: 100%;
}
.form-glued .control-group + .control-group {
margin-top: 15px;
}
.form-glued .control-group-glued {
border: 1px solid #e3e3e3;
border-radius: 3px;
background: #f6f6f6;
}
.form-glued .control-group-glued .control-group {
margin-top: 0;
}
.form-glued .control-group-glued + .control-group-glued,
.form-glued .control-group-glued + .control-group {
margin-top: 15px;
}
.form-glued .control-group-glued .control-group + .control-group {
border-top: 1px solid #e3e3e3;
margin-top: 0;
}
.form-glued .control-group-glued .input {
border-radius: 0;
border: 0;
background: none;
}
.form-glued .control-group:first-child {
border-radius: 3px 3px 0 0;
}
.form-glued .control-group:last-child {
border-radius: 0 0 3px 3px;
}
.form-horizontal .control-label {
color: #000;
}
@media screen and (min-width: 480px) {
.form-horizontal .control-label {
float: left;
margin-right: 20px;
}
}
.form-horizontal .control-field {
color: inherit;
}
.form-horizontal .control-field .input,
.form-horizontal .control-field .select,
.form-horizontal .control-field .selectBox-container {
max-width: 360px;
width: 100%;
}
.form-horizontal .control-field textarea.input {
min-width: 100%;
max-width: 100%;
}
@media screen and (min-width: 768px) {
.form-horizontal .control-field textarea.input {
width: 450px;
}
}
.form-horizontal .control-group-submit {
color: inherit;
}
.form-horizontal .control-group-submit .btn {
max-width: 360px;
width: 100%;
}
@media screen and (min-width: 480px) {
.form-horizontal .control-label {
width: 180px;
}
.form-horizontal .control-field {
margin-left: 200px;
}
.form-horizontal .control-group-submit .control-field {
margin-left: 200px;
}
.form-horizontal-240 .control-label {
width: 240px;
}
.form-horizontal-240 .control-field {
margin-left: 260px;
}
.form-horizontal-240 .control-group-submit .control-field {
margin-left: 260px;
}
.form-horizontal-offset-100 .control-label {
width: 100px;
}
.form-horizontal-offset-100 .control-field {
margin-left: 120px;
}
.form-horizontal-offset-100 .control-group-submit .control-field {
margin-left: 120px;
}
.form-horizontal-offset-110 .control-label {
width: 110px;
}
.form-horizontal-offset-110 .control-field {
margin-left: 130px;
}
.form-horizontal-offset-110 .control-group-submit .control-field {
margin-left: 130px;
}
.form-horizontal-offset-120 .control-label {
width: 120px;
}
.form-horizontal-offset-120 .control-field {
margin-left: 140px;
}
.form-horizontal-offset-120 .control-group-submit .control-field {
margin-left: 140px;
}
.form-horizontal-offset-130 .control-label {
width: 130px;
}
.form-horizontal-offset-130 .control-field {
margin-left: 150px;
}
.form-horizontal-offset-130 .control-group-submit .control-field {
margin-left: 150px;
}
.form-horizontal-offset-140 .control-label {
width: 140px;
}
.form-horizontal-offset-140 .control-field {
margin-left: 160px;
}
.form-horizontal-offset-140 .control-group-submit .control-field {
margin-left: 160px;
}
.form-horizontal-offset-150 .control-label {
width: 150px;
}
.form-horizontal-offset-150 .control-field {
margin-left: 170px;
}
.form-horizontal-offset-150 .control-group-submit .control-field {
margin-left: 170px;
}
.form-horizontal-offset-160 .control-label {
width: 160px;
}
.form-horizontal-offset-160 .control-field {
margin-left: 180px;
}
.form-horizontal-offset-160 .control-group-submit .control-field {
margin-left: 180px;
}
.form-horizontal-offset-170 .control-label {
width: 170px;
}
.form-horizontal-offset-170 .control-field {
margin-left: 190px;
}
.form-horizontal-offset-170 .control-group-submit .control-field {
margin-left: 190px;
}
.form-horizontal-offset-180 .control-label {
width: 180px;
}
.form-horizontal-offset-180 .control-field {
margin-left: 200px;
}
.form-horizontal-offset-180 .control-group-submit .control-field {
margin-left: 200px;
}
.form-horizontal-offset-190 .control-label {
width: 190px;
}
.form-horizontal-offset-190 .control-field {
margin-left: 210px;
}
.form-horizontal-offset-190 .control-group-submit .control-field {
margin-left: 210px;
}
.form-horizontal-offset-200 .control-label {
width: 200px;
}
.form-horizontal-offset-200 .control-field {
margin-left: 220px;
}
.form-horizontal-offset-200 .control-group-submit .control-field {
margin-left: 220px;
}
.form-horizontal-offset-210 .control-label {
width: 210px;
}
.form-horizontal-offset-210 .control-field {
margin-left: 230px;
}
.form-horizontal-offset-210 .control-group-submit .control-field {
margin-left: 230px;
}
.form-horizontal-offset-220 .control-label {
width: 220px;
}
.form-horizontal-offset-220 .control-field {
margin-left: 240px;
}
.form-horizontal-offset-220 .control-group-submit .control-field {
margin-left: 240px;
}
.form-horizontal-offset-230 .control-label {
width: 230px;
}
.form-horizontal-offset-230 .control-field {
margin-left: 250px;
}
.form-horizontal-offset-230 .control-group-submit .control-field {
margin-left: 250px;
}
.form-horizontal-offset-240 .control-label {
width: 240px;
}
.form-horizontal-offset-240 .control-field {
margin-left: 260px;
}
.form-horizontal-offset-240 .control-group-submit .control-field {
margin-left: 260px;
}
.form-horizontal-offset-250 .control-label {
width: 250px;
}
.form-horizontal-offset-250 .control-field {
margin-left: 270px;
}
.form-horizontal-offset-250 .control-group-submit .control-field {
margin-left: 270px;
}
.form-horizontal-offset-260 .control-label {
width: 260px;
}
.form-horizontal-offset-260 .control-field {
margin-left: 280px;
}
.form-horizontal-offset-260 .control-group-submit .control-field {
margin-left: 280px;
}
.form-horizontal-offset-270 .control-label {
width: 270px;
}
.form-horizontal-offset-270 .control-field {
margin-left: 290px;
}
.form-horizontal-offset-270 .control-group-submit .control-field {
margin-left: 290px;
}
.form-horizontal-offset-280 .control-label {
width: 280px;
}
.form-horizontal-offset-280 .control-field {
margin-left: 300px;
}
.form-horizontal-offset-280 .control-group-submit .control-field {
margin-left: 300px;
}
.form-horizontal-offset-290 .control-label {
width: 290px;
}
.form-horizontal-offset-290 .control-field {
margin-left: 310px;
}
.form-horizontal-offset-290 .control-group-submit .control-field {
margin-left: 310px;
}
.form-horizontal-offset-300 .control-label {
width: 300px;
}
.form-horizontal-offset-300 .control-field {
margin-left: 320px;
}
.form-horizontal-offset-300 .control-group-submit .control-field {
margin-left: 320px;
}
}
.taginput-wrapper {
height: auto;
cursor: text;
margin: -3px 0;
border: 0 !important;
background: none !important;
}
.taginput-wrapper input[type=text] {
display: inline-block;
border: 0;
padding: 6px;
background-color: inherit;
}
.taginput-wrapper input[type=text]:focus {
outline: none;
}
.taginput-tag {
margin: 2px 4px 2px 0;
display: inline-block;
background: #86d122;
color: #fff;
padding: 0 35px 0 10px;
border-radius: 2px;
position: relative;
}
.taginput-tag .ui-icon-close {
color: #fff !important;
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 100%;
background: #79bc1f;
border-radius: 0 2px 2px 0;
text-align: center;
cursor: pointer;
transition: background 0.3s ease;
}
.taginput-tag .ui-icon-close:hover {
background: #c0392b;
}
.taginput-tag .ui-icon-close:before {
content: '\E00E';
display: inline-block;
vertical-align: middle;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -1px;
}
.form fieldset {
min-width: 100%;
}
.form .input-100w {
width: 100% !important;
}
.form.form-horizontal .control-group + .control-group,
.form.form-vertical .control-group + .control-group {
margin-top: 15px;
}
.form.form-horizontal .control-group + .control-group-submit,
.form.form-vertical .control-group + .control-group-submit {
margin-top: 30px;
}
.form.form-horizontal .control-label,
.form.form-vertical .control-label {
font-size: 16px;
line-height: 24px;
}
.form.form-horizontal .control-label {
padding: 14px 0;
}
.form-xsmall .input {
font-size: 12px;
line-height: 20px;
padding: 6px 9px;
}
.form-xsmall .input-fake {
padding: 0;
}
.form-xsmall .input-fake input {
font-size: 12px;
line-height: 20px;
padding: 7px 9px;
}
.form-xsmall .btn {
font-size: 14px;
line-height: 20px;
}
.form-xsmall .btn {
font-size: 14px;
line-height: 22px;
padding: 5px 9px;
}
.form-xsmall .btn [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.form-xsmall .btn [class*="icon-"]:before,
.form-xsmall .btn [class*="icon-"]:after {
font-size: 14px;
}
.form-xsmall .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.form-xsmall .btn.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.form-xsmall .btn.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.form-xsmall .btn.btn-thin {
padding-left: 6px;
padding-right: 6px;
}
.form-xsmall.form-horizontal .control-group + .control-group,
.form-xsmall.form-vertical .control-group + .control-group {
margin-top: 5px;
}
.form-xsmall.form-horizontal .control-group + .control-group-submit,
.form-xsmall.form-vertical .control-group + .control-group-submit {
margin-top: 10px;
}
.form-xsmall.form-horizontal .control-label,
.form-xsmall.form-vertical .control-label {
font-size: 12px;
line-height: 20px;
}
.form-xsmall.form-horizontal .control-label {
padding: 7px 0;
}
.form-small .input {
font-size: 14px;
line-height: 22px;
padding: 8px 14px;
}
.form-small .input-fake {
padding: 0;
}
.form-small .input-fake input {
font-size: 14px;
line-height: 22px;
padding: 9px 14px;
}
.form-small .btn {
font-size: 14px;
line-height: 22px;
}
.form-small .btn {
font-size: 14px;
line-height: 22px;
padding: 7px 9px;
}
.form-small .btn [class*="icon-"] {
font-size: 14px;
margin-right: 13px;
}
.form-small .btn [class*="icon-"]:before,
.form-small .btn [class*="icon-"]:after {
font-size: 14px;
}
.form-small .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.form-small .btn.btn-wide {
padding-left: 19px;
padding-right: 19px;
}
.form-small .btn.btn-xwide {
padding-left: 19px;
padding-right: 19px;
}
.form-small .btn.btn-thin {
padding-left: 4px;
padding-right: 4px;
}
.form-small.form-horizontal .control-group + .control-group,
.form-small.form-vertical .control-group + .control-group {
margin-top: 10px;
}
.form-small.form-horizontal .control-group + .control-group-submit,
.form-small.form-vertical .control-group + .control-group-submit {
margin-top: 20px;
}
.form-small.form-horizontal .control-label,
.form-small.form-vertical .control-label {
font-size: 14px;
line-height: 22px;
}
.form-small.form-horizontal .control-label {
padding: 9px 0;
}
.form-medium.form-horizontal .control-group + .control-group,
.form-medium.form-vertical .control-group + .control-group {
margin-top: 15px;
}
.form-medium.form-horizontal .control-group + .control-group-submit,
.form-medium.form-vertical .control-group + .control-group-submit {
margin-top: 30px;
}
.form-medium.form-horizontal .control-label,
.form-medium.form-vertical .control-label {
font-size: 16px;
line-height: 24px;
}
.form-medium.form-horizontal .control-label {
padding: 14px 0;
}
.form-large .input {
font-size: 18px;
line-height: 26px;
padding: 16px 19px;
}
.form-large .input-fake {
padding: 0;
}
.form-large .input-fake input {
font-size: 18px;
line-height: 26px;
padding: 17px 19px;
}
.form-large .btn {
font-size: 18px;
line-height: 26px;
}
.form-large .btn {
font-size: 20px;
line-height: 26px;
padding: 17px 39px;
}
.form-large .btn [class*="icon-"] {
font-size: 22px;
margin-right: 13px;
}
.form-large .btn [class*="icon-"]:before,
.form-large .btn [class*="icon-"]:after {
font-size: 22px;
}
.form-large .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.form-large .btn.btn-wide {
padding-left: 59px;
padding-right: 59px;
}
.form-large .btn.btn-xwide {
padding-left: 59px;
padding-right: 59px;
}
.form-large .btn.btn-thin {
padding-left: 19px;
padding-right: 19px;
}
.form-large.form-horizontal .control-group + .control-group,
.form-large.form-vertical .control-group + .control-group {
margin-top: 20px;
}
.form-large.form-horizontal .control-group + .control-group-submit,
.form-large.form-vertical .control-group + .control-group-submit {
margin-top: 40px;
}
.form-large.form-horizontal .control-label,
.form-large.form-vertical .control-label {
font-size: 18px;
line-height: 26px;
}
.form-large.form-horizontal .control-label {
padding: 17px 0;
}
.form-xlarge .input {
font-size: 20px;
line-height: 28px;
padding: 21px 24px;
}
.form-xlarge .input-fake {
padding: 0;
}
.form-xlarge .input-fake input {
font-size: 20px;
line-height: 28px;
padding: 22px 24px;
}
.form-xlarge .btn {
font-size: 24px;
line-height: 32px;
}
.form-xlarge .btn {
font-size: 20px;
line-height: 28px;
padding: 23px 49px;
}
.form-xlarge .btn [class*="icon-"] {
font-size: 20px;
margin-right: 13px;
}
.form-xlarge .btn [class*="icon-"]:before,
.form-xlarge .btn [class*="icon-"]:after {
font-size: 20px;
}
.form-xlarge .btn.btn-right-icon [class*="icon-"] {
margin-right: 0;
margin-left: 13px;
}
.form-xlarge .btn.btn-wide {
padding-left: 74px;
padding-right: 74px;
}
.form-xlarge .btn.btn-xwide {
padding-left: 74px;
padding-right: 74px;
}
.form-xlarge .btn.btn-thin {
padding-left: 24px;
padding-right: 24px;
}
.form-xlarge.form-horizontal .control-group + .control-group,
.form-xlarge.form-vertical .control-group + .control-group {
margin-top: 25px;
}
.form-xlarge.form-horizontal .control-group + .control-group-submit,
.form-xlarge.form-vertical .control-group + .control-group-submit {
margin-top: 50px;
}
.form-xlarge.form-horizontal .control-label,
.form-xlarge.form-vertical .control-label {
font-size: 20px;
line-height: 28px;
}
.form-xlarge.form-horizontal .control-label {
padding: 22px 0;
}
.input {
position: relative;
font-weight: normal;
border-style: solid;
border-width: 1px;
-webkit-font-smoothing: antialiased;
z-index: 1;
display: inline-block;
vertical-align: middle;
transition: all 0.3s ease;
border-radius: 3px;
background: #fff;
color: #000;
border-color: #e3e3e3;
box-shadow: none;
font-size: 14px;
line-height: 24px;
padding: 13px 14px;
}
.input[disabled] {
background: #f5f6f7 !important;
color: #777 !important;
border-color: #e3e3e3 !important;
}
.input[disabled]:hover,
.input[disabled]:focus {
background: #f5f6f7 !important;
color: #777 !important;
border-color: #e3e3e3 !important;
}
.input-readonly {
font-family: Courier, "sourcesanspro-regular", Arial, sans-serif;
line-height: 1.3em;
}
.input-rounded {
border-radius: 100px;
}
.input:hover {
z-index: 10;
}
.input:focus,
.input.focus {
outline: 0;
}
.input:hover {
background: #fff;
color: #000;
border-color: #b6b6b6;
box-shadow: none;
}
.input:active,
.input.active {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input:focus,
.input.focus {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input-default {
background: #fff;
color: #000;
border-color: #e3e3e3;
box-shadow: none;
}
.input-default:hover {
background: #fff;
color: #000;
border-color: #b6b6b6;
box-shadow: none;
}
.input-default:active,
.input-default.active {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input-default:focus,
.input-default.focus {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input-group-default .input {
background: #fff;
color: #000;
border-color: #e3e3e3;
box-shadow: none;
}
.input-group-default .input:hover {
background: #fff;
color: #000;
border-color: #b6b6b6;
box-shadow: none;
}
.input-group-default .input:active,
.input-group-default .input.active {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input-group-default .input:focus,
.input-group-default .input.focus {
background: #fff;
color: #000;
border-color: #86d122;
box-shadow: none;
}
.input-fake {
padding: 0;
}
.input-fake input {
font-size: 14px;
line-height: 24px;
padding: 14px 14px;
}
.input-xsmall {
font-size: 12px;
line-height: 20px;
padding: 6px 9px;
}
.input-xsmall-fake {
padding: 0;
}
.input-xsmall-fake input {
font-size: 12px;
line-height: 20px;
padding: 7px 9px;
}
.input-group-xsmall .input {
font-size: 12px;
line-height: 20px;
padding: 6px 9px;
}
.input-group-xsmall .input-fake {
padding: 0;
}
.input-group-xsmall .input-fake input {
font-size: 12px;
line-height: 20px;
padding: 7px 9px;
}
.input-small {
font-size: 14px;
line-height: 22px;
padding: 8px 14px;
}
.input-small-fake {
padding: 0;
}
.input-small-fake input {
font-size: 14px;
line-height: 22px;
padding: 9px 14px;
}
.input-group-small .input {
font-size: 14px;
line-height: 22px;
padding: 8px 14px;
}
.input-group-small .input-fake {
padding: 0;
}
.input-group-small .input-fake input {
font-size: 14px;
line-height: 22px;
padding: 9px 14px;
}
.input-medium {
font-size: 14px;
line-height: 24px;
padding: 13px 14px;
}
.input-medium-fake {
padding: 0;
}
.input-medium-fake input {
font-size: 14px;
line-height: 24px;
padding: 14px 14px;
}
.input-group-medium .input {
font-size: 14px;
line-height: 24px;
padding: 13px 14px;
}
.input-group-medium .input-fake {
padding: 0;
}
.input-group-medium .input-fake input {
font-size: 14px;
line-height: 24px;
padding: 14px 14px;
}
.input-large {
font-size: 18px;
line-height: 26px;
padding: 16px 19px;
}
.input-large-fake {
padding: 0;
}
.input-large-fake input {
font-size: 18px;
line-height: 26px;
padding: 17px 19px;
}
.input-group-large .input {
font-size: 18px;
line-height: 26px;
padding: 16px 19px;
}
.input-group-large .input-fake {
padding: 0;
}
.input-group-large .input-fake input {
font-size: 18px;
line-height: 26px;
padding: 17px 19px;
}
.input-xlarge {
font-size: 20px;
line-height: 28px;
padding: 21px 24px;
}
.input-xlarge-fake {
padding: 0;
}
.input-xlarge-fake input {
font-size: 20px;
line-height: 28px;
padding: 22px 24px;
}
.input-group-xlarge .input {
font-size: 20px;
line-height: 28px;
padding: 21px 24px;
}
.input-group-xlarge .input-fake {
padding: 0;
}
.input-group-xlarge .input-fake input {
font-size: 20px;
line-height: 28px;
padding: 22px 24px;
}
.input-fake input {
width: 100%;
}
.input-fake input:focus {
outline: 0;
}
.input-count {
font-size: 0;
color: #979797;
position: relative;
top: -2px;
}
.input-count-prefix {
width: 25px;
display: inline-block;
vertical-align: middle;
}
.input-count-suffix {
width: 60px;
display: inline-block;
vertical-align: middle;
margin-left: 10px;
}
.input-count .input {
border-top-right-radius: 0 !important;
border-bottom-right-radius: 0 !important;
}
@media screen and (min-width: 480px) {
.input-count .input {
width: 100px;
}
}
@media screen and (max-width: 479px) {
.input-count .input {
width: 70px;
}
}
.input-count-controls {
display: inline-block;
vertical-align: middle;
width: 50px;
border: 1px solid #e3e3e3;
border-left: 0;
background: #fff;
border-radius-top-right: 5px;
border-radius-bottom-right: 5px;
font-size: 18px;
font-weight: bold;
text-align: center;
}
.input-count-up {
border-bottom: 1px solid #e3e3e3;
height: 25px;
display: block;
transition: color 0.3s ease;
}
.input-count-up:hover {
color: #86d122;
}
.input-count-down {
height: 25px;
display: block;
transition: color 0.3s ease;
}
.input-count-down:hover {
color: #86d122;
}
.input-number {
font-size: 0;
}
.input-number .input-fake {
margin-right: 0;
}
.input-number-controls {
display: inline-block;
vertical-align: middle;
}
.input-number-plus,
.input-number-minus {
cursor: pointer;
background: #cfcfcf;
text-align: center;
position: relative;
display: inline-block;
vertical-align: middle;
}
.input-number-plus:hover,
.input-number-minus:hover {
background: #cfcfcf;
}
.input-number-plus span,
.input-number-minus span {
position: absolute;
top: 50%;
left: 50%;
}
.input-group {
box-shadow: none;
border-radius: 3px;
}
.input-group .input {
border-radius: 0;
box-shadow: none;
}
.input-group .input:focus {
z-index: 20;
}
.input-group .input:hover {
z-index: 10;
}
.input-group .input + .input {
margin-top: -1px;
}
.input-group .input:first-child {
border-radius: 3px 3px 0 0;
}
.input-group .input:last-child {
border-radius: 0 0 3px 3px;
}
.input-group-horizontal {
box-shadow: none;
border-radius: 3px;
}
.input-group-horizontal .input {
border-radius: 0;
box-shadow: none;
}
.input-group-horizontal .column:first-child .input {
border-radius: 3px 0 0 3px;
}
.input-group-horizontal .column:last-child .input {
border-radius: 0 3px 3px 0;
}
textarea.input {
width: 100%;
}
.radio-boxed {
display: block;
position: relative;
}
.radio-boxed-bank {
margin-bottom: 20px;
}
.radio-boxed strong {
color: #000;
font-size: 16px;
line-height: 24px;
}
.radio-boxed input[type="radio"] + span {
border: 1px solid #e3e3e3;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
text-align: center;
padding: 50px 10px 30px;
display: block;
font-size: 14px;
line-height: 22px;
z-index: 5;
}
.radio-boxed-bank .radio-boxed input[type="radio"] + span {
border-radius: 3px !important;
margin: 0 !important;
}
.column:first-child .radio-boxed input[type="radio"] + span {
border-radius: 3px 0 0 3px;
}
@media screen and (min-width: 768px) {
.column:first-child .radio-boxed input[type="radio"] + span {
margin-right: -1px;
}
}
@media screen and (max-width: 767px) {
.column:first-child .radio-boxed input[type="radio"] + span {
margin-bottom: -1px;
}
}
.column:last-child .radio-boxed input[type="radio"] + span {
border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 768px) {
.column:last-child .radio-boxed input[type="radio"] + span {
margin-left: -1px;
}
}
@media screen and (max-width: 767px) {
.column:last-child .radio-boxed input[type="radio"] + span {
margin-top: -1px;
}
}
.radio-boxed input[type="radio"] + span:before {
top: 25px;
left: 50%;
margin-left: -6px;
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow {
opacity: 0;
transition: opacity 0.3s ease;
z-index: 20;
position: absolute;
top: 100%;
left: 50%;
}
@media screen and (max-width: 767px) {
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow {
display: none;
}
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow:before {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #86d122 rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);
}
.radio-boxed input[type="radio"] ~ .radio-boxed-arrow:after {
content: '';
position: absolute;
top: 100%;
left: 50%;
margin-left: -15px;
margin-top: -1px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 15px 0 15px;
border-color: #fff rgba(255,255,255,0) rgba(255,255,255,0) rgba(255,255,255,0);
}
.radio-boxed input[type="radio"]:checked + span {
border-color: #86d122 !important;
z-index: 10;
}
.radio-boxed input[type="radio"]:checked ~ .radio-boxed-arrow {
opacity: 1;
}
input[type="radio"] {
display: none;
}
input[type="radio"] + span {
position: relative;
padding-left: 20px;
display: inline-block;
vertical-align: middle;
transition: all 0.3s ease;
color: rgba(102,102,102,0.5);
cursor: pointer;
}
input[type="radio"] + span:hover {
color: #000;
}
input[type="radio"] + span:before {
content: ' ';
position: absolute;
top: 50%;
left: 0;
margin-top: -12px;
cursor: pointer;
background: transparent;
display: inline-block;
vertical-align: middle;
width: 16px;
height: 16px;
border-radius: 20px;
transition: border 0.3s ease;
border: 2px solid #c8c8c8;
transition: background 0.3s ease, border 0.3s ease;
}
input[type="radio"] + span:after {
content: ' ';
position: absolute;
left: 50%;
top: 17px;
margin-left: -2px;
cursor: pointer;
background: #86d122;
display: inline-block;
vertical-align: middle;
width: 8px;
height: 8px;
border-radius: 20px;
opacity: 0;
transition: opacity 0.3s ease;
}
input[type="radio"]:checked + span {
color: #666;
}
input[type="radio"]:checked + span:before {
border-color: #86d122;
}
input[type="radio"]:checked + span:after {
opacity: 0;
left: 50%;
top: 17px;
margin-left: -2px;
opacity: 1;
}
.form-section {
width: 100%;
}
.form-section h3 {
width: 100%;
border-bottom: 1px solid #e9ebee;
padding: 20px 0;
}
.selectBox-container {
border-radius: 3px;
position: relative;
}
.selectBox-container.short {
width: 200px;
}
.selectBox-container.short .selectBox-dropdown {
max-height: 50vh;
overflow-y: scroll;
}
.selectBox-container.fixed .selectBox-dropdown {
max-height: 200px;
overflow-y: scroll;
}
.selectBox-container.wide {
width: 100%;
}
.selectBox-container.wide .selectBox-selected {
padding: 13px 43px 13px 14px;
}
.selectBox-container.wide .selectBox-selected:after {
margin-right: 20px;
}
.selectBox-container.minimum-width {
min-width: 95px;
}
.selectBox-container .selectBox-selected {
position: relative;
font-size: 14px;
line-height: 23px;
color: #4d525a;
border: 1px solid #e3e3e3;
border-color: #e3e3e3;
white-space: nowrap;
cursor: pointer;
border-radius: 3px;
padding: 5px 30px 5px 10px;
width: 100%;
box-sizing: border-box;
transition: all 0.3s ease;
}
.selectBox-container .selectBox-selected-xsmall,
.form-xsmall .selectBox-container .selectBox-selected {
font-size: 14px;
line-height: 20px;
}
.selectBox-container .selectBox-selected-small,
.form-small .selectBox-container .selectBox-selected {
font-size: 14px;
line-height: 22px;
}
.selectBox-container .selectBox-selected-medium,
.form-medium .selectBox-container .selectBox-selected {
font-size: 14px;
line-height: 23px;
}
.selectBox-container .selectBox-selected-large,
.form-large .selectBox-container .selectBox-selected {
font-size: 18px;
line-height: 26px;
}
.selectBox-container .selectBox-selected-xlarge,
.form-xlarge .selectBox-container .selectBox-selected {
font-size: 24px;
line-height: 32px;
}
.selectBox-container .selectBox-selected:hover,
.selectBox-container .selectBox-selected:focus,
.selectBox-container .selectBox-selected:active {
border-color: #c2c2c2;
}
.selectBox-container .selectBox-selected:after {
content: '\f102';
font-size: 20px;
font-family: icons;
position: absolute;
top: 0;
right: 5px;
color: #777;
transform: rotate(90deg);
pointer-events: none;
height: 100%;
}
.selectBox-container .selectBox-dropdown {
position: absolute;
z-index: 19;
background-color: #fff;
left: 0;
border: 1px solid #c2c2c2;
cursor: pointer;
width: 100%;
margin-top: -1px;
font-weight: normal;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
box-sizing: border-box;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item {
padding: 5px 10px 5px 10px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item:hover {
background: #86d122;
color: #fff;
}
.switch {
background: #f2f2f2;
box-shadow: inset 0 -20px 20px #f6f6f6;
border: 1px solid #e3e3e3;
border-radius: 4px;
position: relative;
display: flex;
padding: 3px;
overflow: hidden;
}
.switch.wide {
width: 100%;
}
.switch.wide span.variant {
display: flex;
flex: 1;
justify-content: center;
}
.switch span.variant {
padding: 2px 8px;
color: #4d525a;
position: relative;
z-index: 2;
border-radius: 2px;
height: 100%;
cursor: pointer;
font-size: 0.8rem;
}
.switch span.variant.active {
background: #86d122;
color: #fff;
cursor: default;
}
.switch span.variant:first-child {
margin-right: 5px;
}
.switch div.riderWrapper {
height: 100%;
width: 100%;
position: absolute;
left: 0;
top: 0;
box-sizing: border-box;
display: flex;
}
.switch div.riderWrapper .rider {
width: 50px;
border-radius: 2px;
height: 100%;
background: #86d122;
}
.taginput-wrapper {
height: auto;
cursor: text;
margin: -3px 0;
border: 0 !important;
background: none !important;
}
.taginput-wrapper input[type=text] {
display: inline-block;
border: 0;
padding: 6px;
background-color: inherit;
}
.taginput-wrapper input[type=text]:focus {
outline: none;
}
.taginput-tag {
margin: 2px 4px 2px 0;
display: inline-block;
background: #86d122;
color: #fff;
padding: 0 35px 0 10px;
border-radius: 2px;
position: relative;
}
.taginput-tag .ui-icon-close {
color: #fff !important;
position: absolute;
top: 0;
right: 0;
width: 25px;
height: 100%;
background: #79bc1f;
border-radius: 0 2px 2px 0;
text-align: center;
cursor: pointer;
transition: background 0.3s ease;
}
.taginput-tag .ui-icon-close:hover {
background: #c0392b;
}
.taginput-tag .ui-icon-close:before {
content: '\E00E';
display: inline-block;
vertical-align: middle;
font-family: "icons";
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
position: relative;
top: -1px;
}
.userForm {
padding: 20px;
}
.userForm .imgLogo {
height: 80px;
width: 150px;
}
.userForm .imgLogo img {
width: 100px;
}
.userForm p {
font-size: 18px;
text-align: center;
}
.userForm em {
text-align: center;
font-style: normal;
width: 100%;
padding: 5px 0;
display: block;
font-size: 12px;
}
.dropzone {
cursor: pointer;
width: 100%;
border: 2px dashed #e9e9e9;
min-height: 200px;
display: flex;
justify-content: center;
flex-direction: column;
align-items: center;
transition: 0.3s ease;
margin-bottom: 16px;
padding: 20px;
}
.dropzone span.appeal {
font-size: 24px;
color: rgba(133,133,133,0.5);
user-select: none;
margin-bottom: 20px;
}
.dropzone span.icon-uploading {
margin-bottom: 16px;
}
.dropzone span.icon-uploading::before {
color: rgba(133,133,133,0.5);
font-size: 36px;
}
.dropzone.active {
background: rgba(0,0,0,0.01);
border: 2px solid #86d122;
}
.dropzone.active span.appeal {
color: #858585;
}
.dropzone.active span.icon-uploading::before {
color: #858585;
}
.form-vertical-item {
display: flex;
width: 100%;
margin-bottom: 16px;
align-items: center;
}
.form-vertical-item-left {
display: flex;
justify-content: flex-end;
text-align: right;
margin-right: 20px;
flex: 2;
}
.form-vertical-item-right {
display: flex;
justify-content: flex-start;
flex: 4;
}
@media screen and (max-width: 639px) {
.form-vertical-item-right {
flex: 3;
}
}
.form-vertical-item-right .buttons-row {
display: flex;
flex-wrap: wrap;
}
@media screen and (max-width: 639px) {
.form-vertical-item-right .buttons-row {
justify-content: center;
}
}
.form-vertical-item-right .buttons-row input {
margin-bottom: 16px;
margin-right: 16px;
}
@media screen and (max-width: 767px) {
.form-vertical-item-right .buttons-row input {
margin-right: 8px;
margin-left: 8px;
}
}
@media screen and (max-width: 479px) {
.form-vertical-item-right .buttons-row input {
width: 100%;
}
}
.form-vertical-item input.toggle-checkbox + span {
width: 25px;
height: 25px;
}
.form-vertical-item .fileLabel {
cursor: pointer;
}
@media screen and (max-width: 767px) {
.form-vertical.left-only .form-vertical-item-right {
display: none;
}
.form-vertical.left-only .form-vertical-item-left {
justify-content: center;
}
.form-vertical.right-only .form-vertical-item-left {
display: none;
}
.form-vertical.right-only .form-vertical-item-right {
justify-content: center;
}
}
.reveal {
padding: 10px;
margin: -10px;
}
.reveal::before {
content: '?';
width: 15px;
height: 15px;
font-size: 10px;
font-style: normal;
color: #4d525a;
font-weight: bold;
border-radius: 10px;
border: 1px solid #4d525a;
display: flex;
justify-content: center;
align-items: center;
margin-left: 4px;
}
.reveal:hover::before {
color: #fff;
background: #4d525a;
}
.hidden {
display: none !important;
}
.icons-preview {
display: grid;
grid-template-columns: repeat(auto-fill, 180px);
justify-content: center;
grid-gap: 40px 20px;
padding-bottom: 100px;
}
.icons-preview > div {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
border: 1px solid #dedede;
padding: 20px;
border-radius: 8px;
}
.icons-preview > div span[class*="icon-"]::before {
font-size: 60px;
}
.icons-preview > div span {
text-align: center;
}
.icons-preview > div span:nth-child(2) {
padding-top: 20px;
}
.icons-preview > div:hover {
background: #86d122;
}
.icons-preview > div:hover span {
color: #fff;
}
.expiration .expired {
color: #e82e5c;
}
.info {
padding: 25px;
}
@media screen and (min-width: 640px) {
.info {
display: flex;
align-items: center;
flex-direction: row;
}
.info > *:not(:first-child) {
margin-left: 10px;
}
}
@media screen and (min-width: 1000px) {
.info-icon {
width: 80px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.info-icon {
width: 70px;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.info-icon {
width: 80px;
}
}
@media screen and (max-width: 639px) {
.info-icon {
margin-bottom: 15px;
}
}
@media screen and (min-width: 640px) {
.info-content {
white-space: normal;
width: 100%;
}
}
.info-title {
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
color: #000;
margin: 0;
}
@media screen and (min-width: 1000px) {
.info-title {
font-size: 14px;
line-height: 22px;
}
}
@media screen and (min-width: 768px) and (max-width: 999px) {
.info-title {
font-size: 12px;
line-height: 20px;
}
}
@media screen and (max-width: 767px) {
.info-title {
font-size: 18px;
line-height: 26px;
}
}
@media screen and (min-width: 1000px) {
.info-title {
padding-right: 25px;
}
}
@media screen and (min-width: 640px) and (max-width: 479px) {
.info {
flex-direction: column;
width: 100%;
}
.info > * {
width: 100%;
}
.info > *:not(:first-child) {
margin-left: 0;
margin-top: 5px;
}
}
.intro {
text-align: center;
}
.intro .control-before,
.intro .btn {
margin-bottom: 15px;
}
@media screen and (min-width: 640px) {
.intro {
padding: calc(10% + 30px) calc(10% + 35px);
}
.intro h1 {
font-size: 50px;
margin-bottom: 30px;
}
}
@media screen and (max-width: 639px) {
.intro {
padding: calc(5% + 20px) calc(5% + 10px);
}
.intro h1 {
font-size: 40px;
margin-bottom: 30px;
}
}
.link-copybox {
width: 100%;
margin-bottom: 40px;
display: flex;
flex-direction: column;
align-items: center;
}
.link-copybox .explain {
text-align: center;
font-weight: bold;
display: block;
padding-bottom: 10px;
}
.iframe-copybox {
height: 150px;
}
.external-link {
position: absolute;
color: #717881;
font-size: 10px;
opacity: 0.5;
right: 10px;
}
.external-link:hover {
opacity: 1;
}
.external-link span[class*="icon-"] {
color: #717881;
}
.external-link span[class*="icon-"]::before {
font-size: 14px;
}
.link {
color: inherit;
}
.link-selectable {
padding-right: 50px;
position: relative;
}
.link-selectable.break-word {
word-break: break-all;
}
.link-selectable.centered {
display: block;
text-align: center;
padding: 0;
font-size: 1.2em;
}
.logo {
float: left;
}
.logo strong {
text-indent: -9999px;
}
@media screen and (min-width: 480px) {
.logo-cs strong {
width: 189px;
height: 42px;
background-position: 0px -138px;
}
.logo-en strong {
width: 264px;
height: 42px;
background-position: -256px 0px;
}
}
@media screen and (max-width: 479px) {
.logo-cs strong {
width: 95px;
height: 21px;
background-position: -305px -283px;
}
.logo-en strong {
width: 132px;
height: 21px;
background-position: -366px -94px;
}
}
.navigation {
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
z-index: 9999;
}
@media screen and (min-width: 768px) {
.navigation {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 0;
}
.navigation li {
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
}
@media screen and (min-width: 768px) {
.navigation {
float: right;
margin-right: 5%;
}
}
@media screen and (max-width: 767px) {
.navigation {
clear: both;
}
}
@media screen and (max-width: 767px) {
.navigation {
display: none;
position: absolute;
top: 100%;
left: 0;
width: 100%;
background: #fff;
border-bottom: 1px solid #e9e9e9;
transition: border 0.3s ease;
}
.navigation-active {
border-bottom: 5px solid #e9e9e9;
}
.navigation-trigger {
float: right;
cursor: pointer;
transition: color 0.3s ease;
text-align: center;
display: inline-block;
vertical-align: middle;
cursor: pointer;
z-index: 120;
position: relative;
padding-left: 10px;
color: #86d122;
font-weight: 700;
margin-right: 15px;
}
.navigation-trigger-active,
.navigation-trigger:hover {
color: #000;
}
.navigation-trigger-icon {
display: inline-block;
vertical-align: middle;
margin-right: 5px;
position: relative;
top: 0px;
}
.navigation-trigger-icon span {
display: block;
width: 24px;
height: 3px;
border-radius: 100px;
margin: 0 auto 3px;
background-color: #86d122;
margin-bottom: 4px;
text-indent: -999;
overflow: hidden;
backface-visibility: hidden;
}
.navigation-trigger-icon span:last-child {
margin-bottom: 0;
}
.navigation-trigger-icon span.line-1,
.navigation-trigger-icon span.line-2,
.navigation-trigger-icon span.line-3 {
transform: rotate(0deg) translate3d(0px, 0px, 0px);
transition: transform 0.3s ease, background 0.3s ease, opacity 0.3s ease;
}
.navigation-trigger:hover .navigation-trigger-icon span {
background-color: #000;
}
.navigation-trigger-active .navigation-trigger-icon span {
background-color: #000;
}
.navigation-trigger-active .navigation-trigger-icon span.line-1 {
transform: rotate(45deg) translate(4px, 6px);
}
.navigation-trigger-active .navigation-trigger-icon span.line-2 {
opacity: 0;
}
.navigation-trigger-active .navigation-trigger-icon span.line-3 {
transform: rotate(-45deg) translate(4px, -6px);
}
}
@media screen and (max-width: 479px) {
.navigation-trigger-icon {
top: 3px;
}
}
@media screen and (min-width: 768px) {
.navigation-item:before {
content: '';
display: inline-block;
vertical-align: middle;
color: #d8d8d8;
width: 0;
height: 30px;
border-left: 1px solid #e1e5e6;
position: relative;
left: 1px;
margin: 0 15px;
}
}
.navigation-item:first-child:before {
display: none;
}
.navigation-item a {
color: #86d122;
text-decoration: none;
}
.navigation-item a:hover {
color: #000;
}
.navigation-item a [class*="icon-"] {
margin-right: 10px;
color: #86d122;
position: relative;
top: -1px;
font-size: 14px;
}
@media screen and (min-width: 768px) {
.navigation-item a {
display: inline-block;
vertical-align: middle;
}
}
@media screen and (min-width: 768px) {
.navigation-item a {
font-size: 16px;
line-height: 24px;
}
}
@media screen and (max-width: 767px) {
.navigation-item a {
display: block;
text-align: right;
padding: 15px 20px;
line-height: 1.6em;
border-top: 1px solid #e9e9e9;
}
}
@media screen and (min-width: 640px) and (max-width: 767px) {
.navigation-item a {
font-size: 14px;
line-height: 22px;
}
}
.navigation-item-active a {
color: #000;
}
.navigation-item-active a .underline-item:after {
visibility: hidden;
}
.need-help {
display: block;
position: fixed;
top: 50%;
left: 0;
background: rgba(0,0,0,0.35);
color: #fff;
padding: 10px 20px;
text-transform: uppercase;
text-decoration: none;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
transition: background 0.3s ease;
transform: rotate(-90deg);
transform-origin: 0 0;
}
.need-help [class*="icon-"] {
margin-right: 10px;
color: #fff;
position: relative;
top: -1px;
}
.need-help:visited {
color: #fff;
}
.need-help:hover {
background: #86d122;
}
@media screen and (max-width: 999px) {
.need-help {
display: none;
}
}
.package-header {
width: 100%;
margin-bottom: 20px;
margin-right: 20px;
}
.package-header.flexbox {
display: flex;
justify-content: space-between;
align-items: center;
margin-right: 0;
}
.package-header .package-title-wrapper {
text-align: center;
}
.package-header .package-title {
text-align: left;
display: inline-block;
vertical-align: middle;
margin: 0 20px 0 0;
}
.package-header .package-title-edit {
display: inline-block;
vertical-align: middle;
color: #717881;
}
.package-header .package-title-edit .icon-pencil {
color: #717881;
margin-right: 4px;
}
.package-header .package-title-edit .icon-pencil:before {
font-size: 14px;
}
@media screen and (max-width: 639px) {
.package-header {
display: flex;
flex-basis: 100%;
justify-content: center;
flex-direction: column;
margin-right: 0;
}
.package-header .package-title {
text-align: center;
margin: 0;
}
.package-header .package-title-edit {
text-align: center;
margin-left: 30px;
}
.package-header .package-title-edit [class^="icon"] {
position: absolute;
margin-left: -21px;
margin-top: 2px;
}
}
.package-sended {
text-align: center;
padding-top: 40px;
}
.package-sended-title {
color: #86d122;
font-size: 20px;
margin-bottom: 10px;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.package-sended-title [class*="icon-"] {
margin-right: 5px;
position: relative;
top: -1px;
}
.package-sended-title [class*="icon-"]:before {
font-size: 30px;
}
.package-sended-another {
color: #777;
}
.package-sended-another [class*="icon-"] {
color: #777;
margin-right: 8px;
}
.package-sended-another:visited {
color: #777;
}
.package-sended-action {
padding-top: 30px;
margin-top: 40px;
margin-left: -30px;
margin-right: -30px;
border-top: 1px solid #e3e3e3;
}
.package-sended-action .btn {
width: 300px;
margin: 5px;
}
@media screen and (max-width: 479px) {
.package-detail-action {
margin: 0 -30px;
}
}
@media screen and (min-width: 480px) {
.package-detail-action .btn {
width: 320px;
margin: 5px;
}
}
@media screen and (max-width: 479px) {
.package-detail-action .btn {
width: 100%;
margin: 5px 0;
}
}
.package-locked {
position: relative;
float: right;
}
@media screen and (min-width: 640px) {
.package-locked {
margin: -20px -35px;
}
}
@media screen and (max-width: 639px) {
.package-locked {
margin: -10px -35px -20px;
}
}
.package-locked-cancel {
color: #777;
}
.package-locked-cancel:visited {
color: #777;
}
.package-locked-cancel:hover {
color: #86d122;
}
.package-locked-trigger {
color: #000;
display: inline-block;
position: relative;
border: 1px solid transparent;
border-right: 0;
}
@media screen and (min-width: 640px) {
.package-locked-trigger {
padding: 24px 35px 24px 5px;
}
}
@media screen and (min-width: 480px) and (max-width: 639px) {
.package-locked-trigger {
padding: 19px 35px 14px;
}
}
@media screen and (max-width: 479px) {
.package-locked-trigger {
padding: 19px 15px 14px;
}
}
.package-locked-trigger:after {
content: '';
height: 10px;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin-bottom: -5px;
z-index: 10;
background: #f5f6f7;
z-index: 8100;
display: none;
}
.package-locked-trigger [class*="icon-"] {
margin-right: 5px;
position: relative;
top: -2px;
}
.package-locked-trigger [class*="icon-"]:before {
font-size: 13px;
}
.package-locked-trigger [class*="sprite-"] {
margin-right: 5px;
}
.package-locked-trigger:visited,
.package-locked-trigger:link {
color: #000;
}
.package-locked-trigger:hover {
color: #86d122;
}
.package-locked-dropdown {
position: absolute;
top: 85%;
right: -30%;
border: 1px solid #e3e3e3;
border-right: 0;
background: #f5f6f7;
box-shadow: 0 0 4px rgba(0,0,0,0.15);
padding: 20px;
z-index: 8000;
text-align: left;
display: none;
}
.package-locked-dropdown .control-label {
margin-bottom: 10px;
}
.package-locked-dropdown .input {
width: 100%;
}
.package-locked-dropdown .addon-item {
right: 8% !important;
}
.package-locked-dropdown .spinner {
left: -5%;
}
.package-locked.is-open .package-locked-dropdown {
display: block;
}
@media screen and (min-width: 480px) {
.package-locked-dropdown {
min-width: 350px;
}
}
@media screen and (max-width: 479px) {
.package-locked-dropdown {
min-width: 310px;
}
}
.package-state {
width: 160px;
position: relative;
padding-left: 25px;
}
.package-state.is-waiting {
color: #777;
}
.package-state.is-downloaded {
color: #86d122;
}
.package-state.is-confirmed {
color: #f57900;
}
.package-state.is-confirmed [class*="icon-"] {
color: #f57900;
}
.package-state [class*="icon-"] {
position: absolute;
top: 50%;
left: 0;
transform: translate(0, -50%);
}
.package-state-header {
width: 160px;
}
.payment-box {
display: block;
position: relative;
border: 1px solid #e3e3e3;
box-shadow: 0 0 5px rgba(0,0,0,0.05);
text-align: center;
padding: 30px 20px;
font-size: 14px;
line-height: 22px;
z-index: 5;
}
.payment-box h4 {
margin-bottom: 5px;
}
.payment-box-icon {
margin-bottom: 10px;
}
.payment-box-icon [class*="icon-"]:before {
font-size: 60px;
}
.payment-box-icon .icon-bank {
position: relative;
top: 5px;
}
.payment-box label {
display: block;
height: 30px;
margin-bottom: 15px;
}
.payment-box label .icon-info-circle {
margin-right: 4px;
position: relative;
top: -1px;
color: #b1b1b1;
}
.column:first-child .payment-box {
border-radius: 3px 0 0 3px;
}
@media screen and (min-width: 768px) {
.column:first-child .payment-box {
margin-right: -1px;
}
}
.column:last-child .payment-box {
border-radius: 0 3px 3px 0;
}
@media screen and (min-width: 768px) {
.column:last-child .payment-box {
margin-left: -1px;
}
}
.payments-brands {
text-align: center;
}
.payments-brands span {
margin: 10px 6px;
filter: grayscale(1);
opacity: 0.5;
}
.popup-backdrop {
width: 100%;
height: 100%;
position: absolute;
left: 0;
top: 0;
background: rgba(44,51,57,0.65);
}
.popup-choose-bank {
max-width: 800px;
padding: 0 30px;
}
.popup-close {
position: absolute;
top: -18px;
right: -18px;
cursor: pointer;
line-height: 31px;
width: 36px;
height: 36px;
background-color: #333;
border-radius: 100px;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
transition: background 0.3s ease;
}
.popup-close span {
color: #fff;
}
.popup-close span:before {
font-size: 22px;
}
.popup-close:hover {
background-color: #c0392b;
}
.popup-confirm {
max-width: 560px;
padding: 0 50px;
}
@media screen and (max-width: 767px) {
.popup-confirm {
padding: 0 20px;
}
}
.popups-container {
z-index: 999;
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
justify-content: center;
align-items: center;
display: none;
}
.popups-container.active {
display: flex;
}
@media screen and (min-width: 768px) {
.popup-content {
padding: 60px 40px;
}
}
@media screen and (max-width: 767px) {
.popup-content {
padding: 40px 20px;
}
}
.popup-content .table-parameters {
margin-top: 0;
}
.popup-content .share-link-wrap {
display: flex;
}
.popup-content .share-link-wrap .append {
width: 100%;
}
.popup-content .share-link-wrap .input {
flex: 1;
display: flex;
}
.popup-content .share-link-wrap .input .break-word {
width: 100%;
}
.popup-content.special .payment-area {
display: flex;
flex-direction: column;
align-items: center;
}
.popup-content.special .payment-area .append-fictional {
width: 100%;
}
.popup-content.special .payment-area .payment-area-header {
display: flex;
align-items: center;
justify-content: flex-end;
}
.popup-content.special .payment-area .switcher {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.popup-content.special .payment-area .selectBox-selected {
line-height: 9px;
}
.popup-content.special .payment-area .explanation {
text-align: center;
}
.popup-content.special .payment-area .operator-fee {
display: block;
margin: 3px 0;
}
.popup-content.special .payment-area a.btn {
width: 100%;
}
.popup-content.loading {
width: 100%;
height: 100%;
display: flex;
justify-content: center;
align-items: center;
}
.popup-header {
background: #fff;
border-radius: 5px 5px 0 0;
border-bottom: 1px solid #ddd;
text-align: center;
}
@media screen and (min-width: 640px) {
.popup-header {
padding: 35px 40px;
}
}
@media screen and (max-width: 639px) {
.popup-header {
padding: 60px 20px 35px;
}
}
.popup-headline {
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
font-size: 28px;
}
.popup-headline + .popup-perex {
margin-top: 10px;
}
.popup {
background-color: #fff;
border-radius: 5px;
margin-left: auto;
margin-right: auto;
position: relative;
display: none;
transition: all 0.3s ease;
}
@media screen and (min-width: 1000px) {
.popup {
margin-top: 20px;
margin-bottom: 20px;
}
}
.popup.dummy {
display: block;
position: absolute;
visibility: hidden;
}
.popup.active {
display: block;
}
.popup.narrow {
max-width: 540px !important;
}
.popup-payment {
max-width: 560px;
padding: 0;
}
.popup-perex {
font-size: 18px;
line-height: 26px;
color: #4d525a;
margin: 0 auto 30px;
max-width: 330px;
text-align: center;
}
.qr-box {
display: flex;
flex-direction: column;
align-items: center;
}
.qr-box .btn {
width: 100%;
margin-top: 20px;
}
.popup-recipient-headline {
font-size: 18px;
line-height: 26px;
color: #4d525a;
margin: 30px auto 30px;
max-width: 330px;
text-align: center;
font-size: 19px;
}
.popup-recipient-line {
text-align: center;
}
.popup-share {
max-width: 900px;
}
.popup-stack {
padding: 20px;
box-sizing: border-box;
}
.pricelist {
color: inherit;
display: grid;
grid-template-columns: 230px 1fr 1fr 1fr;
grid-template-rows: 2fr 100px;
justify-items: stretch;
align-items: stretch;
}
.pricelist-col {
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
}
.pricelist-col .title {
margin-bottom: 10px;
font-size: 1.3rem;
margin-bottom: 15px;
}
.pricelist-col.free {
background: #fafafa;
}
.pricelist-col.free .feature {
border-left: 1px solid #e3e3e3;
}
.pricelist-col.free .price::before {
background: #4d525a;
}
.pricelist-col.premium .title {
font-weight: bold;
}
.pricelist-col .label,
.pricelist-col .feature {
display: flex;
justify-content: flex-start;
align-items: center;
height: 50px;
padding: 0 15px;
box-sizing: border-box;
position: relative;
border-bottom: 1px solid #e3e3e3;
border-right: 1px solid #e3e3e3;
}
.pricelist-col .label span.cell-label,
.pricelist-col .feature span.cell-label {
display: none;
}
.pricelist-col .label:nth-child(2),
.pricelist-col .feature:nth-child(2) {
border-top: 1px solid #e3e3e3;
}
.pricelist-col:last-child .feature:first-child {
border-radius: 0 10px 0 0;
}
@media screen and (max-width: 999px) {
.pricelist-col:last-child .feature:first-child {
border-radius: 10px 10px 0 0;
}
}
.pricelist-col:last-child .feature:last-child {
border-radius: 0 0 10px 0;
}
@media screen and (max-width: 999px) {
.pricelist-col:last-child .feature:last-child {
border-radius: 0 0 10px 10px;
}
}
.pricelist-col:nth-child(2) .feature:first-child {
border-radius: 10px 0 0 0;
border-left: 1px solid #e3e3e3;
}
@media screen and (max-width: 999px) {
.pricelist-col:nth-child(2) .feature:first-child {
border-radius: 10px 10px 0 0;
}
}
.pricelist-col:nth-child(2) .feature:last-child {
border-radius: 0 0 0 10px;
}
@media screen and (max-width: 999px) {
.pricelist-col:nth-child(2) .feature:last-child {
border-radius: 0 0 10px 10px;
}
}
@media screen and (max-width: 999px) {
.pricelist-col .feature {
border-right: 1px solid #e3e3e3;
border-left: 1px solid #e3e3e3;
}
.pricelist-col .feature:first-child {
border-radius: 0 10px 0 0;
}
.pricelist-col .feature:last-child {
border-radius: 0 0 10px 0;
}
}
.pricelist-col .label {
font-size: 0.9rem;
color: #717881;
border-left: 1px solid #e3e3e3;
border-right: none;
}
.pricelist-col .label:first-child {
border-left: none;
border-right: none;
}
.pricelist-col .label.price::before {
display: none;
}
.pricelist-col .label:nth-child(2) {
border-radius: 10px 0 0 0;
}
@media screen and (max-width: 999px) {
.pricelist-col .label:nth-child(2) {
border-radius: 10px;
}
}
.pricelist-col .label:last-child {
border-radius: 0 0 0 10px;
}
@media screen and (max-width: 999px) {
.pricelist-col .label:last-child {
border-radius: 10px;
}
}
.pricelist-col .feature {
justify-content: center;
font-size: 1rem;
}
.pricelist-col .feature:first-child {
border-top: 1px solid #e3e3e3;
}
.pricelist-col .feature.enhanced {
font-weight: bold;
color: #86d122;
}
.pricelist-col .feature.start-using {
padding: 20px;
height: 100px;
overflow: hidden;
flex-direction: column;
}
.pricelist-col .feature.start-using .additional-message {
font-size: 12px;
color: #717881;
}
.pricelist-col .feature.start-using .currentPlan {
color: #86d122;
font-weight: bold;
text-transform: uppercase;
}
.pricelist-col .feature.start-using::after {
content: '';
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 5px;
background: #e6eaef;
}
.pricelist-col .price {
height: 200px;
overflow: hidden;
border-bottom: none;
}
.pricelist-col .price.switcher {
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
}
.pricelist-col .price.switcher span.plan-info {
margin-top: 20px;
text-align: center;
font-size: 0.9rem;
}
.pricelist-col .price::before {
content: '';
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 5px;
background: #86d122;
}
@media screen and (max-width: 999px) and (max-width: 999px) {
.pricelist-col .feature:first-child {
border-radius: 10px 10px 0 0;
}
}
@media screen and (max-width: 999px) and (max-width: 999px) {
.pricelist-col .feature:last-child {
border-radius: 0 0 10px 10px;
}
}
@media screen and (max-width: 999px) {
.pricelist {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.pricelist-col {
width: 100%;
margin-bottom: 40px;
}
.pricelist-col .feature span.cell-label {
display: block;
font-weight: normal;
color: #4d525a;
}
.pricelist-col .feature .cell-value {
margin-left: 10px;
font-weight: bold;
text-transform: uppercase;
}
.pricelist-col:not(.labels) {
max-width: 720px;
}
.pricelist-col.labels {
flex-basis: 100%;
}
.pricelist-col.labels .label:not(.price) {
display: none;
}
}
.pricelist-header {
display: flex;
justify-content: center;
position: relative;
}
.pricelist-header .selectWrapper {
position: absolute;
right: 0;
}
.price {
display: flex;
flex-direction: column;
align-items: center;
padding: 20px 0;
}
.price .price-span {
display: flex;
align-items: center;
}
.price .price-span .currency {
font-size: 24px;
align-self: flex-start;
position: relative;
top: 6px;
}
.price .price-span .number {
font-size: 48px;
line-height: 1em;
color: #000;
padding: 0 3px;
}
.price .price-span .period {
font-size: 18px;
align-self: flex-end;
opacity: 0.6;
}
.price .price-span {
display: flex;
align-items: center;
}
.price .price-span .currency {
font-size: 24px;
align-self: flex-start;
position: relative;
top: 6px;
}
.price .price-span .number {
font-size: 48px;
line-height: 1em;
color: #000;
padding: 0 3px;
}
.price .price-span .period {
font-size: 18px;
align-self: flex-end;
opacity: 0.6;
}
.price.price-popup .price-span .currency {
font-size: 32px;
}
.price.price-popup .price-span .number {
font-size: 56px;
}
.price.price-popup .price-span .period {
font-size: 18px;
}
.price .period-info {
position: relative;
font-size: 13px;
color: #717881;
}
.price .vat {
position: relative;
margin-bottom: 20px;
color: #717881;
font-size: 11px;
}
.progress {
padding: 20px 35px;
}
.progress-status {
color: #717881;
margin-bottom: 10px;
font-size: 18px;
line-height: 26px;
}
.progress-percents {
float: right;
color: #86d122;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.progress-info {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.progress-info-message {
margin-right: 20px;
}
.progress-bar {
background-color: #ededed;
width: 100%;
height: 10px;
font-size: 0;
border-radius: 20px;
position: relative;
}
.progress-bar-fill {
background-color: #86d122;
position: absolute;
top: 0;
left: 0;
height: 10px;
border-radius: 20px;
}
.receiving h2 {
text-align: left;
}
.soon {
background-size: 100% auto;
}
.soon-cs {
background-image: url(/dist/background-soon.a08e145db56751a755d1e41acad20c2c.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
}
.soon-en {
background-image: url(/dist/background-soon-en.564abc517f646d11105432de0e7fbc4d.jpg);
background-repeat: no-repeat;
background-position: 50% 0;
}
@media screen and (min-width: 640px) {
.soon {
padding: 100px 50px 20px;
margin-top: 10px;
}
}
@media screen and (max-width: 639px) {
.soon {
margin: -20px -10px;
padding: 50px 20px 20px;
}
}
.soon p {
margin: 0 0 50px;
}
.soon .h2 {
margin-bottom: 40px;
}
.spinner {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-image: url(/dist/preloader-primary.00d4d467359ab1fca69ee2256f4016fa.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.disabled .spinner {
background-image: url(/dist/preloader-gray.116921df3be213a2a5d958d3717d7062.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.spinner.expiration,
.spinner.remaining-downloads {
position: relative;
width: 20%;
}
.spinner-wrapper {
position: relative;
width: 18px;
height: 18px;
margin: auto;
}
.spinner-wrapper-large {
position: relative;
width: 70px;
height: 70px;
margin: -40px auto 40px;
}
.spinner-wrapper-large.nomargin {
margin: 0;
}
.spinner-wrapper-large .spinner {
background-image: url(/dist/preloader-primary-large.8c77814b52b3894ed32b029c8abcf48e.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
.spinner-wrapper.expiration,
.spinner-wrapper.remaining-downloads {
display: flex;
justify-content: center;
margin: 0 5px;
align-items: center;
}
.suspended {
width: 100%;
height: 60px;
background: #ffdae3;
display: flex;
align-items: center;
padding: 20px;
box-sizing: border-box;
position: relative;
top: 0;
color: #4d525a;
justify-content: center;
}
.suspended a {
color: #4d525a;
font-weight: bold;
}
.suspended.marked {
color: #e82e5c;
}
.suspended.marked a {
color: #e82e5c;
}
.table {
width: 100%;
display: flex;
justify-content: flex-start;
align-items: center;
flex-direction: column;
margin-bottom: 40px;
}
.table-head,
.table-row {
width: 100%;
display: flex;
justify-content: space-between;
align-items: center;
position: relative;
}
.table-head a,
.table-row a {
color: #939aa9;
}
@media screen and (min-width: 480px) {
.table-head span.cell.m-show,
.table-row span.cell.m-show {
display: none;
}
}
.table-head-left,
.table-row-left,
.table-head-right,
.table-row-right {
display: flex;
justify-content: flex-start;
align-items: center;
}
.table-head-left,
.table-row-left {
flex: 2;
}
.table-head-left span.cell,
.table-row-left span.cell {
flex: 2;
position: relative;
}
.table-head-left span.cell.checkbox,
.table-row-left span.cell.checkbox {
flex: 0.2;
}
.table-head-left span.cell.checkbox label,
.table-row-left span.cell.checkbox label {
width: 25px;
height: 25px;
}
.table-head-left span.cell.checkbox label input + span,
.table-row-left span.cell.checkbox label input + span {
padding: 0;
width: 25px;
height: 25px;
}
.table-head-left span.cell.checkbox label input + span:before,
.table-row-left span.cell.checkbox label input + span:before {
color: #bcbcbc;
}
.table-head-left span.cell.checkbox label input:checked + span:before,
.table-row-left span.cell.checkbox label input:checked + span:before {
color: #86d122;
}
.table-head-left span.cell.icon-cell,
.table-row-left span.cell.icon-cell {
flex: 0.2;
height: 24px;
}
.table-head-left span.cell.date,
.table-row-left span.cell.date {
flex: 1;
}
.table-head-left .sm-spinner,
.table-row-left .sm-spinner {
width: 18px;
height: auto;
transform: scaleX(-1);
}
.table-head-right,
.table-row-right {
justify-content: space-between;
align-items: flex-start;
}
.table-head-right span.cell,
.table-row-right span.cell {
flex: 2;
}
.table-head-right span.cell span.new,
.table-row-right span.cell span.new {
color: #86d122;
margin-left: 5px;
font-weight: bold;
}
.table-head-right span.cell.short,
.table-row-right span.cell.short {
flex: 1;
}
.table-head-right span.cell.shrink,
.table-row-right span.cell.shrink {
flex: initial;
width: 45px;
justify-content: center;
}
.table-head-right span.cell.buttons a,
.table-row-right span.cell.buttons a {
text-decoration: none !important;
}
.table-head-right span.cell.buttons span[class^="icon"],
.table-row-right span.cell.buttons span[class^="icon"] {
padding-right: 10px;
}
.table-head-right span.cell.buttons span[class^="icon"]:hover,
.table-row-right span.cell.buttons span[class^="icon"]:hover {
color: #4d525a;
}
.table-head-right span.cell.delete,
.table-row-right span.cell.delete {
flex: none;
width: 41px;
}
.table-head-right span.cell.actions,
.table-row-right span.cell.actions {
flex: none;
width: 50px;
}
.table-head-right span.cell.actions a,
.table-row-right span.cell.actions a {
text-decoration: none !important;
}
.table-head-right span.cell.actions .icon-times,
.table-row-right span.cell.actions .icon-times {
color: #bcc1c4;
}
.table-head-right span.cell.actions .icon-times:hover,
.table-row-right span.cell.actions .icon-times:hover {
color: #c0392b;
}
.table-head-right span.cell.actions .icon-pencil,
.table-row-right span.cell.actions .icon-pencil {
color: #4d525a;
}
.table-head-right span.cell.actions .icon-pencil::before,
.table-row-right span.cell.actions .icon-pencil::before {
font-size: 14px;
}
.table-head-right span.cell.delete a,
.table-row-right span.cell.delete a {
text-decoration: none !important;
}
.table-head-right span.cell.delete a [class^="icon"]:hover,
.table-row-right span.cell.delete a [class^="icon"]:hover {
color: #c0392b;
}
.table-head-right span.cell.uploading,
.table-row-right span.cell.uploading {
color: #5a6275;
}
.table-head-right span.cell.uploading [class^="icon"],
.table-row-right span.cell.uploading [class^="icon"] {
color: #4d525a;
}
.table.col-2 .table-head .table-head-right,
.table.col-2 .table-row .table-head-right,
.table.col-2 .table-head .table-row-right,
.table.col-2 .table-row .table-row-right {
flex: 1;
}
.table.col-3 .table-head .table-head-right,
.table.col-3 .table-row .table-head-right,
.table.col-3 .table-head .table-row-right,
.table.col-3 .table-row .table-row-right {
flex: 2;
}
.table.col-4 .table-head .table-head-right,
.table.col-4 .table-row .table-head-right,
.table.col-4 .table-head .table-row-right,
.table.col-4 .table-row .table-row-right {
flex: 4;
}
.table.col-5 .table-head .table-head-right,
.table.col-5 .table-row .table-head-right,
.table.col-5 .table-head .table-row-right,
.table.col-5 .table-row .table-row-right {
flex: 4;
}
.table.col-6 .table-head .table-head-right,
.table.col-6 .table-row .table-head-right,
.table.col-6 .table-head .table-row-right,
.table.col-6 .table-row .table-row-right {
flex: 6;
}
@media screen and (max-width: 479px) {
.table.col-6 .table-head .table-head-left,
.table.col-6 .table-row .table-head-left,
.table.col-6 .table-head .table-row-left,
.table.col-6 .table-row .table-row-left {
width: 30%;
}
}
.table-head span {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 12px;
text-transform: uppercase;
color: #4d525a;
font-weight: bold;
}
.table-row {
padding: 15px 0;
border-bottom: 1px solid #e3e3e3;
}
.table-row .class.shrink {
padding: 0 10px;
}
.table-row span {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 14px;
}
.table-row span [class^="icon"] {
padding-right: 5px;
}
.table-buttons {
display: none;
transition: all 0.3s ease;
justify-content: space-between;
position: relative;
left: 0;
top: -1px;
padding: 18px 20px 18px 10px;
border-bottom: 1px solid #e3e3e3;
box-sizing: border-box;
background: #f0fde6;
width: 100%;
z-index: 2;
}
.table-buttons.visible {
display: flex;
}
.table-buttons a {
text-decoration: none !important;
}
@media screen and (max-width: 479px) {
.table-head-right,
.table-head-left {
display: none;
}
.table-row span.cell.m-hide {
display: none;
}
.table-row span.cell.m-show {
display: inherit;
}
.table-row-left {
flex: none;
width: 40%;
min-width: 100px;
}
.table-row-left span.cell {
width: 100%;
padding: 0;
}
.table-row-left .filename {
white-space: nowrap;
text-overflow: ellipsis;
overflow: hidden;
max-width: 100%;
}
.table-row-right {
flex: none;
width: 60%;
justify-content: space-between;
align-items: center;
margin-left: 10px;
}
.table-row-right span.cell {
width: auto !important;
padding: 0;
display: flex;
justify-content: flex-end;
}
}
.table-old {
width: 100%;
border-collapse: collapse;
margin: 0 0 30px;
}
.table-old .col-icon {
width: 30px;
}
.table-old .col-action {
text-align: right;
}
.table-old .col-checkbox {
width: 25px;
padding-right: 0;
}
.table-old .col-checkbox label {
width: 25px;
height: 25px;
}
.table-old .col-checkbox label input + span {
padding: 0;
width: 25px;
height: 25px;
}
.table-old .col-checkbox label input + span:before {
color: #bcbcbc;
}
.table-old .col-checkbox label input:checked + span:before {
color: #86d122;
}
.table-old thead tr th {
color: #939393;
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
padding: 5px 10px;
}
.table-old tbody tr td {
padding: 15px 10px;
border-bottom: 1px solid #eaeaea;
}
.table-old tbody tr td .icon-times {
color: #bcc1c4;
transition: color 0.3s ease;
}
.table-old tbody tr td .icon-sent {
color: #bcc1c4;
}
.table-old tbody tr td a {
color: #727272;
display: block;
}
.table-old tbody tr td a:hover {
color: #86d122;
}
.table-old tbody tr td a:hover .icon-times {
color: #c0392b;
}
.table-old tbody tr.disabled td {
color: #b1b1b1 !important;
}
.table-old tbody tr.disabled td.col-icon [class*="icon-"] {
color: #b1b1b1 !important;
}
@media screen and (min-width: 480px) {
.table-responsive-xs [data-th],
.table-responsive-sm [data-th],
.table-responsive-md [data-th],
.table-responsive-lg [data-th],
.table-responsive-xs:before,
.table-responsive-sm:before,
.table-responsive-md:before,
.table-responsive-lg:before {
display: inline-block;
width: 40%;
min-width: 190px;
}
}
@media screen and (max-width: 479px) {
.table-responsive-xs [data-th],
.table-responsive-sm [data-th],
.table-responsive-md [data-th],
.table-responsive-lg [data-th],
.table-responsive-xs:before,
.table-responsive-sm:before,
.table-responsive-md:before,
.table-responsive-lg:before {
display: block;
width: 100%;
}
}
.table-old {
width: 100%;
border-collapse: collapse;
margin: 0 0 30px;
}
.table-old .col-icon {
width: 30px;
}
.table-old .col-action {
text-align: right;
}
.table-old .col-checkbox {
width: 25px;
padding-right: 0;
}
.table-old .col-checkbox label {
width: 25px;
height: 25px;
}
.table-old .col-checkbox label input + span {
padding: 0;
width: 25px;
height: 25px;
}
.table-old .col-checkbox label input + span:before {
color: #bcbcbc;
}
.table-old .col-checkbox label input:checked + span:before {
color: #86d122;
}
.table-old thead tr th {
color: #939393;
text-transform: uppercase;
font-size: 14px;
line-height: 22px;
padding: 5px 10px;
}
.table-old tbody tr td {
padding: 15px 10px;
border-bottom: 1px solid #eaeaea;
}
.table-old tbody tr td .icon-times {
color: #bcc1c4;
transition: color 0.3s ease;
}
.table-old tbody tr td .icon-sent {
color: #bcc1c4;
}
.table-old tbody tr td a {
color: #727272;
display: block;
}
.table-old tbody tr td a:hover {
color: #86d122;
}
.table-old tbody tr td a:hover .icon-times {
color: #c0392b;
}
.table-old tbody tr.disabled td {
color: #b1b1b1 !important;
}
.table-old tbody tr.disabled td.col-icon [class*="icon-"] {
color: #b1b1b1 !important;
}
@media screen and (min-width: 480px) {
.table-responsive-xs [data-th],
.table-responsive-sm [data-th],
.table-responsive-md [data-th],
.table-responsive-lg [data-th],
.table-responsive-xs:before,
.table-responsive-sm:before,
.table-responsive-md:before,
.table-responsive-lg:before {
display: inline-block;
width: 40%;
min-width: 190px;
}
}
@media screen and (max-width: 479px) {
.table-responsive-xs [data-th],
.table-responsive-sm [data-th],
.table-responsive-md [data-th],
.table-responsive-lg [data-th],
.table-responsive-xs:before,
.table-responsive-sm:before,
.table-responsive-md:before,
.table-responsive-lg:before {
display: block;
width: 100%;
}
}
.tabs {
padding: 20px 0;
}
.popup .tabs {
padding: 0;
}
.tabs > .tabs-content:before,
.tabs > .tabs-content:after {
content: "";
display: table;
}
.tabs > .tabs-content:after {
clear: both;
}
.popup .tabs > .tabs-content {
border-left: 0 !important;
border-right: 0 !important;
border-bottom: 0 !important;
}
@media screen and (min-width: 640px) {
.tabs > .tabs-content {
border: 1px solid #e3e3e3;
padding: 30px;
}
}
@media screen and (max-width: 639px) {
.tabs > .tabs-content {
padding: 20px 10px;
border-bottom: 1px solid #e3e3e3;
}
}
.tabs-nav {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 0;
margin-bottom: -1px;
text-align: center;
}
.tabs-nav li {
display: inline-block;
vertical-align: middle;
font-size: 16px;
}
@media screen and (max-width: 639px) {
.tabs-nav {
margin-left: -50px;
margin-right: -50px;
}
.tabs .tabs-nav {
margin-left: -10px;
margin-right: -10px;
}
}
.tabs-nav-link {
color: inherit;
}
.popup .tabs-nav-link:first-child {
border-radius: 5px 0 0 0;
}
.popup .tabs-nav-link:first-child a {
border-radius: 5px 0 0 0;
}
.popup .tabs-nav-link:last-child {
border-radius: 0 5px 0 0;
}
.popup .tabs-nav-link:last-child a {
border-radius: 0 5px 0 0;
}
.tabs .tabs-nav-link a {
background: #f5f6f7;
border-bottom-color: #e3e3e3;
}
.tabs-nav-link:first-child a {
border-left-color: transparent;
}
.tabs-nav-link a {
display: block;
padding: 20px 0;
color: #777;
border: 1px solid transparent;
border-left-color: #e3e3e3;
border-bottom-color: transparent;
text-transform: uppercase;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
}
.tabs-nav-link a [class*="icon-"] {
margin-right: 5px;
}
.tabs-nav-link a:hover {
color: #86d122;
}
.tabs-nav-link.active + li a {
border-left-color: transparent;
}
.tabs-nav-link.active a {
background: #fff;
border-color: #e3e3e3;
color: #000;
border-bottom-color: #fff;
cursor: default;
}
.tabs-nav-link.active a .underline-item:after {
opacity: 0;
}
.desktop .tab {
display: none;
}
.desktop .tab.active {
display: block !important;
}
.mobile .tab {
display: none !important;
}
.mobile .tab.active {
display: block !important;
}
.tarif {
text-align: center;
padding: 35px;
background-color: #f6f6f6;
border-radius: 3px;
}
.tarif-wrap {
padding: 30px 0;
}
@media screen and (max-width: 639px) {
.tarif-wrap {
margin-left: -10px;
margin-right: -10px;
}
}
.tarif .h2 {
color: #777;
}
.tarif-parameters {
margin-bottom: 20px;
}
.tarif-parameters li {
border-top: 1px solid #e3e3e3;
padding: 15px 0;
}
.tarif-parameters li:first-child {
border-top: 0;
}
.tarif-parameters li strong {
display: block;
font-family: "sourcesanspro-semibold", "sourcesanspro-regular", Arial, sans-serif;
font-weight: normal;
margin-bottom: 5px;
font-size: 22px;
line-height: 30px;
}
.tarif-premium {
background: #fff;
box-shadow: 0 0 2px 1px #e3e3e3, inset 0 4px 0 #86d122;
}
@media screen and (min-width: 768px) {
.tarif-premium {
margin-top: -20px;
padding-top: 55px;
padding-bottom: 55px;
}
}
@media screen and (max-width: 767px) {
.tarif-premium {
margin-top: 20px;
}
}
.tarif-premium .h2 {
color: #000;
text-transform: uppercase;
}
.tarif-premium .tarif-parameters strong {
color: #86d122;
}
.toolbar {
display: flex;
justify-content: space-between;
align-items: center;
flex-wrap: wrap;
flex-grow: 1;
margin-left: -5px;
margin-right: -5px;
}
.toolbar-item {
display: flex;
justify-content: flex-start;
align-items: center;
font-size: 16px;
font-weight: normal;
color: #717881;
padding: 5px 0;
margin-right: 5px;
margin-left: 5px;
}
@media screen and (max-width: 479px) {
.toolbar-item {
padding: 5px 0;
}
}
.toolbar-item:first-child {
padding-left: 0;
}
.toolbar-item:last-child {
padding-right: 0;
}
.toolbar-item-action {
display: flex;
}
.toolbar-item-action-label {
white-space: nowrap;
}
.toolbar-item select,
.toolbar-item .selectBox-container {
margin: 0 5px;
}
.toolbar-item .selectBox-container .selectBox-selected {
font-size: 13px;
line-height: 13px;
}
.toolbar-item [class^="icon-"],
.toolbar-item .dollar {
margin-right: 5px;
}
.toolbar-item .dollar {
font-size: 18px;
color: #86d122;
font-weight: bold;
}
.toolbar-item.monetize {
display: inline;
vertical-align: middle;
margin-right: 0;
}
.toolbar-item.link a {
color: #717881;
}
@media screen and (max-width: 639px) {
.toolbar {
justify-content: space-evenly;
}
}
@media screen and (max-width: 479px) {
.toolbar {
justify-content: center;
flex-direction: column;
margin: 0;
padding: 0 10px;
}
}
.underline {
text-decoration: none;
position: relative;
}
.underline.muted {
opacity: 0.6;
transition: opacity 0.3s ease, color 0.3s ease;
}
.underline.muted [class*="icon-"] {
color: #717881;
transition: color 0.3s ease;
}
.underline.muted:hover {
opacity: 1;
}
.underline.muted:hover [class*="icon-"] {
color: #86d122;
}
.underline-primary {
color: #86d122;
}
.underline-primary:visited {
color: #86d122;
}
.underline-primary:hover {
color: #4d525a;
}
.underline-item {
position: relative;
}
.underline-item:after {
content: '';
position: absolute;
bottom: 1px;
left: 0;
right: 0;
display: block;
border-bottom-width: 1px;
border-bottom-style: solid;
opacity: 0.6;
transition: opacity 0.3s ease, border 0.3s ease;
}
.underline.active .underline-item:after {
visibility: hidden;
}
.narrow-page {
max-width: 720px;
margin-left: auto;
margin-right: auto;
margin-top: 40px;
}
.narrow-page h2 {
margin-top: 45px;
margin-bottom: 28px;
font-size: 24px;
}
.narrow-page p {
text-align: justify;
}
.narrow-page .large-icon {
width: 100%;
text-align: center;
padding-bottom: 20px;
color: rgba(0,0,0,0.15);
}
.narrow-page .large-icon::before {
font-size: 120px;
}
.narrow-page .img-row {
display: grid;
grid-template-columns: repeat(auto-fill, 240px);
width: 100%;
justify-content: center;
margin-bottom: 10px;
}
.narrow-page .img-row .img-preview {
max-width: 230px;
margin-right: 20px;
margin-bottom: 20px;
}
.narrow-page .table-uschovna h3 {
margin: 0;
}
.narrow-page .table-uschovna tr td {
font-size: 18px;
width: calc(100% / 3);
}
.narrow-page .table-uschovna tr td:not(:nth-child(1)) {
text-align: center;
}
.narrow-page .table-uschovna tr td.emphasize {
color: #86d122 !important;
font-weight: bold;
}
.narrow-page .table-uschovna tr td.grayout {
color: #848890;
}
.narrow-page .table-uschovna tr td.bad {
color: #cf2525;
}
.narrow-page .table-label {
position: relative;
top: -25px;
margin-bottom: -35px;
text-align: center;
width: 100%;
font-family: #e6eaef;
font-style: italic;
}
.wide {
width: 100%;
}
.addon {
position: relative;
display: inline-block;
vertical-align: middle;
width: 100%;
}
.addon-inline {
display: inline;
}
.addon-item {
position: absolute;
top: 0;
text-align: center;
vertical-align: middle;
height: 100%;
z-index: 930;
display: block;
}
.addon-item:first-child {
left: 0;
}
.addon-item:last-child {
right: 0;
}
.addon-item span {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #717881;
margin-top: 1px;
transition: color 0.3s ease;
}
.addon-item button:hover span {
color: #86d122;
}
.addon .addon-item {
width: 55px;
}
.addon .addon-item [class*="icon"] {
font-size: 12px;
}
.addon .input:first-child {
padding-right: 55px;
}
.addon .input:last-child {
padding-left: 55px;
}
.addon .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-xsmall .addon-item,
.form-xsmall .addon .addon-item {
width: 22px;
}
.addon-xsmall .addon-item [class*="icon"],
.form-xsmall .addon .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-xsmall .input:first-child,
.form-xsmall .addon .input:first-child {
padding-right: 22px;
}
.addon-xsmall .input:last-child,
.form-xsmall .addon .input:last-child {
padding-left: 22px;
}
.addon-xsmall .addon-item + .input:not(:last-child),
.form-xsmall .addon .addon-item + .input:not(:last-child) {
padding-left: 22px;
padding-right: 22px;
}
.addon-group-xsmall .addon-item,
.addon .btn .addon-item {
width: 22px;
}
.addon-group-xsmall .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-group-xsmall .input:first-child,
.addon .btn .input:first-child {
padding-right: 22px;
}
.addon-group-xsmall .input:last-child,
.addon .btn .input:last-child {
padding-left: 22px;
}
.addon-group-xsmall .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 22px;
padding-right: 22px;
}
.addon-small .addon-item,
.form-small .addon .addon-item {
width: 30px;
}
.addon-small .addon-item [class*="icon"],
.form-small .addon .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-small .input:first-child,
.form-small .addon .input:first-child {
padding-right: 30px;
}
.addon-small .input:last-child,
.form-small .addon .input:last-child {
padding-left: 30px;
}
.addon-small .addon-item + .input:not(:last-child),
.form-small .addon .addon-item + .input:not(:last-child) {
padding-left: 30px;
padding-right: 30px;
}
.addon-group-small .addon-item,
.addon .btn .addon-item {
width: 30px;
}
.addon-group-small .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 10px;
}
.addon-group-small .input:first-child,
.addon .btn .input:first-child {
padding-right: 30px;
}
.addon-group-small .input:last-child,
.addon .btn .input:last-child {
padding-left: 30px;
}
.addon-group-small .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 30px;
padding-right: 30px;
}
.addon-medium .addon-item,
.form-medium .addon .addon-item {
width: 55px;
}
.addon-medium .addon-item [class*="icon"],
.form-medium .addon .addon-item [class*="icon"] {
font-size: 12px;
}
.addon-medium .input:first-child,
.form-medium .addon .input:first-child {
padding-right: 55px;
}
.addon-medium .input:last-child,
.form-medium .addon .input:last-child {
padding-left: 55px;
}
.addon-medium .addon-item + .input:not(:last-child),
.form-medium .addon .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-group-medium .addon-item,
.addon .btn .addon-item {
width: 55px;
}
.addon-group-medium .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 12px;
}
.addon-group-medium .input:first-child,
.addon .btn .input:first-child {
padding-right: 55px;
}
.addon-group-medium .input:last-child,
.addon .btn .input:last-child {
padding-left: 55px;
}
.addon-group-medium .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 55px;
padding-right: 55px;
}
.addon-large .addon-item,
.form-large .addon .addon-item {
width: 50px;
}
.addon-large .addon-item [class*="icon"],
.form-large .addon .addon-item [class*="icon"] {
font-size: 14px;
}
.addon-large .input:first-child,
.form-large .addon .input:first-child {
padding-right: 50px;
}
.addon-large .input:last-child,
.form-large .addon .input:last-child {
padding-left: 50px;
}
.addon-large .addon-item + .input:not(:last-child),
.form-large .addon .addon-item + .input:not(:last-child) {
padding-left: 50px;
padding-right: 50px;
}
.addon-group-large .addon-item,
.addon .btn .addon-item {
width: 50px;
}
.addon-group-large .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 14px;
}
.addon-group-large .input:first-child,
.addon .btn .input:first-child {
padding-right: 50px;
}
.addon-group-large .input:last-child,
.addon .btn .input:last-child {
padding-left: 50px;
}
.addon-group-large .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 50px;
padding-right: 50px;
}
.addon-xlarge .addon-item,
.form-xlarge .addon .addon-item {
width: 60px;
}
.addon-xlarge .addon-item [class*="icon"],
.form-xlarge .addon .addon-item [class*="icon"] {
font-size: 18px;
}
.addon-xlarge .input:first-child,
.form-xlarge .addon .input:first-child {
padding-right: 60px;
}
.addon-xlarge .input:last-child,
.form-xlarge .addon .input:last-child {
padding-left: 60px;
}
.addon-xlarge .addon-item + .input:not(:last-child),
.form-xlarge .addon .addon-item + .input:not(:last-child) {
padding-left: 60px;
padding-right: 60px;
}
.addon-group-xlarge .addon-item,
.addon .btn .addon-item {
width: 60px;
}
.addon-group-xlarge .addon-item [class*="icon"],
.addon .btn .addon-item [class*="icon"] {
font-size: 18px;
}
.addon-group-xlarge .input:first-child,
.addon .btn .input:first-child {
padding-right: 60px;
}
.addon-group-xlarge .input:last-child,
.addon .btn .input:last-child {
padding-left: 60px;
}
.addon-group-xlarge .addon-item + .input:not(:last-child),
.addon .btn .addon-item + .input:not(:last-child) {
padding-left: 60px;
padding-right: 60px;
}
</style>
<script>
var MESSAGES = {};
MESSAGES.placeholders = {};
MESSAGES.alerts = {};
MESSAGES.labels = {};
MESSAGES.titles = {};
MESSAGES.time = {};
MESSAGES.time.shortcuts = {};
MESSAGES.placeholders.taginput = "Separate with a comma";
MESSAGES.placeholders.popupLoading = "Please wait…";
MESSAGES.placeholders.popupClose = "Close (ESC)";
MESSAGES.alerts.emailRequired = "Please enter an e-mail address in the format [email protected]";
MESSAGES.alerts.emailAmbiguous = "Didn't you make a typo at the beginning of you e-mail address? If this really is the correct beginning of you e-mail, press enter.";
MESSAGES.alerts.uploadFailed = "We are sorry but the file upload couldn't be restored.";
MESSAGES.alerts.confirmUploadAbort = "Do you really want to interrupt the upload?";
MESSAGES.alerts.confirmFilelistLeave = "Do you really want to cancel the data package?";
MESSAGES.alerts.confirmShareLeave = "Are you sure you don't want to share your data package?";
MESSAGES.alerts.confirmShareAfterUploadAbort = "Are you sure you want to cancel sending your data package after the upload is finished?";
MESSAGES.alerts.uploadStale = "The data package can't be uploaded because the uploading was inactivated for too long. Please send your files in a new data package.";
MESSAGES.alerts.copyLink = "Copy link";
MESSAGES.labels.alreadyRecipient = "already received this data package";
MESSAGES.labels.copyManually = {};
MESSAGES.labels.copyManually.ctrl = "Press Ctrl-C";
MESSAGES.labels.copyManually.cmd = "Press ⌘-C";
MESSAGES.titles.filelist = "Choose files";
MESSAGES.titles.uploading = "% uploaded";
MESSAGES.titles.uploadComplete = "Data package uploaded";
MESSAGES.titles.uploadProblem = "Problem with upload";
MESSAGES.titles.errorOccurred = "An error occurred";
MESSAGES.titles.baseTitle = " - FileTransfer.io";
MESSAGES.time.shortcuts.days = "d";
MESSAGES.time.shortcuts.hours = "h";
MESSAGES.time.shortcuts.minutes = "m";
MESSAGES.time.shortcuts.seconds = "s";
</script>
<script charset="utf-8" src="/dist/0.bundle.6dde211af5ba3df8b0c2.js"></script><style>.selectBox-container {
border-radius: 3px;
position: relative;
}
.selectBox-container.short {
width: 200px;
}
.selectBox-container.short .selectBox-dropdown {
max-height: 50vh;
overflow-y: scroll;
}
.selectBox-container.fixed .selectBox-dropdown {
max-height: 200px;
overflow-y: scroll;
}
.selectBox-container.wide {
width: 100%;
}
.selectBox-container.wide .selectBox-selected {
padding: 13px 43px 13px 14px;
}
.selectBox-container.wide .selectBox-selected:after {
margin-right: 20px;
}
.selectBox-container.minimum-width {
min-width: 95px;
}
.selectBox-container .selectBox-selected {
position: relative;
color: $color-default;
border: 1px solid #e3e3e3;
border-color: #e3e3e3;
white-space: nowrap;
cursor: pointer;
border-radius: 3px;
padding: 5px 30px 5px 10px;
width: 100%;
transition: $transition-all;
}
.selectBox-container .selectBox-selected:hover,
.selectBox-container .selectBox-selected:focus,
.selectBox-container .selectBox-selected:active {
border-color: #c2c2c2;
}
.selectBox-container .selectBox-selected:after {
content: '\f102';
font-size: 20px;
font-family: icons;
position: absolute;
top: 0;
right: 5px;
color: #777;
transform: rotate(90deg);
pointer-events: none;
height: 100%;
}
.selectBox-container .selectBox-dropdown {
position: absolute;
z-index: 19;
background-color: #fff;
left: 0;
border: 1px solid #c2c2c2;
cursor: pointer;
width: 100%;
margin-top: -1px;
font-weight: normal;
border-bottom-left-radius: 3px;
border-bottom-right-radius: 3px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item {
padding: 5px 10px 5px 10px;
}
.selectBox-container .selectBox-dropdown .selectBox-dropdown-item:hover {
background: #86d122;
color: #fff;
}
</style><style>.tooltipster-fall,.tooltipster-grow.tooltipster-show{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-base{display:flex;pointer-events:none;position:absolute}.tooltipster-box{flex:1 1 auto}.tooltipster-content{box-sizing:border-box;max-height:100%;max-width:100%;overflow:auto}.tooltipster-ruler{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;visibility:hidden}.tooltipster-fade{opacity:0;-webkit-transition-property:opacity;-moz-transition-property:opacity;-o-transition-property:opacity;-ms-transition-property:opacity;transition-property:opacity}.tooltipster-fade.tooltipster-show{opacity:1}.tooltipster-grow{-webkit-transform:scale(0,0);-moz-transform:scale(0,0);-o-transform:scale(0,0);-ms-transform:scale(0,0);transform:scale(0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform;-webkit-backface-visibility:hidden}.tooltipster-grow.tooltipster-show{-webkit-transform:scale(1,1);-moz-transform:scale(1,1);-o-transform:scale(1,1);-ms-transform:scale(1,1);transform:scale(1,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-swing{opacity:0;-webkit-transform:rotateZ(4deg);-moz-transform:rotateZ(4deg);-o-transform:rotateZ(4deg);-ms-transform:rotateZ(4deg);transform:rotateZ(4deg);-webkit-transition-property:-webkit-transform,opacity;-moz-transition-property:-moz-transform;-o-transition-property:-o-transform;-ms-transition-property:-ms-transform;transition-property:transform}.tooltipster-swing.tooltipster-show{opacity:1;-webkit-transform:rotateZ(0);-moz-transform:rotateZ(0);-o-transform:rotateZ(0);-ms-transform:rotateZ(0);transform:rotateZ(0);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,1);-webkit-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-moz-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-ms-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);-o-transition-timing-function:cubic-bezier(.23,.635,.495,2.4);transition-timing-function:cubic-bezier(.23,.635,.495,2.4)}.tooltipster-fall{-webkit-transition-property:top;-moz-transition-property:top;-o-transition-property:top;-ms-transition-property:top;transition-property:top;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-fall.tooltipster-initial{top:0!important}.tooltipster-fall.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;top:0!important;opacity:0}.tooltipster-slide{-webkit-transition-property:left;-moz-transition-property:left;-o-transition-property:left;-ms-transition-property:left;transition-property:left;-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1);-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-moz-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-ms-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.15);transition-timing-function:cubic-bezier(.175,.885,.32,1.15)}.tooltipster-slide.tooltipster-initial{left:-40px!important}.tooltipster-slide.tooltipster-dying{-webkit-transition-property:all;-moz-transition-property:all;-o-transition-property:all;-ms-transition-property:all;transition-property:all;left:0!important;opacity:0}@keyframes tooltipster-fading{0%{opacity:0}100%{opacity:1}}.tooltipster-update-fade{animation:tooltipster-fading .4s}@keyframes tooltipster-rotating{25%{transform:rotate(-2deg)}75%{transform:rotate(2deg)}100%{transform:rotate(0)}}.tooltipster-update-rotate{animation:tooltipster-rotating .6s}@keyframes tooltipster-scaling{50%{transform:scale(1.1)}100%{transform:scale(1)}}.tooltipster-update-scale{animation:tooltipster-scaling .6s}.tooltipster-sidetip .tooltipster-box{background:#565656;border:2px solid #000;border-radius:4px}.tooltipster-sidetip.tooltipster-bottom .tooltipster-box{margin-top:8px}.tooltipster-sidetip.tooltipster-left .tooltipster-box{margin-right:8px}.tooltipster-sidetip.tooltipster-right .tooltipster-box{margin-left:8px}.tooltipster-sidetip.tooltipster-top .tooltipster-box{margin-bottom:8px}.tooltipster-sidetip .tooltipster-content{color:#fff;line-height:18px;padding:6px 14px}.tooltipster-sidetip .tooltipster-arrow{overflow:hidden;position:absolute}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow{height:10px;margin-left:-10px;top:0;width:20px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow{height:20px;margin-top:-10px;right:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow{height:20px;margin-top:-10px;left:0;top:0;width:10px}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow{bottom:0;height:10px;margin-left:-10px;width:20px}.tooltipster-sidetip .tooltipster-arrow-background,.tooltipster-sidetip .tooltipster-arrow-border{height:0;position:absolute;width:0}.tooltipster-sidetip .tooltipster-arrow-background{border:10px solid transparent}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-background{border-bottom-color:#565656;left:0;top:3px}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-background{border-left-color:#565656;left:-3px;top:0}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-background{border-right-color:#565656;left:3px;top:0}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-background{border-top-color:#565656;left:0;top:-3px}.tooltipster-sidetip .tooltipster-arrow-border{border:10px solid transparent;left:0;top:0}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-border{border-bottom-color:#000}.tooltipster-sidetip.tooltipster-left .tooltipster-arrow-border{border-left-color:#000}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-border{border-right-color:#000}.tooltipster-sidetip.tooltipster-top .tooltipster-arrow-border{border-top-color:#000}.tooltipster-sidetip .tooltipster-arrow-uncropped{position:relative}.tooltipster-sidetip.tooltipster-bottom .tooltipster-arrow-uncropped{top:-10px}.tooltipster-sidetip.tooltipster-right .tooltipster-arrow-uncropped{left:-10px}</style></head>
<body data-bytes-per-kb="1024" data-sentry-url="https://[email protected]/41">
<!-- Google Tag Manager -->
<noscript>
<iframe src="//www.googletagmanager.com/ns.html?id=GTM-KTQGJJ"
height="0" width="0" style="display:none;visibility:hidden"></iframe>
</noscript>
<script>
(function (w, d, s, l, i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window, document, 'script', 'dataLayer', 'GTM-KTQGJJ');
</script>
<!-- End Google Tag Manager -->
<div class="blur">
<div class="container">
<div class="page">
<header class="header">
<a class="logo logo-en" title="Switch to the home page" href="/">
<strong>FileTransfer.io</strong>
</a>
<!-- .logo -->
<div id="snippet--header">
<a href="/login" class="account underline" data-authenticated="false">
<span class="icon-user circle"></span>
<span class="account-label underline-item xs-visible">
Log in
</span>
</a>
<!-- .account -->
<nav>
<div class="navigation-trigger md-invisible underline" data-navigation-trigger-registered="true">
<span class="navigation-trigger-icon">
<span class="line-1">-</span>
<span class="line-2">-</span>
<span class="line-3">-</span>
</span>
<span class="navigation-trigger-text underline-item xs-visible">Menu</span>
</div>
<!-- .navigation-trigger -->
<ul class="navigation">
<li class="navigation-item navigation-item-active">
<a title="Send files" class="underline">
<span class="underline-item">Send files</span>
</a>
</li>
<li class="navigation-item">
<a title="Request files" class="underline" href="/file-requests/new">
<span class="underline-item">Request files</span>
<span class="badge small filled">beta</span>
</a>
</li>
<li class="navigation-item">
<a title="Sent" class="underline" href="/sent">
<span class="underline-item">Sent</span>
</a>
</li>
</ul>
</nav>
</div></header>
<hr>
<section class="content new-content">
<div id="snippet--flashes"></div> <!-- .alert -->
<div data-name="upload-parameters" data-special="%7B%22uploadStartUrl%22%3A%22%2Fstart-upload%22%2C%22removeFileUrl%22%3A%22%2Fremove-file%2F__ownerCode________placeholder__%22%2C%22finishDeliveryUrl%22%3A%22%2Ffinish-delivery%2F__ownerCode________placeholder__%22%2C%22shareDeliveryUrl%22%3A%22%2Fshare%2F__ownerCode________placeholder__%22%2C%22chunkBytes%22%3A8388608%2C%22ownerDetail%22%3Afalse%2C%22uploadUrl%22%3A%22%22%2C%22uploadToken%22%3A%22%22%2C%22maxBytes%22%3A6442450944%2C%22ownerDetailLink%22%3A%22%22%2C%22deliveryPublicLink%22%3A%22%22%2C%22files%22%3A%5B%5D%7D"></div>
<div data-role="url-whitelist" data-upload-start-url="/start-upload"></div>
<input type="file" id="select-files-input" multiple="true" class="hidden">
<div data-role="alert-anchor">
</div>
<div id="snippet--upload-progress"><div class="intro" data-max-upload-bytes="6442450944">
<div class="spinner-wrapper-large hidden">
<div class="spinner"></div>
<!-- .spinner -->
</div>
<h1>
Simple and reliable file transfers
</h1>
<p>
<a class="btn btn-primary select-files" href="#upload">
<span class="icon-upload"></span>
Send files
</a>
</p>
</div>
<!-- .intro -->
</div>
<div class="alert alert-error alert-noremove alert-hidden" data-alert-occasion="too-big">
<span class="icon-times"></span>The maximum size of a data package is <span class="max-bytes"></span>.
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
<div class="alert alert-error alert-noremove alert-hidden" data-alert-occasion="unsupported-browser">
<span class="icon-times"></span>Your browser doesn't support technology needed for FileTransfer.io to work.<br>Try again in another web browser.
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
<div class="alert alert-warning alert-noremove alert-hidden" data-alert-occasion="empty-file">
<span class="icon-times"></span>It isn't possible to send a file with no content.
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
<div class="alert alert-warning alert-noremove alert-hidden" data-alert-occasion="unsupported-drop">
This file cannot be dragged. Please select it by clicking the "<strong>choose from your device</strong>" button.
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
<div class="alert alert-warning alert-noremove alert-hidden" data-alert-occasion="directories">
<span class="icon-exclamation-triangle"></span>
<span class="single">The folder <span data-content="dirnames"></span>
cannot be added all at once, please add the specific files it contains.</span>
<span class="multiple hidden">The folders <span data-content="dirnames"></span>
cannot be added all at once, please add the specific files they contain.</span>
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
<div class="alert alert-reconnect alert-hidden" data-alert-occasion="disconnected">
<span class="gif-reconnect"></span>The connection was temporarily lost, we are waiting for its restoration…
</div>
<!-- .alert -->
<div class="alert alert-error alert-noremove alert-hidden" data-alert-occasion="total-size-exceeded">
<span class="icon-times"></span>You have too many data packages, you have to remove __REMOVE__ to send another.
You can switch to a <a href="/pricelist">paid plan</a> and send more data packages.
</div>
<!-- .alert -->
<div class="alert alert-error alert-noremove alert-hidden" data-alert-occasion="total-count-exceeded">
<span class="icon-times"></span>You have too many data packages, you have to remove __REMOVE__ data packages to send another.
You can switch to a <a href="/pricelist">paid plan</a> and send more data packages.
</div>
<!-- .alert -->
<div class="alert alert-error alert-hidden" data-alert-occasion="failed">
<span class="icon-times"></span>
<span data-reason="error">
The files couldn't be uploaded because of an error of the server. Please <a class="underline" rel="nofollow" href="/"><span class="underline-item">
reload the page</span></a>.
</span>
<span data-reason="ip" class="hidden">
Uploading from your IP address is prohibited due to violation of the <a rel="nofollow" href="/tos">
terms of our service</a>. If this is a mistake, please <a href="/contact/dGhlIHVwbG9hZCBmcm9tIG15IElQIGFkZHJlc3MgJWlwJSBpcyBmb3JiaWRkZW4sIGFsdGhvdWdoIHRoZXJlIHdhcyBubyB2aW9sYXRpb24gb2YgdGhlIHRlcm1zIG9mIHVzZSBvbiBteSBzaWRlLg==?category=2">
let us know</a>
</span>
<span data-reason="limit" class="hidden">
In 24 hours it is possible to send the maximum of __LIMIT__ data packages.
You can switch to a <a href="/pricelist">paid plan</a> and send more data packages.
</span>
<span data-reason="quota" class="hidden">
You have too many deliveries already. To send this delivery, delete some of your previous deliveries.
</span>
</div>
<div class="alert alert-warning alert-noremove alert-hidden" data-alert-occasion="duplicate">
<span class="icon-exclamation-triangle"></span>
<span class="single">The file <span data-content="filenames"></span>
is already in your data package.</span>
<span class="multiple hidden">Files <span data-content="filenames"></span>
are already in your data package.</span>
<a href="#" class="alert-close"><span class="icon-times"></span></a>
</div>
<!-- .alert -->
</section>
<!-- .content -->
<hr>
<footer class="footer en" id="snippet--footer">
<div class="box columns-sep columns-gap-glued columns md-3">
<div class="column">
<div class="info">
<div class="info-icon">
<span class="sprite-info-send"></span>
</div>
<!-- .info-icon -->
<div class="info-content">
<h2 class="info-title">Send files up to 6 GB</h2>
</div>
<!-- .info-content -->
</div>
<!-- .info -->
</div>
<!-- .column -->
<div class="column">
<div class="info">
<div class="info-icon">
<span class="sprite-info-download"></span>
</div>
<!-- .info-icon -->
<div class="info-content">
<h2 class="info-title">
Up to 50 downloads of your files
</h2>
</div>
<!-- .info-content -->
</div>
<!-- .info -->
</div>
<!-- .column -->
<div class="column">
<div class="info">
<div class="info-icon">
<span class="sprite-info-time"></span>
</div>
<!-- .info-icon -->
<div class="info-content">
<h2 class="info-title">Save the files for 21 days</h2>
</div>
<!-- .info-content -->
</div>
<!-- .info -->
</div>
<!-- .column -->
</div>
<!-- .columns -->
<nav class="footer-navigation">
<a title="Contact" class="underline" href="/contact">
<span class="underline-item">Contact</span>
</a>
·
<a title="FAQ" class="underline" href="/frequent-questions">
<span class="underline-item">FAQ</span>
</a>
·
<a title="Terms of use" class="underline" href="/tos">
<span class="underline-item">Terms of use</span>
</a>
·
<a title="Pricing" class="underline" href="/pricelist">
<span class="underline-item">Pricing</span>
</a>
</nav>
<nav class="footer-navigation">
Alternative to
<a title="Alternative to WeTransfer" class="underline" href="/wetransfer">
<span class="underline-item">WeTransfer</span>
</a>
·
<a title="Alternative to Anonfile" class="underline" href="/anonfile">
<span class="underline-item">Anonfile</span>
</a>
·
<a title="Alternative to Filemail" class="underline" href="/filemail">
<span class="underline-item">Filemail</span>
</a>
·
<a title="Alternative to pCloud" class="underline" href="/pcloud">
<span class="underline-item">pCloud</span>
</a>
·
<a title="Alternative to Sendspace" class="underline" href="/sendspace">
<span class="underline-item">Sendspace</span>
</a>
·
<a title="Alternative to Wesendit" class="underline" href="/wesendit">
<span class="underline-item">Wesendit</span>
</a>
·
<a title="Alternative to Workupload" class="underline" href="/workupload">
<span class="underline-item">Workupload</span>
</a>
·
<a title="Alternative to MyAirBridge" class="underline" href="/myairbridge">
<span class="underline-item">MyAirBridge</span>
</a>
</nav>
<div class="footer-copyright">
Copyright © 2024 – FileTransfer.io, provided by <span class="sprite-palo-alto"></span>
TECHNOLOGY PARK OÜ
</div>
</footer>
<!--googleoff: all-->
<section class="content hidden" data-occasion="js-error" style="position: absolute; left: -10000px;">
<div class="content-header content-header-only">
<h1>An error occurred on the site</h1>
<h3>We are sorry.</h3>
<p>
<span class="sprite-wrench" style="-webkit-filter: grayscale(1);
filter: grayscale(1);"></span>
</p>
<p>
If you'd like to be informed about the process of fixing this error, please click <a data-role="contact-url" rel="nofollow" href="/contact/2/CQkJCXdoaWxlIHVzaW5nIEZpbGVUcmFuc2Zlci5pbyBhbiBlcnJvciAiJWVycm9ySWQlIiBvY2N1cnJlZC4gUGxlYXNlIGluZm9ybSBtZSBhYm91dCB0aGUgcHJvY2VzcyBvZiBmaXhpbmcgdGhpcyBlcnJvci4K">
here</a>.
</p>
<p>
<a class="btn btn-primary btn-lg" rel="nofollow" href="/">
Back
</a>
</p>
</div>
<!-- .content-header -->
</section>
<!--googleon: all-->
</div>
<!-- .page -->
</div>
<!-- .container -->
</div>
<!-- .blur -->
<div class="drop-here">
<div class="drop-here-content">
<p class="xxlarge">Drop files</p>
</div>
<!-- .drop-here-content -->
</div>
<!-- .drop-here -->
<a class="need-help" href="/contact">
<span class="icon-support"></span>Get help
</a>
<!-- .need-help -->
<div data-role="popups-container" class="popups-container">
<div data-role="popup-backdrop" class="popup-backdrop"></div>
<div data-role="popup-stack" class="popup-stack">
</div>
</div>
<script src="/dist/scriptNew.bundle.af17f647d2ffcff12b35.js"></script>
<div class="offline-ui offline-ui-up"><div class="offline-ui-content"></div><a href="" class="offline-ui-retry"></a></div></body></html>